Google Page Speed Tool

OH HI,

glad to be able to give something back to the community.

Ok, recipe cook book I applied:

Plugins:
autoptimize –> activate advanced settings and check option to put all css instruction into header, which did the main trick, all the other options like java and css optimization also installed,

then use crazy lazy

and w3 total cache

what is also very important is to put into your htaccess the following code:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 1 month 1 days”
ExpiresByType text/html “access plus 1 month 1 days”
ExpiresByType image/gif “access plus 1 month 1 days”
ExpiresByType image/jpeg “access plus 1 month 1 days”
ExpiresByType image/png “access plus 1 month 1 days”
ExpiresByType text/css “access plus 1 month 1 days”
ExpiresByType text/javascript “access plus 1 month 1 week”
ExpiresByType application/x-javascript “access plus 1 month 1 days”
ExpiresByType text/xml “access plus 1 seconds”
</IfModule>

and last but not least when you use jetpack than deactivte the java script devicepx

http://swashcap.com/blog/2013/07/removing-devicepx-jetpack-js-for-wordpress/

thats what brought me this speed boost,

but high, I would be glad to figure out these other points, like “above the fold” css.
Would be great if the template had this included, and also an option to load different pictures for mobile use.
Any chance?

Thanks a lot

Hi, thanks again.
Last question. any idea how to get a proper CSS with all the things “above the fold” to improve speed. That would be a big helper.

Can you quickly generate this somehow?

Thanks a lot.

Hi,

nope. CSS “Above the Fold” means, that you have one CSS file that includes all the elements of a website, that can be seen without scrolling down yet.

This CSS code can be put in the header, so that there is minimal server request and the important elements of the website can be loaded as fast as possible. The rest of the elements like footer for example are loaded after that.

Google recognizes if the “above the fold” content is prioritized which such an CSS and gives extra points in ranking and speed check.

I tried doing it with the following webpage, but the result wasn’t convincing

http://jonassebastianohlsson.com/criticalpathcssgenerator/

Have a look, that is good stuff, to make your templates even faster.

Thanks for your time.

Hi,

thank you for your reply. I know that including the css into header is not done with your theme. It can be easily fulfilled with autoptimize plugin. For that I just need the above the fold – css file.

I am currently using w3 total cache plugin, and the files are already reduced in sized and combined.

The last final step to make this theme speeding like crazy is really to sort this css file out.

I will try to explain me a bit better, sorry for any misunderstanding.
Well normally when you load the website the css file(s) are loaded and then the website is rendered, right?

Well, you can combine many css files to one which speeds it up a bit.
The best way though is to split the design relevant css information into two files. One contains just the elements needed to load the part of the website you see without scrolling, just the way its loaded, what is called “above the fold”

The rest is like elements not needed for that part and that is why these design elements can be loaded and rendered after the first visible part is done.

In order to do so one would need the two mentioned css files, one for the visible elements upon loading and one for the rest of the elements.

I try to create this “critical” above the fold line” with the website mentioned, but the result is somehow not convincing. Which is why I thought you guys could have look on this website, take your standard landing page css code and run it through the website. As you know the names and everything of your own template you might could sort it out to make it all correct, taking away or adding design elements that are not in this generated critical css file.

With that golden piece of css file I could just go into my autoptimize plugin, add it and that code will be added directly to the header of the template.
Therefore it will be loaded first and no additional requests are needed –> speeding up the template.

If you could give support here would be great.

Thank you very much
Kindest regards

Ok,

maybe next time. Thank you very much for your time.

Greetz