Follow for free plugins, new theme releases and theme news
Plugin Description
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.
new SomeScript();
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.
Screenshots
No screenshots provided
