Mike Bricknell-Barlow

This plugin helps to increase site speed, and helps to improve scores in Google’s Pagespeed Insights tool by addressing the common recommendation “Serve next-gen image formats”.
For the best speeds, Google recommends using new image formats such as .webp, which offer smaller file sizes than common formats such as .jpg or .png with no visible loss in quality. However, not all internet browsers support the .wepb image format, so only using that format would result in broken images in older browsers.
This plugin addresses that problem, and allows your site to use .webp images when it can. This plugin will convert images from .jpg or .png automatically, and save .webp versions of the image alongside the original. When a user visits the site in a compatible browser, they will be shown the .webp versions of all images, making your site load faster and improving your scores in Google Pagespeed Insights. Users on older browsers that aren’t compatible with .webp images will be shown the .jpg or .png versions of the images instead.
When first installing the plugin, run the Bulk Converter to convert all your existing images. See the Installation section for instructions.
After installation, any .jpg or .png image uploaded to the Media Library will be automatically converted.
<h3>Settings</h3>
<ul>
<li>
Conversion quality – Controls the level of compression on the generated .webp images. The lower the value, the smaller the file size of the generated images, but the more chance there is of a visual degradation of quality. The quality value to be entered is a percentage – by default, this is set at 80%. Most users won’t need to change this.
</li>
<li>
HTML Output Buffering – This allows the plugin to perform a find-and-replace on the HTML that WordPress has generated for output to the browser to replace image tags. This tends to perform the image tag replacement more reliably, but can cause issues with some themes. Users are advised to have this setting turned on, but they should check that the site is displaying as it should, and turn this option off if any issues arise.
</li>
<li>
Exclude pages from HTML output buffering – To specify pages that should be excluded from the HTML Output Buffering settings
</li>
<li>
Lazy loading – This improves the site speed further by not loading images that are further down the page until the user has scrolled down to them. This saves time downloading images that the user hasn’t got to yet, or might not get to at all. Users are advised to have this setting turned on, but they should check that the site is displaying as it should, and turn this option off if any issues arise.
</li>
<li>
Exclude image classes from lazy-loading – To specify images, by class name, that should not have the lazy-loading applied
</li>
</ul>
<h3>Developers</h3>
If using Simple Webp Images with your custom themes or plugins, there’s a couple of filters you can use, as below.
<ul>
<li><code>simple-webp-images-exclude-from-output-buffering</code> filter</li>
</ul>
Use this to exclude pages or posts from the HTML output buffering via <code>apply_filters</code>, using any critera you need. Call the filter, run any checks you need, and return ‘true’ to exclude the current page or post from the buffering. 
Example:
<pre><code>apply_filters( 'simple-webp-images-exclude-from-output-buffering', 'exclude_page_with_id_100_from_output_buffering' );
function exclude_page_with_id_100_from_output_buffering( $is_excluded ) {
 if( get_the_id() == 100 ) {
 return true;
 }

 return false;
}
</code></pre>
The example code could be placed in your <code>functions.php</code> file.
<ul>
<li><code>simple-webp-images-exclude-from-lazy-loading</code> filter</li>
</ul>
Use this to exclude pages or posts from the image lazy loading via <code>apply_filters</code>, using any critera you need. Call the filter, run any checks you need, and return ‘true’ to exclude the current page or post from the lazy loading. 
Example:
<pre><code>apply_filters( 'simple-webp-images-exclude-from-lazy-loading', 'exclude_page_with_id_100_from_lazy_loading' );
function exclude_page_with_id_100_from_lazy_loading( $is_excluded ) {
 if( get_the_id() == 100 ) {
 return true;
 }

 return false;
}
</code></pre>
The example code could be placed in your <code>functions.php</code> file.

Simple Webp Images

Generates webp images from uploaded images, and outputs webp images in content in compatible browsers. Optionally provides lazy-load functionality.

softaculous

