[Suggestion] Speed improvements

[Mez]

• Make CSS.php cacheable (base on version number?)
• Specify image dimensions on logo.png (improves render time)
• Place inline JS in header before CSS or after calls to external media (I believe in this case, it's GA)
• Optimise CSS (On homepage, 71% of the CSS loaded is not used)

 

[Moses]

And you know when the image changes... how?

Many wordpress themes allow you to upload a header image through the admincp. There are also cropping and text tools which make it easy for non-techo admins to stick up their own banner.
http://en.support.wordpress.com/themes/custom-header-image/#uploading-a-custom-header-image

For anyone updating the template code to change their image, they'd have to adjust the image dimensions as expected.

 

[Floren]

However, if someone has a larger file, or the user has a slow connection, on some browsers, it will not render the page until it can block out the image correctly on the page

You are talking about my grandma who uses a dialup connection, right?
My uncle upgraded her to high-speed, so we can all do video conferences over Skype.

I suggest you to use Nginx and cache all static files. Problem solved.

For anyone updating the template code to change their image, they'd have to adjust the image dimensions as expected.

I think they use predefined image sizes, in admin CP?

Sorry, I had to talk about my grandma... Is true, I can now do video conferences with her. Cheers! {tinysmile}

 

[Kier]

Actually, the size of the header image is a non-issue and all of this is redundant, as the container within which it lives has a specified height, meaning that page rendering can continue regardless of the downloaded state of the header image.



So

 

[ChrisR]

Here is something

http://gtmetrix.com/reports/xenforo.com/VcYNLXEi

shows you yslow and page speed.

 

[SneakyDave]

50px? That's too small, I demand a 51px or any odd numbered height logo!