A faster website! (aka defer.js)

Description

⚡️ A native, blazing fast lazy loader. ✅ Legacy browsers support (IE9+). 💯 SEO friendly. 🧩 Lazy-load everything.

This plugin helps you to optimize everything like image tags, video, audio, iframes as well as stylesheets, and JavaScript.

This plugin incorporates tips used a lot by experienced web experts, as well as making the most of the latest web technologies in lazy-loading resources on the page.

Rate 5 stars (⭐️⭐️⭐️⭐️⭐️) if you guys like it.

What people loves

• ⚡️ Native API, blazing fast
• 👍 Legacy browsers support (IE9+)
• 🥇 SEO friendly
• ✅ Very easy to use
• 💯 No dependencies, no jQuery
• 🤝 Works well with your favorite frameworks
• 🧩 Uses IntersectionObserver API for optimized CPU usage
• 🏞 Supports for responsive images, both srcset and sizes attributes

💡 Tip: To archive better result, you should consider disabling all optimization features (Eg. lazy-loading, HTML minification, JS minification, etc.) by other plugins.

We recommend you use it with another page-caching plugin for best performance.

Browser support

This plugin also works perfectly on popular browsers, including Internet Explorer 9 and later.

• 🖥 IE9+ / Microsoft EDGE
• 🖥 Firefox 4+
• 🖥 Safari 3+
• 🖥 Chrome
• 🖥 Opera
• 📱 Android 4+
• 📱 iOS 3.2+

Powered by defer.js, defer.php

defer.js
🥇 A super small, super efficient library that helps you lazy load almost everything like images, video, audio, iframes as well as stylesheets, and JavaScript.

defer.php
🚀 A PHP library that focuses on minimizing payload size of HTML document and optimizing processing on the browser when rendering the web page.

Key features

• [x] Embed defer.js plugin
• [x] Normalize DOM elements
• [x] Fix missing meta tags
• [x] Fix missing media attributes
• [x] Preconnect to required origins
• [x] Preload key requests
• [x] Prefetch key requests
• [x] Browser-level image lazy-loading for the web
• [x] Lazy-load offscreen and hidden iframes
• [x] Lazy-load offscreen and hidden videos
• [x] Lazy-load offscreen and hidden images
• [x] Lazy-load CSS background images
• [x] Reduce the impact of JavaScript
• [x] Defer non-critical CSS requests
• [x] Defer third-party assets
• [x] Add fallback <noscript> tags for lazy-loaded objects
• [x] Add custom HTML while browser is rendering the page (splashscreen)
• [x] Attribute to ignore optimizing the element
• [x] Attribute to ignore lazyloading the element
• [x] Optimize AMP document
• [x] Minify HTML output

Support my activities

Keep up-to-date with new releases:
https://wordpress.org/plugins/shins-pageload-magic/

Donate via Paypal
Become a sponsor
Become a stargazer
Report an issue

Released under the GNU General Public License v2 license.
https://github.com/shinsenter/defer-wordpress/blob/master/LICENSE

Copyright (c) 2019 Mai Nhut Tan <shin@shin.company>