SpeedyCache is a WordPress cache plugin that helps you improve performance of your WordPress site by caching, minifying, and compressing your website.
You can find our official documentation at <a href="https://speedycache.com/docs" rel="nofollow ugc">https://speedycache.com/docs</a>. We are also active in our community support forums on wordpress.org if you are one of our free users. Our Premium Support Ticket System is at <a href="https://softaculous.deskuss.com" rel="nofollow ugc">https://softaculous.deskuss.com</a>
<a href="https://speedycache.com" title="SpeedyCache Homepage" rel="nofollow ugc">Home Page</a> | <a href="https://softaculous.deskuss.com" title="SpeedyCache Support" rel="nofollow ugc">Support</a> | <a href="http://speedycache.com/docs" title="Documents" rel="nofollow ugc">Documents</a>
Other than caching SpeedyCache can also do the following:- 
1. It can minify and combine CSS/JS giving even better optimization as it reduces the file sizes and reduces the HTTP requests to the server. 
2. Eliminate render-blocking JavaScript resources helping your website to load faster. 
3. Lazy load images so that the images can be requested only if they come into the viewport. 
4. GZIP files to reduce the size of the file sent from the server.
<h3>Free Features</h3>
<ul>
<li>Caching: Storing copies of the web pages of the desktop version. Caching happens when a user visits a webpage on your website</li>
<li>Preload: Preload makes sure the user always sees the cached version of your website as it periodically creates cache.</li>
<li>Combine CSS: Combines CSS files present in the header of the page reducing HTTP requests.</li>
<li>Minify CSS: Reduces the size of the CSS files.</li>
<li>Automatic Cache: Creates cache of post when it gets deleted if preload is enabled.</li>
<li>Combine JS: Combines JS files present in the header of the page reducing HTTP requests.</li>
<li>GZIP: It applies GZIP compression on the files hence reducing the file size sent from the server.</li>
<li>Browser Caching: Caches the website on the browser of the client for repeating visitors.</li>
<li>DNS-Prefetch: DNS prefetch is a technique that improves website performance by resolving domain names in advance, before they are needed.</li>
<li>Disable Emojis: You can remove the emoji inline CSS and wp-emoji-release.min.js.</li>
<li>Exclude: You can exclude certain Pages, User-Agent, Cookies, CSS, or JS from being cached.</li>
<li>CDN: CDN helps improve website speed by placing the static files of your cached on their network of servers hence helping deliver content faster at any point in the world.</li>
<li>Display Swap: Adds display swap to Google font URL, so when Google font loads the font will stay visible this is enabled by default.</li>
<li>Purge Varnish: If enabled it will purge Varnish cache, whenever cache from SpeedyCache is purged.</li>
<li>Gravatar Cache: Host Gravatars on your server.</li>
<li>*Improve Font Rendering:** Adding CSS property of text-rendering to prioritize speed of render of Fonts.</li>
</ul>
<h3>GET SUPPORT AND PRO FEATURES</h3>
Get professional support and more features to make your website load faster with <a href="https://speedycache.com/pricing" rel="nofollow ugc">SpeedyCache</a>
<h3>Pro Features:-</h3>
<ul>
<li>Image Optimization: Image optimization is a way to convert an image to next-gen image formats like webp which load images faster on the web.</li>
<li>Instant Page: It loads the page just before user clicks the link, reducing the page load time.</li>
<li>Google Fonts: Google fonts are also seen as render-blocking so this feature helps load Google fonts asynchronously.</li>
<li>Local Google Fonts: Cache the Google fonts to be compliant with the GDPR rules.</li>
<li>Lazy Load: Loading all assets at once can make the page load slower hence lazy load helps by only loading certain resources when they come into the viewport.</li>
<li>Minify HTML: It removes empty lines, line breaks, minifies inline Js And Css, removes comments and space in Tags</li>
<li>Minify JS: Reduces JS file size.</li>
<li>Delay JS: Delays the JS to load on user interaction to reduce or remove the issue of Unused JS.</li>
<li>Advanced Combine JS: Combines JS files placed in the footer section helping reduce HTTP calls.</li>
<li>Render blocking JS: Before rendering a page the browser parses the HTML to create a DOM tree and if an external script comes it has to stop and wait for the script to execute hence the rendering of the page ends up taking time, hence Render blocking JS feature helps in deferring the load of JS after the render has happened hence the first load get faster.</li>
<li>Delete Cache Stats: Provides statistics about the cached files of Desktop or Mobile version and combined/ minified version of CSS and JS.</li>
<li>Mobile Cache: Caches the mobile version of your website and shows that version on mobile devices.</li>
<li>Database Cleanup: Database cleanup helps you free up your database storage from temporary data, trashed contents, and post revisions which may take a lot of your database storage.</li>
<li>PreConnect: Preconnect improves website loading times by establishing early connections to third-party domains.</li>
<li>Preload: Preload improves website performance by downloading resources in advance, before they are needed.</li>
<li>Critical CSS: Extracts the CSS used by the page in the visible viewport at the time of load.</li>
<li>Unused CSS: Removes the unused CSS, keeping the CSS that is being used by the paged, which reduces the size of CSS used on the page.</li>
<li>Object Cache: It makes the object to persist by using Redis, to improve availability of the cache.</li>
<li>Bloat Remover: Options to remove unnecessary features of WordPress or WooCommerce.</li>
<li>Image Dimension: Adds dimensions to the image tag which does not have width or height, to reduce (CLS)Cumulative Layout Shift.</li>
<li>Lazy Render HTML: User can lazy render HTML elements which are not in view-port.</li>
<li>Preload Critical Images: Preload above-the-fold images to improve LCP(Largest Contentful paint).</li>
</ul>
<h3>Caching</h3>
SpeedyCache caches the website by creating static files on the server and delivers those static files to most of the users who visit the website, The static files eliminate the heavy load of Querying the database for data hence the load of your website is faster.
You can preload as many pages as you want, and preloading caches the website in regular intervals of time to reduce the load on the server.
Deleting Cache on New/updating Post. 
You can decide to delete the cache on the creation or updating of a post so that the cache can always stay updated.
<h3>Minifying/Combining CSS and JS</h3>
SpeedyCache helps minify the JS and CSS hence it reduces the file sizes. 
Combining JS combines the CSS and JS fines reducing the file count and making the server handle lesser requests.
<h3>Cache Lifespan</h3>
Cache Lifespan is a way to schedule the deletion of cache.
<h3>Exclude</h3>
Exclude is a way to prevent SpeedyCache from caching certain files/ user-agents/ cookies.
<h3>CDN (Content Delivery Network)</h3>
CDN helps you host your static content on a distributed network optimized to deliver internet content faster it’s not a replacement to a web host. It caches your files on the network edge and delivers the content to the user through the closest and fastest server. 
SpeedyCache helps you integrate a CDN by rewriting the URLs of the static files you want to host on the CDN or in the Case of Cloudflare it helps with the purging of the cache on the Cloudflare servers.
<h3>[Pro] Image Optimization</h3>
Image optimization is a way to convert your images from old formats like JPG and PNG to the new next-gen formats like webp which is designed with the web as the target platform to load images faster. webp images result in smaller and richer images that make the web faster. 
We provide 3 ways to convert your images to webp. 
GD(a PHP extension), Imagick(a PHP extension), and cwebp(a webp conversion utility from Google).
<h3>[Pro] Bloat Remover</h3>
SpeedyCache has 12 bloat removal options which are listed below. 
1. Disable Dashicons 
2. Update Heartbeat 
3. Limit Post Revisions 
4. Disable XML-RPC 
5. Disable Google Fonts 
6. Disable jQuery Migrate 
7. Disable RSS feeds 
8. Disable Gutenberg 
9. Disable OEmbeds 
10. Disable Block Editor CSS 
11. Disable Cart Fragments 
12. Disable WooCommerce Assets
<h3>[Pro] Database Cleanup</h3>
Data cleanup cleans the database by removing the following data:- 
1. Post Revisions 
2. Trashed Content 
3. Trashed and Spam comments 
4. Trackbacks and pingbacks 
5. All Transient options 
6. Expired Transient Options

SpeedyCache – Cache, Optimization, Performance

SpeedyCache is a WordPress cache plugin that helps you improve performance of your WordPress site by caching, minifying, and compressing your website.

Simple Webp Images vs SpeedyCache – Cache, Optimization, Performance