WordPress optimization toolkit with a focus on SEO. This plugin enables to achieve a Google&hellip;

Page Speed Optimization

<p>This plugin is a toolkit for WordPress Optimization with a focus on SEO. The plugin enables to achieve a 100 score in the <a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow">Google PageSpeed Insights</a> test and an Excellent score in Google&#8217;s latest AI based <a href="https://testmysite.thinkwithgoogle.com/" rel="nofollow">Mobile Performance Benchmark test</a>.</p>
<p>This plugin is compatible with most optimization, minification and full page cache plugins and can be made compatible with other plugins by creating a module extension.</p>
<p>Some of the supported plugins include:<br />
* <a href="https://wordpress.org/plugins/autoptimize/">Autoptimize</a><br />
* <a href="https://wordpress.org/plugins/w3-total-cache/">W3 Total Cache</a><br />
* <a href="https://wordpress.org/plugins/wp-super-cache/">WP Super Cache</a><br />
* <a href="https://wordpress.org/plugins/wp-fastest-cache/">WP Fastest Cache</a><br />
* <a href="https://wordpress.org/plugins/cache-enabler/">Cache Enabler (KeyCDN.com)</a><br />
* <a href="https://wordpress.org/plugins/bwp-minify/">Better WordPress Minify</a><br />
* <a href="https://wordpress.org/plugins/wp-super-minify/">WP Super Minify</a><br />
* <a href="https://github.com/optimalisatie/above-the-fold-optimization/tree/master/trunk/modules/plugins/" rel="nofollow">Click here</a> for a list with supported plugins.</p>
<p><strong>Warning:</strong> <em>This plugin is not a simple &#8216;on/off&#8217; plugin. It is a tool for optimization professionals and advanced WordPress users to achieve a Google PageSpeed 100 Score.</em></p>
<h3>Critical CSS Tools</h3>
<p>The plugin contains tools to manage Critical Path CSS.</p>
<p>Some of the features:</p>
<ul>
<li>Conditional Critical CSS (apply tailored Critical CSS to specific pages based on WordPress conditions and filters)</li>
<li>Management via text editor and FTP (critical CSS files are stored in the theme directory)</li>
<li>Full CSS Extraction: selectively export CSS files of a page as a single file or as raw text for use in critical CSS generators.</li>
<li>Quality Test: test the quality of Critical CSS by comparing it side-by-side with the full CSS display of a page. This tool can be used to detect a flash of unstyled content (<a href="https://en.wikipedia.org/wiki/Flash_of_unstyled_content" rel="nofollow">FOUC</a>).</li>
<li>A <a href="https://github.com/optimalisatie/above-the-fold-optimization/blob/master/admin/js/css-extract-widget.js" rel="nofollow">javascript widget</a> to extract simple critical CSS with a click from the WordPress admin bar.</li>
<li>A live critical CSS editor.</li>
</ul>
<p>Read more about Critical CSS in the <a href="https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent" rel="nofollow">documentation by Google</a>.<br />
<a href="https://github.com/addyosmani/critical-path-css-tools" rel="nofollow">This article</a> by a Google engineer provides information about the available methods for creating critical CSS.</p>
<h3>CSS Load Optimization</h3>
<p>The plugin contains tools to optimize the delivery of CSS in the browser.</p>
<p>Some of the features:</p>
<ul>
<li>Async loading via <a href="https://github.com/filamentgroup/loadCSS" rel="nofollow">loadCSS</a> (enhanced with <code>requestAnimationFrame</code> API following the <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery" rel="nofollow">recommendations by Google</a>)</li>
<li>Remove CSS files from the HTML source.</li>
<li>Capture and proxy (script injected) external stylesheets to load the files locally or via a CDN with optimized cache headers. This feature enables to pass the &#8220;<a href="https://developers.google.com/speed/docs/insights/LeverageBrowserCaching" rel="nofollow">Leverage browser caching</a>&#8221; rule from Google PageSpeed Insights.</li>
</ul>
<p><strong>The plugin does not provide CSS code optimization, minification or concatenation.</strong></p>
<h3>Javascript Load Optimization</h3>
<p>The plugin contains tools to optimize the loading of javascript.</p>
<p>Some of the features:</p>
<ul>
<li>Robust async script loader based on <a href="https://github.com/walmartlabs/little-loader" rel="nofollow">little-loader</a> by Walmart Labs (<a href="https://formidable.com/blog/2016/01/07/the-only-correct-script-loader-ever-made/" rel="nofollow">reference</a>)</li>
<li>HTML5 Web Worker and Fetch API based script loader with localStorage cache and fallback to little-loader for old browsers.</li>
<li>jQuery Stub that enables async loading of jQuery.</li>
<li>Abiding of WordPress dependency configuration while loading files asynchronously.</li>
<li>Lazy Loading Javascript (e.g. Facebook or Twitter widgets) based on <a href="https://github.com/ressio/lazy-load-xt#widgets" rel="nofollow">jQuery Lazy Load XT</a>.</li>
<li>Capture and proxy (script injected) external javascript files to load the files locally or via a CDN with optimized cache headers. This feature enables to pass the &#8220;<a href="https://developers.google.com/speed/docs/insights/LeverageBrowserCaching" rel="nofollow">Leverage browser caching</a>&#8221; rule from Google PageSpeed Insights.</li>
</ul>
<p>The HTML5 script loader offers the following advantages when configured correctly:</p>
<ul>
<li>0 javascript file download during navigation</li>
<li>0 javascript file download for returning visitors (e.g. from Google search results, leading to a reduced bounce rate)</li>
<li>faster script loading than browser cache, especially on mobile (according to a <a href="https://addyosmani.com/basket.js/" rel="nofollow">proof of concept</a> by a Google engineer)</li>
</ul>
<p><strong>The plugin does not provide Javascript code optimization, minification or concatenation.</strong></p>
<h3>Google PWA Optimization</h3>
<p>The plugin contains tools to achieve a 100 / 100 / 100 / 100 score in the <a href="https://developers.google.com/web/tools/lighthouse/" rel="nofollow">Google Lighthouse Test</a>. Google has been promoting <a href="https://developers.google.com/web/progressive-web-apps/" rel="nofollow">Progressive Web Apps</a> (PWA) as the future of the internet: a combination of the flexability and openness of the existing web with the user experience advantages of native mobile apps. In essence: a mobile app that can be indexed by Google and that can be managed by WordPress.</p>
<p>This plugin provides an advanced <a href="https://developers.google.com/web/fundamentals/getting-started/primers/service-workers" rel="nofollow">HTML5 Service Worker</a> based solution to create a PWA with any website.</p>
<p>Some of the features:</p>
<ul>
<li>JSON based request and cache policy that includes regular expressions and numeric operator comparison for request and response headers.</li>
<li>Offline availability management: default offline page, image or resource.</li>
<li>Prefetch/preload resources in the Service Worker for fast access and/or offline availability.</li>
<li>Event/click based offline cache (e.g. &#8220;click to read this page offline&#8221;)</li>
<li>HTTP HEAD based cache updates.</li>
<li>Option to add <code>offline</code> class on <code>&lt;body&gt;</code> when the connection is offline.</li>
<li><a href="https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/" rel="nofollow">Web App Manifest</a> management: add website to home screen on mobile devices, track app launches and more.</li>
</ul>
<h3>Google Web Font Optimization</h3>
<p>The plugin contains tools to optimize <a href="https://fonts.google.com/" rel="nofollow">Google Web Fonts</a>.</p>
<p>Some of the features:</p>
<ul>
<li>Load Google Web Fonts via <a href="https://github.com/typekit/webfontloader" rel="nofollow">Google Web Font Loader</a>.</li>
<li>Auto-discovery of Google Web Fonts using:
<ul>
<li>Parse <code>&lt;link rel="stylesheet"&gt;</code> in HTML source.</li>
<li>Parse <code>@import</code> links in minified CSS from minification plugins (e.g. Autoptimize).</li>
<li>Parse existing <code>WebFontConfig</code> javascript configuration.</li>
</ul>
</li>
<li>Remove fonts to enable local font loading.</li>
<li>Upload Google Web Font Packages from <a href="https://google-webfonts-helper.herokuapp.com/" rel="nofollow">google-webfonts-helper</a> to the theme directory.</li>
</ul>
<h3>Gulp.js Critical CSS Creator</h3>
<p>The plugin contains a tool to create Critical CSS based on <a href="https://gulpjs.com/" rel="nofollow">Gulp.js</a> tasks. The tool is based on <a href="https://github.com/addyosmani/critical" rel="nofollow">critical</a> (by a Google engineer).</p>


Alternative Plugins for

Discover the Lists with Page Speed Optimization

Performance

Maintenance, Speed & Optimization

789digital Standard Plugins

07.SpeedUp

mandatory plugins

Reliance Plugins

Basic pack

Basic Setup

ExecDigiDev Mandatory non WPE

namaroopa before migrate