Nilesh Kanzariya

Performance Optimisation helps you optimize your website’s speed by offering features like cache management, JavaScript and CSS minification, image conversion, lazy loading, preloading, and more. With an intuitive dashboard, detailed settings, and useful tools, it simplifies performance enhancement for your website.
Features:
<ul>
<li>Dashboard with an overview of cache, JavaScript, CSS, and image optimization status.</li>
<li>Cache management tools, including size display and a “Clear Cache” button.</li>
<li>JavaScript & CSS Optimization: Minify, combine, and exclude specific files.</li>
<li>Image optimization: Convert images to WebP and AVIF formats.</li>
<li>Preload settings for cache, fonts, DNS, and images.</li>
<li>Advanced lazy loading options.</li>
<li>Import/export plugin settings.</li>
</ul>
<h3>Usage</h3>
<ol>
<li>
Dashboard Overview
<ul>
<li>View cache size and clear cache. </li>
<li>Check the number of minified JavaScript and CSS files. </li>
<li>Monitor image optimization (WebP/AVIF status). </li>
<li>Review recent plugin activities. </li>
</ul>
</li>
<li>
File Optimization Settings
<ul>
<li>Minify JavaScript, CSS, and HTML. </li>
<li>Combine CSS and exclude specific files. </li>
<li>Defer and delay JavaScript loading. </li>
</ul>
</li>
<li>
Preload Settings
<ul>
<li>Enable cache preloading. </li>
<li>Preconnect to origins and prefetch DNS. </li>
<li>Preload fonts, CSS, and images. </li>
</ul>
</li>
<li>
Image Optimization Settings
<ul>
<li>Lazy load images with SVG placeholders. </li>
<li>Convert images to WebP/AVIF formats and exclude specific images. </li>
<li>Preload feature images for selected post types. </li>
</ul>
</li>
<li>
Tools
<ul>
<li>Import/export plugin settings for quick setup.</li>
</ul>
</li>
</ol>
<h3>Composer Libraries</h3>
This plugin uses the following composer libraries:
<ul>
<li><code>voku/html-min</code> – For HTML minification.</li>
<li><code>matthiasmullie/minify</code> – For JavaScript and CSS minification.</li>
</ul>
Composer configuration:
<pre><code>{
 "name": "nilesh/performance-optimisation",
 "description": "A package for performance optimization, including HTML minification and code minification tools.",
 "license": "GPL-2.0-or-later",
 "authors": [
 {
 "name": "nilesh",
 "email": "nilesh.kanzariya912@gmail.com"
 }
 ],
 "require": {
 "voku/html-min": "^4.5",
 "matthiasmullie/minify": "^1.3"
 },
 "extra": {
 "cleanup": {
 "dirs": ["bin", "tests", "docs"],
 "exclude": ["*.md", "*.yml", "*.xml", "tests", "docs"]
 }
 }
}
</code></pre>

Performance Optimisation


Overview



Performance Optimisation is a powerful WordPress plugin designed to significantly improve website speed and performance. It achieves this through static page caching, minification of HTML, CSS, and JavaScript, and various other optimization techniques. This plugin is an excellent choice for website owners looking for an all-in-one solution to enhance load times, boost SEO rankings, and improve user experience.



Key Features



✅ Static Page Caching – Converts dynamic pages into static HTML, reducing server load and improving page speed.✅ Minify HTML, CSS, and JS – Removes unnecessary characters and spaces to reduce file size, resulting in faster load times.✅ GZIP Compression – Compresses website files for quicker data transfer between the server and browser.✅ Defer JavaScript & CSS Loading – Optimizes rendering by loading critical content first.



Performance Impact



After installing and activating Performance Optimisation, users can expect:🚀 Faster page load times📈 Improved Google PageSpeed Insights & GTmetrix scores🔼 Enhanced SEO rankings due to better site performance🎯 Better user engagement and lower bounce rates



Ease of Use



Performance Optimisation is built for both beginners and advanced users. The interface is clean and easy to navigate, with one-click optimization settings for those who want quick improvements. For developers, advanced settings allow granular control over caching and minification.



Conclusion



If you’re looking for a lightweight, effective, and easy-to-use WordPress optimization plugin, Performance Optimisation is a great choice. It simplifies complex performance enhancements and delivers noticeable improvements without requiring technical expertise.


Performance Optimisation – Speed Up Your WordPress Site

A plugin to enhance website performance by managing cache, minifying JavaScript, CSS, and optimizing images.

Blogestudio

Pau Iglesias

Improve user experience by having your above-the-fold (top of the page) CSS styles in-page.
Even if the rest of the CSS files take a seconds to load, these specific CSS styles displayed from the head section ensure a quick rendering of your page and better score in testing systems like Google Page Speed Insights.
But you do not need to maintain two separate stylesheets, just select specific fragments of your theme style file with a special markup to create an above-the-fold styles joining the CSS fragments in the head section.
This plugin enables a special open and close tags that you can insert editing your style.css theme file to surround pieces of code:
[css-above-the-fold]
… Your theme CSS code fragment …
[/css-above-the-fold]
But this syntax is not an standard CSS, so you need to include this tags between CSS comments, there are two ways to do it:
<h3>1. Comment whole section</h3>
The easiest way, the CSS is rendered only in the head but not in the stylesheet. 
This kind of markup does not allow to use your own CSS comments inside the fragment. 
Take care to use this way only when the plugin is active, because you are commenting some parts of your theme stylesheet.
/* [css-above-the-fold]
… CSS code fragment …
[/css-above-the-fold] */
<h3>2. Comment only the tags</h3>
The unobtrusive way, it allows you to include comments inside fragments, but the fragments are rendered both in the head section and the CSS file. 
This way is plugin-independent, and your theme stylesheet will keep running with this plugin activated or not.
/* [css-above-the-fold] */
… CSS code fragment …
/* [/css-above-the-fold] */
You can use these two kinds of markup combined in your CSS File.
The resulting CSS fragments introduced in the header are compacted and minified.
This plugin only read the style.css file when it is modified, and stores the results using the WP options API.

CSS Above The Fold

Good idea for a plugin. Works perfectly. Thanks.



Good idea

Faster CSS browser rendering displaying selected fragments of your theme stylesheet file directly into the head section.

Performance Optimisation vs CSS Above The Fold