Fumiki Takahashi

TAROSKY INC.

<p>This plugin optimize page rendering of WordPress theme.</p>
<h4>Features</h4>
<ul>
<li>Add <code>loading="lazy"</code> or <code>loading="eager"</code> with your images.</li>
<li>Add <code>defer</code> or <code>async</code> attributes to your scripts.</li>
<li>Add <code>rel="preload"</code> to your stylesheets. Polyfill for old browsers is also available.</li>
<li>Remove default script helper of embeds(twitter, instagram) and load one after user interaction.</li>
</ul>
<p>All of above are selectable and you can customize with white list.</p>
<h4>Case 1. Image Loading</h4>
<p>If you wish header logo(<code>.custom-logo</code>) and main post thumbnail(<code>.post-feature-image</code>) should be load faster because they are in first view.</p>
<p>Just put <code>custom-logo,post-feature-image</code> at <strong>High Priority</strong> section in your setting screen.</p>
<h4>Case 2. Stop Defer</h4>
<p>Defering JavaScripts sometimes breaks your site.<br />
For example, if a script requires just in time operation with inline script tag, it will fail.</p>
<pre><script id="some-script-js" src="somescript.js" defer></script>
<script>
new SomeScript();
</script></pre>
<p>To avoid this, Add <code>some-script</code> handle name in <strong>Deny Defer</strong> section in your setting screen.</p>
<p>Generally speaking, many JavaScripts loaded in your WordPress are issued by WordPress Core, plugins, themes, your custom code, and so on.</p>
<p>To optimize JavaScript loading, try and error approaches works fine.</p>
<h4>Case 3. Critical Stylesheet</h4>
<pre><code>rel="preload" attributes makes your stylesheets loaded asynchrounsely, but FOUC(Flush of Unstyled Content) happens.
</code></pre>
<p>To avoid this, include critical CSS to <strong>Deny List</strong> in your setting screen. Critical CSS are generally your theme’s main stylesheet.</p>


Render Faster

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

Weston Ruter

Google

Hendrik Luehrsen

WP Munich

<p>Quicklink for WordPress attempts to make navigation to subsequent pages load faster. Embedded with the plugin is a javascript library, which detects links in the viewport, waits until the browser is idle and prefetches the URLs for these links. The library also tries to detect, if the user is on a slow connection or on a data plan.</p>
<p>This plugin builds heavily on the amazing work done by <a href="https://github.com/GoogleChromeLabs/quicklink" rel="nofollow ugc">Google Chrome Labs</a>.</p>
<p>More information about <a href="https://getquick.link" rel="nofollow ugc">Quicklink on the official Website</a>.</p>
<h4>How it works</h4>
<ul>
<li><strong>Detects links within the viewport</strong> (using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API" rel="nofollow ugc">Intersection Observer</a>)</li>
<li><strong>Waits until the browser is idle</strong> (using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback" rel="nofollow ugc">requestIdleCallback</a>)</li>
<li><strong>Checks if the user isn’t on a slow connection</strong> (using <code>navigator.connection.effectiveType</code>) or has data-saver enabled (using <code>navigator.connection.saveData</code>)</li>
<li><strong>Prefetches URLs to the links</strong> (using <a href="https://www.w3.org/TR/resource-hints/#prefetch" rel="nofollow ugc"><code><link rel=prefetch></code></a> or XHR). Provides some control over the request priority (can switch to <code>fetch()</code> if supported).</li>
</ul>
<p>If you are a developer, we encourage you to follow along or <a href="https://github.com/luehrsenheinrich/wp-quicklink" rel="nofollow ugc">contribute</a> to the development of this plugin <a href="https://github.com/luehrsenheinrich/wp-quicklink" rel="nofollow ugc">on GitHub</a>.</p>


Quicklink for WordPress

Thanks for publishing this. Works really well. Would be nice to see option to loading Quicklink from a CDN.

Great plugin

⚡️ Faster subsequent page-loads by prefetching in-viewport links during idle time.

Render Faster vs Quicklink for WordPress