[Stang70Fastback]

Originally Posted by everythingsablur

I've had a few clients host sites at Bluehost, and to be quite honest, I've never really been all that happy with them. All of their sites are similarly slow to respond, though one is compounded by the complex WordPress setup we needed to implement (basically loads 5 sites at once, basically every time you navigate around). Bluehost is cheap though, but in a way you get what you pay for. I wouldn't say performance is horrible on your site, but sure, it isn't "instant". It's acceptable, but could be better. You might want to look into your DNS routing to see if it's making some unnecessary hops, but I'd guess it's probably just being on a shared Bluehost WP server.

Optimize is a fairly ambiguous term. Would help if they were more specific. You could do several things, like reduce the file sizes of your images (increase compression, or reduce color depth). Consider tweaking your layout a little to have fewer images and less widgets perhaps. You coudl also look into changing the way the page loads to rely on caching more since you are likely calling the same JavaScript objects a lot.

I did install a plugin called ShortPixel to compress my images. It reduced the total from 1.3 Gb to 250 Mb, though admittedly the compression is perhaps a bit higher than I'd have liked as some images don't look all that great anymore.

Beyond that, you're basically speaking in tongues to me, as I don't really know enough about that stuff to even begin do tackle those sorts of changes... yet.

As for your YouTube embed sizing issue, it looks like the width and height of your embed are wrong. Not sure if you entered that or if your WP changed it to be the max width of your content column, but it is listed in the code as 640x390, when YouTube's default embed code for that video is 560x315 (which is a proper 16:9 aspect ratio). Try changing it by hand and see if that works.

That does sound like the issue. However, my unfamiliarity with all of this means I can't even find that damned piece of code in my files. I've looked through the editor and cannot find the page that has that bit of code anywhere. Originally, the embeds were even narrower, but I was able to tweak this bit of code in the stylesheet CSS page to get it to where it is now:

.km-pimage-wrapper img,.km-pgallery-wrapper img,.km-pgallery-icons img, .single-post-data video , .single-post-data audio{/*,.single-post-data iframe{*/
	width: 100%;
	height: auto;
}

.single-post-data iframe{
	width: 100%;
}

/* Video Style**/
.km-embed-videoWrapper{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}

.km-embed-videoWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

I basically pulled the ".single-post-data iframe" out into its own statement and eliminated the height: auto statement. That made the embed taller to its current size, but that's all I've been able to find so far.