Render Faster

Render the page faster. Enhance your site's load page for Core Web Vital.

Author:Tarosky INC. (profile at wordpress.org)
WordPress version required:5.5
WordPress version tested:5.7.2
Plugin version:1.2.0
Added to WordPress repository:29-07-2021
Last updated:02-08-2021
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:0
Rated by:0
Plugin URI:https://wordpress.org/plugins/render-faster/
Total downloads:656
Active installs:10+
plugin download
Click to start download

This plugin optimize page rendering of WordPress theme.

Features

  • Add loading="lazy" or loading="eager" with your images.
  • Add defer or async attributes to your scripts.
  • Add rel="preload" to your stylesheets. Polyfill for old browsers is also available.
  • Remove default script helper of embeds(twitter, instagram) and load one after user interaction.

All of above are selectable and you can customize with white list.

Case 1. Image Loading

If you wish header logo(.custom-logo) and main post thumbnail(.post-feature-image) should be load faster because they are in first view.

Just put custom-logo,post-feature-image at High Priority section in your setting screen.

Case 2. Stop Defer

Defering JavaScripts sometimes breaks your site.
For example, if a script requires just in time operation with inline script tag, it will fail.

<script id="some-script-js" src="somescript.js" defer></script>
<script>
new SomeScript();
</script>

To avoid this, Add some-script handle name in Deny Defer section in your setting screen.

Generally speaking, many JavaScripts loaded in your WordPress are issued by WordPress Core, plugins, themes, your custom code, and so on.

To optimize JavaScript loading, try and error approaches works fine.

Case 3. Critical Stylesheet

rel="preload" attributes makes your stylesheets loaded asynchrounsely, but FOUC(Flush of Unstyled Content) happens.

To avoid this, include critical CSS to Deny List in your setting screen. Critical CSS are generally your theme’s main stylesheet.

FAQ
ChangeLog