Jundell Agbo

<p>Custom CSS, Javascript and HTML on specific posts or page or you can do it in global.</p>
<p>You can insert them in Header or Footer.</p>
<h4>Features</h4>
<ul>
<li>Text editor with syntax highlighting</li>
<li>Code validation</li>
<li>Inlined CSS AND JS</li>
<li>Custom CSS and Javascript on specific post or global</li>
<li>Custom HTML before|after body tag and footer specific post or global</li>
<li>Theme Editor Preference</li>
<li>Shortcode contents supported</li>
</ul>
<h4>Installation</h4>
<ul>
<li>Go to Plugins > Add New > WP Css, Javascript and HTML</li>
<li>Go to Settings > WP Css, Javascript and HTML</li>
<li>To enable this feature on specific post you must click the tree dots > Preferences > Panels > Enable CSS, Javascript and HTML or <a href="https://ps.w.org/wp-css-and-js-code/assets/screenshot-1.png?rev=2755443" rel="nofollow ugc">click here</a> for visual. </li>
</ul>
<h4>Maintainer</h4>
<ul>
<li><a href="https://profiles.wordpress.org/jundellagbo/" rel="nofollow ugc">Jundell Agbo</a></li>
</ul>


WP CSS, Javascript and HTML

Custom CSS, Javascript and HTML on specific posts or page or you can do it in global.

softaculous

