{"id":68993,"date":"2017-05-23T05:50:31","date_gmt":"2017-05-23T05:50:31","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/shins-pageload-magic\/"},"modified":"2025-09-02T07:55:38","modified_gmt":"2025-09-02T07:55:38","slug":"shins-pageload-magic","status":"publish","type":"plugin","link":"https:\/\/roh.wordpress.org\/plugins\/shins-pageload-magic\/","author":15460916,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.0.1","stable_tag":"3.0.1","tested":"6.8.5","requires":"4.0","requires_php":"7.2","requires_plugins":null,"header_name":"A faster website! (aka defer.js)","header_author":"Mai Nhut Tan","header_description":"Shin's Pageload Magic by tuning CSS loads","assets_banners_color":"","last_updated":"2025-09-02 07:55:38","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.me\/shinsenter","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/shins-pageload-magic\/","header_author_uri":"https:\/\/code.shin.company\/","rating":4.9,"author_block_rating":0,"active_installs":300,"downloads":38864,"num_ratings":45,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.10.0":{"tag":"2.10.0","author":"shinsenter","date":"2024-06-28 10:27:56"},"2.2.0":{"tag":"2.2.0","author":"shinsenter","date":"2021-04-09 12:10:19"},"2.3.0":{"tag":"2.3.0","author":"shinsenter","date":"2021-04-15 13:46:48"},"2.4.0":{"tag":"2.4.0","author":"shinsenter","date":"2021-04-17 01:45:57"},"2.4.1":{"tag":"2.4.1","author":"shinsenter","date":"2021-07-15 16:05:36"},"2.4.2":{"tag":"2.4.2","author":"shinsenter","date":"2021-08-15 02:24:50"},"2.4.2b":{"tag":"2.4.2b","author":"shinsenter","date":"2021-08-30 04:05:59"},"2.4.3":{"tag":"2.4.3","author":"shinsenter","date":"2021-08-30 04:09:42"},"2.5.0":{"tag":"2.5.0","author":"shinsenter","date":"2023-09-07 03:56:45"},"2.6.0":{"tag":"2.6.0","author":"shinsenter","date":"2024-03-11 06:17:58"},"2.8.0":{"tag":"2.8.0","author":"shinsenter","date":"2024-03-11 06:21:50"},"2.9.0":{"tag":"2.9.0","author":"shinsenter","date":"2024-04-02 02:44:34"},"3.0.0":{"tag":"3.0.0","author":"shinsenter","date":"2024-08-12 13:03:25"},"3.0.1":{"tag":"3.0.1","author":"shinsenter","date":"2025-09-02 07:55:38"}},"upgrade_notice":{"":"<p>No action is required, simply install and enjoy the plugin!<\/p>\n\n<p>If you are currently using an older version of this plugin, we strongly recommend updating to the latest version.\nWhile this plugin maintains compatibility with PHP 5.6, we advise running your server on PHP version 8.1 or higher for optimal performance.<\/p>"},"ratings":{"1":1,"2":0,"3":0,"4":0,"5":44},"assets_icons":{"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":1662885,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.10.0","2.2.0","2.3.0","2.4.0","2.4.1","2.4.2","2.4.2b","2.4.3","2.5.0","2.6.0","2.8.0","2.9.0","3.0.0","3.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":2054031,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":2054031,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Achieving a perfect 100\/100 score in Google PageSpeed Test with ease!","2":"Defer.js empowers you to effortlessly accelerate your website by deferring resource loading with finesse."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[166687,1466,1452,1513,247],"plugin_category":[52],"plugin_contributors":[141472],"plugin_business_model":[],"class_list":["post-68993","plugin","type-plugin","status-publish","hentry","plugin_tags-defer-js","plugin_tags-lazyload","plugin_tags-optimize","plugin_tags-pagespeed","plugin_tags-performance","plugin_category-performance","plugin_contributors-shinsenter","plugin_committers-shinsenter"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/shins-pageload-magic\/assets\/icon-256x256.jpg?rev=1662885","icon_2x":"https:\/\/ps.w.org\/shins-pageload-magic\/assets\/icon-256x256.jpg?rev=1662885","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/shins-pageload-magic\/assets\/screenshot-1.jpg?rev=2054031","caption":"Achieving a perfect 100\/100 score in Google PageSpeed Test with ease!"},{"src":"https:\/\/ps.w.org\/shins-pageload-magic\/assets\/screenshot-2.jpg?rev=2054031","caption":"Defer.js empowers you to effortlessly accelerate your website by deferring resource loading with finesse."}],"raw_content":"<!--section=description-->\n<p>\u26a1\ufe0f Experience lightning-fast load times with our native, blazingly quick lazy loader. \u2705 Backward compatible with legacy browsers (IE9+). \ud83d\udcaf SEO-optimized. \ud83e\udde9 Lazy-load everything.<\/p>\n\n<p>This plugin empowers you to optimize a wide range of elements, including images, videos, audio, iframes, stylesheets, and JavaScript, for a seamless user experience.<\/p>\n\n<p>Leveraging tips from seasoned web experts and harnessing the latest web technologies for resource lazy-loading, this plugin ensures your website operates at peak efficiency, providing your visitors with a lightning-fast browsing experience.<\/p>\n\n<p>If you find this plugin valuable, please consider leaving a <a href=\"https:\/\/wordpress.org\/support\/plugin\/shins-pageload-magic\/reviews\/?filter=5#new-post\">5-star review (\u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f)<\/a> to support my efforts.<\/p>\n\n<h3>What People Love<\/h3>\n\n<ul>\n<li>\u26a1\ufe0f Native API, blazingly fast performance<\/li>\n<li>\ud83d\udc4d Support for legacy browsers (IE9+)<\/li>\n<li>\ud83e\udd47 SEO-friendly optimization<\/li>\n<li>\u2705 Incredibly easy to use<\/li>\n<li>\ud83d\udcaf No dependencies, no jQuery required<\/li>\n<li>\ud83e\udd1d Works seamlessly with your favorite frameworks<\/li>\n<li>\ud83e\udde9 Utilizes <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Intersection_Observer_API\">IntersectionObserver API<\/a> for optimized CPU usage<\/li>\n<li>\ud83c\udfde Supports responsive images with <code>srcset<\/code> and <code>sizes<\/code> attributes<\/li>\n<\/ul>\n\n<p>\ud83d\udca1 Tip: For optimal results, consider disabling optimization features from other plugins (e.g., lazy-loading, HTML minification, JS minification).<\/p>\n\n<p>We recommend using this plugin alongside another page-caching solution for best performance.<\/p>\n\n<p><\/p>\n\n<h3>Browser support<\/h3>\n\n<p>This plugin also works perfectly on popular browsers, including Internet Explorer 9 and later.<\/p>\n\n<ul>\n<li>\ud83d\udda5 IE9+ \/ Microsoft EDGE<\/li>\n<li>\ud83d\udda5 Firefox 4+<\/li>\n<li>\ud83d\udda5 Safari 3+<\/li>\n<li>\ud83d\udda5 Chrome<\/li>\n<li>\ud83d\udda5 Opera<\/li>\n<li>\ud83d\udcf1 Android 4+<\/li>\n<li>\ud83d\udcf1 iOS 3.2+<\/li>\n<\/ul>\n\n<h3>Powered by defer.js, defer.php<\/h3>\n\n<p><a href=\"https:\/\/code.shin.company\/defer.js\">defer.js<\/a>\n\ud83e\udd47 A super small, super efficient library that helps you lazy load almost everything like images, video, audio, iframes as well as stylesheets, and JavaScript.<\/p>\n\n<p><a href=\"https:\/\/code.shin.company\/defer.php\">defer.php<\/a>\n\ud83d\ude80 A PHP library that focuses on minimizing payload size of HTML document and optimizing processing on the browser when rendering the web page.<\/p>\n\n<h4>Key features<\/h4>\n\n<ul>\n<li>[x] Embed <a href=\"https:\/\/code.shin.company\/defer.js\">defer.js<\/a> plugin<\/li>\n<li>[x] Normalize DOM elements<\/li>\n<li>[x] Fix missing meta tags<\/li>\n<li>[x] Fix missing media attributes<\/li>\n<li>[x] Preconnect to required origins<\/li>\n<li>[x] Preload key requests<\/li>\n<li>[x] Prefetch key requests<\/li>\n<li>[x] Browser-level image lazy-loading for the web<\/li>\n<li>[x] Lazy-load offscreen and hidden iframes<\/li>\n<li>[x] Lazy-load offscreen and hidden videos<\/li>\n<li>[x] Lazy-load offscreen and hidden images<\/li>\n<li>[x] Lazy-load CSS background images<\/li>\n<li>[x] Reduce the impact of JavaScript<\/li>\n<li>[x] Defer non-critical CSS requests<\/li>\n<li>[x] Defer third-party assets<\/li>\n<li>[x] Add fallback <code>&lt;noscript&gt;<\/code> tags for lazy-loaded objects<\/li>\n<li>[x] Add custom HTML while browser is rendering the page (splashscreen)<\/li>\n<li>[x] Attribute to ignore optimizing the element<\/li>\n<li>[x] Attribute to ignore lazyloading the element<\/li>\n<li>[x] Optimize AMP document<\/li>\n<li>[x] Minify HTML output<\/li>\n<\/ul>\n\n<h3>Support my activities<\/h3>\n\n<p>Keep up-to-date with new releases:\n<a href=\"https:\/\/wordpress.org\/plugins\/shins-pageload-magic\/\">https:\/\/wordpress.org\/plugins\/shins-pageload-magic\/<\/a><\/p>\n\n<p><a href=\"https:\/\/www.paypal.me\/shinsenter\">Donate via Paypal<\/a>\n<a href=\"https:\/\/www.patreon.com\/appseeds\">Become a sponsor<\/a>\n<a href=\"https:\/\/code.shin.company\/defer-wordpress\/stargazers\">Become a stargazer<\/a>\n<a href=\"https:\/\/code.shin.company\/defer-wordpress\/issues\/new\">Report an issue<\/a><\/p>\n\n\n\n<p>Released under the GNU General Public License v2 license.\n<a href=\"https:\/\/code.shin.company\/defer-wordpress\/blob\/master\/LICENSE\">https:\/\/code.shin.company\/defer-wordpress\/blob\/master\/LICENSE<\/a><\/p>\n\n<p>Copyright (c) 2024 Mai Nhut Tan &lt;<a href=\"mailto:&#x73;&#104;&#x69;&#110;&#x40;&#115;&#x68;&#105;&#x6e;&#046;&#x63;&#111;&#x6d;&#112;&#x61;&#110;&#x79;\">shin@shin.company<\/a>&gt;<\/p>\n\n<!--section=installation-->\n<ol>\n<li><p>Upload the <code>defer-wordpress<\/code> folder to the <code>.\/wp-content\/plugins\/<\/code> directory.<\/p><\/li>\n<li><p>Activate the plugin through the 'Plugins' menu in WordPress.<\/p><\/li>\n<\/ol>\n\n<p>While this plugin maintains compatibility with PHP 5.6, we strongly recommend running your server on PHP version 8.1 or higher for optimal performance and speed.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id='what%20is%20defer.js%3F'><h3>What is defer.js?<\/h3><\/dt>\n<dd><p>\ud83e\udd47 Defer.js is a lightweight, native performance powerhouse designed to lazy-load resources like JS, CSS, images, and iframes with lightning speed.<\/p>\n\n<p>With Defer.js, you can effortlessly supercharge your website's performance.<\/p><\/dd>\n<dt id='why%20should%20i%20implement%20lazy-loading%3F'><h3>Why should I implement lazy-loading?<\/h3><\/dt>\n<dd><p>Loading all page content at once can significantly slow down your website's loading speed. Users loathe staring at a blank white page and tend to abandon ship quickly.<\/p>\n\n<p>Implementing lazy-loading can alleviate resource contention, resulting in a silky-smooth browsing experience.<\/p><\/dd>\n<dt id='why%20should%20i%20use%20this%20plugin%3F'><h3>Why should I use this plugin?<\/h3><\/dt>\n<dd><p>This plugin offers practical solutions for optimizing on-page resource downloads, based on recommendations from Google Developers available at this website.<\/p>\n\n<p>You could manually implement these optimizations, but it's a time-consuming process that requires expertise.<\/p><\/dd>\n<dt id='how%20does%20this%20plugin%20function%3F'><h3>How does this plugin function?<\/h3><\/dt>\n<dd><p>This plugin optimizes a wide range of elements, including image tags, videos, audio, iframes, stylesheets, and JavaScript.<\/p>\n\n<p>It incorporates best practices endorsed by seasoned web experts and harnesses the latest web technologies for lazy-loading resources with finesse.<\/p>\n\n<p>This includes features like creating \"data-src\" attributes for media and utilizing the loading=\"lazy\" attribute recently introduced by Google Developers.<\/p><\/dd>\n<dt id='high%20performance%20and%20precision'><h3>High performance and precision<\/h3><\/dt>\n<dd><p>Additionally, this plugin utilizes the DOM to analyze your website's structure, delivering precise results and outperforming other plugins that rely on HTML text processing.<\/p>\n\n<p>Give it a try, and you'll likely be pleasantly surprised by the performance boost it brings to your website.<\/p><\/dd>\n<dt id='what%20about%20performance%20and%20compatibility%3F'><h3>What about performance and compatibility?<\/h3><\/dt>\n<dd><p>We've thoroughly tested this plugin alongside numerous others and haven't encountered any significant conflicts.<\/p>\n\n<p>For optimal use of this plugin, consider disabling other optimization features (e.g., lazy-loading, HTML minification, JS minification) offered by other plugins.<\/p>\n\n<p>We also recommend using it in conjunction with a page-caching plugin for the ultimate performance experience.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<p>3.0: Remove support for PHP versions earlier than 7.2<\/p>\n\n<p>2.10: Removed dependency from polyfill[.]io<\/p>\n\n<p>2.9: Fixed broken feeds and API responses<\/p>\n\n<p>2.8: Updated Defer.js version<\/p>\n\n<p>2.7: Resolved various bugs<\/p>\n\n<p>2.6: Fixed bugs related to JSON requests<\/p>\n\n<p>2.5: Addressed deprecation errors for compatibility with newer PHP versions<\/p>\n\n<p>2.4: Made minor updates and improvements to the documentation<\/p>\n\n<p>2.3: Resolved multiple bugs and implemented enhancements<\/p>\n\n<p>2.2: Enhanced the codebase for better performance<\/p>\n\n<p>2.1: Fixed bugs (see https:\/\/code.shin.company\/defer.js\/issues\/82)<\/p>\n\n<p>2.0: Upgraded to version 2 and renamed the plugin<\/p>\n\n<p>1.1.15: Fixed bugs present in defer.js versions 1.1.13 and 1.1.14<\/p>\n\n<p>1.1.14: Improved overall performance<\/p>\n\n<p>1.1.13: Fixed specific issues affecting Firefox<\/p>\n\n<p>1.1.12: Addressed problems related to Internet Explorer and ensured compatibility with the latest WordPress version<\/p>\n\n<p>1.1.11: Fixed a security vulnerability (CVE-2019-18888)<\/p>\n\n<p>1.1.10+5: Removed external resources, bug fixes, and general improvements<\/p>\n\n<p>1.1.10: Resolved various bugs and introduced improvements<\/p>\n\n<p>1.1.9: Corrected encoding issues related to the mb_detect_encoding() function<\/p>\n\n<p>1.1.8: Updated defer.php library to version 1.0.15<\/p>\n\n<p>1.1.7: Fixed issues affecting Firefox and made code improvements<\/p>\n\n<p>1.1.6: Updated the library version and enhanced JavaScript execution order<\/p>\n\n<p>1.1.5: Hotfix for escaping HTML node values<\/p>\n\n<p>1.1.4: Implemented numerous improvements<\/p>\n\n<p>1.1.3: Unified lazy attributes with other plugins<\/p>\n\n<p>1.1.2: Fixed known issues with gtm.js and improved plugin caching<\/p>\n\n<p>1.1.1: Addressed small bugs, including IE polyfill, missing meta tags, and preloading ads<\/p>\n\n<p>1.1.0: Added a settings page<\/p>\n\n<p>1.0.9: Enhanced preloading code<\/p>\n\n<p>1.0.8: Fixed issues related to open web fonts<\/p>\n\n<p>1.0.7: Optimized script loader, polyfill, and srcset<\/p>\n\n<p>1.0.6: Addressed minor bugs, including color placeholders and CSS issues<\/p>\n\n<p>1.0.5: Migrated to defer.js library<\/p>\n\n<p>1.0.0 to 1.0.4: Initial implementation and development phases<\/p>","raw_excerpt":"\ud83d\ude80 Unleash the power of cutting edge WordPress optimization tech. \ud83d\udcaf SEO-Optimized and \ud83c\udfaf Effortlessly User-Friendly!","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/68993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=68993"}],"author":[{"embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/shinsenter"}],"wp:attachment":[{"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=68993"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=68993"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=68993"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=68993"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=68993"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=68993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}