Above The Fold Optimization wordpress plugin resources analysis
| Download This Plugin | |
| Download Elegant Themes | |
| Name | Above The Fold Optimization |
| Version | 1.0 |
| Author | Optimalisatie.nl |
| Rating | 0 |
| Last updated | 2015-02-13 11:13:00 |
| Downloads |
390
|
| Download Plugins Speed Test plugin for Wordpress | |
Home page
Delta: 0%
Post page
Delta: 0%
Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%
Above The Fold Optimization plugin added 1 kB of resources to the Home page and 1 kB of resources to the sample Post page.
Above The Fold Optimization plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.
Great! Above The Fold Optimization plugin ads no tables to your Wordpress blog database.This plugin enables to pass the "Eliminate render-blocking JavaScript and CSS in above-the-fold content"-rule from Google PageSpeed Insights to be able to obtain a 90+ score using other optimization plugins such as W3 Total Cache.
The functionality of this plugin is fairly simple. You need to generate Critical Path CSS for your main WordPress pages (e.g. the front page and blog page), combine and minify the resulting CSS and enter it into the plugin settings. The critical path CSS is inserted inline into the <head> of the page and CSS links are loaded asynchronously and rendered via requestAnimationFrame API following the recommendations by Google.
A good Critical Path CSS generator is Penthouse which is available online via this form.
Other generators are Critical and Critical CSS which are available as Node.js and Grunt.js modules.