<p>SpeedyCache is a WordPress cache plugin that helps you improve performance of your WordPress site by caching, minifying, and compressing your website.</p>
<p>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></p>
<p><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></p>
<p>Other than caching SpeedyCache can also do the following:-<br />
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.<br />
2. Eliminate render-blocking JavaScript resources helping your website to load faster.<br />
3. Lazy load images so that the images can be requested only if they come into the viewport.<br />
4. GZIP files to reduce the size of the file sent from the server.</p>
<h3>Free Features</h3>
<ul>
<li><strong>Caching:</strong> Storing copies of the web pages of the desktop version. Caching happens when a user visits a webpage on your website</li>
<li><strong>Preload:</strong> Preload makes sure the user always sees the cached version of your website as it periodically creates cache.</li>
<li><strong>Combine CSS:</strong> Combines CSS files present in the header of the page reducing HTTP requests.</li>
<li><strong>Minify CSS:</strong> Reduces the size of the CSS files.</li>
<li><strong>Automatic Cache:</strong> Creates cache of post when it gets deleted if preload is enabled.</li>
<li><strong>Combine JS:</strong> Combines JS files present in the header of the page reducing HTTP requests.</li>
<li><strong>GZIP:</strong> It applies GZIP compression on the files hence reducing the file size sent from the server.</li>
<li><strong>Browser Caching:</strong> Caches the website on the browser of the client for repeating visitors.</li>
<li><strong>DNS-Prefetch:</strong> DNS prefetch is a technique that improves website performance by resolving domain names in advance, before they are needed.</li>
<li><strong>Disable Emojis:</strong> You can remove the emoji inline CSS and wp-emoji-release.min.js.</li>
<li><strong>Exclude:</strong> You can exclude certain Pages, User-Agent, Cookies, CSS, or JS from being cached.</li>
<li><strong>CDN:</strong> 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><strong>Display Swap:</strong> Adds display swap to Google font URL, so when Google font loads the font will stay visible this is enabled by default.</li>
<li><strong>Purge Varnish:</strong> If enabled it will purge Varnish cache, whenever cache from SpeedyCache is purged.</li>
<li><strong>Gravatar Cache:</strong> 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>
<p>Get professional support and more features to make your website load faster with <a href="https://speedycache.com/pricing" rel="nofollow ugc">SpeedyCache</a></p>
<h3>Pro Features:-</h3>
<ul>
<li><strong>Image Optimization:</strong> 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><strong>Instant Page:</strong> It loads the page just before user clicks the link, reducing the page load time.</li>
<li><strong>Google Fonts:</strong> Google fonts are also seen as render-blocking so this feature helps load Google fonts asynchronously.</li>
<li><strong>Local Google Fonts:</strong> Cache the Google fonts to be compliant with the GDPR rules.</li>
<li><strong>Lazy Load:</strong> 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><strong>Minify HTML:</strong> It removes empty lines, line breaks, minifies inline Js And Css, removes comments and space in Tags</li>
<li><strong>Minify JS:</strong> Reduces JS file size.</li>
<li><strong>Delay JS:</strong> Delays the JS to load on user interaction to reduce or remove the issue of Unused JS.</li>
<li><strong>Advanced Combine JS:</strong> Combines JS files placed in the footer section helping reduce HTTP calls.</li>
<li><strong>Render blocking JS:</strong> 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><strong>Delete Cache Stats:</strong> Provides statistics about the cached files of Desktop or Mobile version and combined/ minified version of CSS and JS.</li>
<li><strong>Mobile Cache:</strong> Caches the mobile version of your website and shows that version on mobile devices.</li>
<li><strong>Database Cleanup:</strong> 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><strong>PreConnect:</strong> Preconnect improves website loading times by establishing early connections to third-party domains.</li>
<li><strong>Preload:</strong> Preload improves website performance by downloading resources in advance, before they are needed.</li>
<li><strong>Critical CSS:</strong> Extracts the CSS used by the page in the visible viewport at the time of load.</li>
<li><strong>Unused CSS:</strong> 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><strong>Object Cache:</strong> It makes the object to persist by using Redis, to improve availability of the cache.</li>
<li><strong>Bloat Remover:</strong> Options to remove unnecessary features of WordPress or WooCommerce.</li>
<li><strong>Image Dimension:</strong> Adds dimensions to the image tag which does not have width or height, to reduce (CLS)Cumulative Layout Shift.</li>
<li><strong>Lazy Render HTML:</strong> User can lazy render HTML elements which are not in view-port.</li>
<li><strong>Preload Critical Images:</strong> Preload above-the-fold images to improve LCP(Largest Contentful paint).</li>
</ul>
<h3>Caching</h3>
<p>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.</p>
<p>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.</p>
<p>Deleting Cache on New/updating Post.<br />
You can decide to delete the cache on the creation or updating of a post so that the cache can always stay updated.</p>
<h3>Minifying/Combining CSS and JS</h3>
<p>SpeedyCache helps minify the JS and CSS hence it reduces the file sizes.<br />
Combining JS combines the CSS and JS fines reducing the file count and making the server handle lesser requests.</p>
<h3>Cache Lifespan</h3>
<p>Cache Lifespan is a way to schedule the deletion of cache.</p>
<h3>Exclude</h3>
<p>Exclude is a way to prevent SpeedyCache from caching certain files/ user-agents/ cookies.</p>
<h3>CDN (Content Delivery Network)</h3>
<p>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.<br />
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.</p>
<h3>[Pro] Image Optimization</h3>
<p>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.<br />
We provide 3 ways to convert your images to webp.<br />
GD(a PHP extension), Imagick(a PHP extension), and cwebp(a webp conversion utility from Google).</p>
<h3>[Pro] Bloat Remover</h3>
<p>SpeedyCache has 12 bloat removal options which are listed below.<br />
1. Disable Dashicons<br />
2. Update Heartbeat<br />
3. Limit Post Revisions<br />
4. Disable XML-RPC<br />
5. Disable Google Fonts<br />
6. Disable jQuery Migrate<br />
7. Disable RSS feeds<br />
8. Disable Gutenberg<br />
9. Disable OEmbeds<br />
10. Disable Block Editor CSS<br />
11. Disable Cart Fragments<br />
12. Disable WooCommerce Assets</p>
<h3>[Pro] Database Cleanup</h3>
<p>Data cleanup cleans the database by removing the following data:-<br />
1. Post Revisions<br />
2. Trashed Content<br />
3. Trashed and Spam comments<br />
4. Trackbacks and pingbacks<br />
5. All Transient options<br />
6. Expired Transient Options</p>


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.

WP CSS, Javascript and HTML vs SpeedyCache – Cache, Optimization, Performance