[WordPress] 外掛分享: A faster website! (aka defer.js)

前言介紹

  • 這款 WordPress 外掛「A faster website! (aka defer.js)」是 2017-05-22 上架。
  • 目前有 300 個安裝啟用數。
  • 上一次更新是 2025-09-02,距離現在已有 177 天。
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
  • 有 45 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

shinsenter |

外掛標籤

Defer JS | lazyload | Optimize | pagespeed | performance |

內容簡介

⚡️ 原生速度優化延遲載入器。✅ 支援舊版瀏覽器 (IE9+)。💯 良好的 SEO 最佳化。🧩 所有物件都可以延遲載入。

此外掛能協助你進行最佳化,包括圖片、影片、音訊、iframe 以及樣式表和 JavaScript。

這個掛件融合了經驗豐富的網路專家的網站最佳化技巧,以及使用最新的網頁技術進行页面资源的懶加載。

如果您喜歡這個掛件,請給予五星評價 (⭐️⭐️⭐️⭐️⭐️)。

人們喜愛什麼

⚡️ 原生 API,速度極快
👍 支援舊版瀏覽器 (IE9+)
🥇 良好的 SEO 最佳化
✅ 操作簡單方便
💯 獨立,不需要使用 jQuery
🤝 能與您喜愛的框架良好整合
🧩 使用 IntersectionObserver API 進行最佳化的 CPU 使用
🏞 支援響應式圖片,包括 srcset 和 sizes 屬性

💡 提示:為達到更佳效果,您應該考慮將其他掛件的所有最佳化功能(例如懶載入、HTML 最小化、JS 最小化等)禁用。

我們建議您與其他頁面緩存掛件一起使用以獲得最佳效果。

瀏覽器支援

此掛件也能在主流瀏覽器上完美運作,包括 Internet Explorer 9 及更高版本。

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

由 defer.js、defer.php 推動

defer.js
🥇 一個超小型、超高效的函式庫,可協助您對幾乎所有物件進行懶載入,包括圖片、視訊、音訊、iframe 以及樣式表和 JavaScript。

defer.php
🚀 一個 PHP 函式庫,專注於最小化 HTML 文件的資料量和在瀏覽器渲染網頁時的最佳化處理。

主要功能

[x] 嵌入 defer.js 控件
[x] 正常化 DOM 元素
[x] 修復缺少的 meta 標籤
[x] 修復缺少的媒體屬性
[x] 预連接到必要的網址
[x] 預加載重要資源
[x] 預取關鍵資源
[x] 瀏覽器等級的圖片懶載入
[x] 懶載入屏幕外或隱藏的 iframe
[x] 懶載入屏幕外或隱藏的視訊
[x] 懶載入屏幕外或隱藏的圖片
[x] 懶載入 CSS 背景圖片
[x] 減少 JavaScript 的影響
[x] 暫停非關鍵 CSS 請求
[x] 延遲第三方資源
[x] 為懶載入對象添加備用的 <noscript> 標籤
[x] 在瀏覽器渲染頁面時添加自定義 HTML(開始畫面)
[x] 支援忽略最佳化的屬性
[x] 支援忽略懶載入的屬性
[x] 最佳化 AMP 文件
[x] 最小化 HTML 輸出

支援我的活動

保持最新版本:
https://wordpress.org/plugins/shins-pageload-magic/

原文外掛簡介

⚡️ Experience lightning-fast load times with our native, blazingly quick lazy loader. ✅ Backward compatible with legacy browsers (IE9+). 💯 SEO-optimized. 🧩 Lazy-load everything.
This plugin empowers you to optimize a wide range of elements, including images, videos, audio, iframes, stylesheets, and JavaScript, for a seamless user experience.
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.
If you find this plugin valuable, please consider leaving a 5-star review (⭐️⭐️⭐️⭐️⭐️) to support my efforts.
What People Love

⚡️ Native API, blazingly fast performance
👍 Support for legacy browsers (IE9+)
🥇 SEO-friendly optimization
✅ Incredibly easy to use
💯 No dependencies, no jQuery required
🤝 Works seamlessly with your favorite frameworks
🧩 Utilizes IntersectionObserver API for optimized CPU usage
🏞 Supports responsive images with srcset and sizes attributes

💡 Tip: For optimal results, consider disabling optimization features from other plugins (e.g., lazy-loading, HTML minification, JS minification).
We recommend using this plugin alongside another page-caching solution 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

Support my activities
Keep up-to-date with new releases:

A faster website! (aka defer.js)


Donate via Paypal
Become a sponsor
Become a stargazer
Report an issue
Released under the GNU General Public License v2 license.
https://code.shin.company/defer-wordpress/blob/master/LICENSE
Copyright (c) 2024 Mai Nhut Tan

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「A faster website! (aka defer.js)」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


2.2.0 | 2.3.0 | 2.4.0 | 2.4.1 | 2.4.2 | 2.4.3 | 2.5.0 | 2.6.0 | 2.8.0 | 2.9.0 | 3.0.0 | 3.0.1 | trunk | 2.10.0 | 2.4.2b |

延伸相關外掛(你可能也想知道)

  • LiteSpeed Cache 》LiteSpeed Cache for WordPress(LSCWP)是一種全方位的網站加速外掛,包括獨家的伺服器層快取和一系列的優化功能。, LSCWP 支援 WordPress Multisite 及大多...。
  • Jetpack – WP Security, Backup, Speed, & Growth 》search engines, and grow your traffic with Jetpack. It’s the ultimate toolkit for WordPress professionals and beginners alike., , Customize and des...。
  • Image Optimizer – Optimize Images and Convert to WebP or AVIF 》外掛總結:, , - Image Optimizer 是一個易於使用的 WordPress 外掛,透過壓縮和調整大小的技術來減少圖像大小,同時保留最高的圖像品質。, - Image Optimize...。
  • WP Super Cache 》本外掛可以從您的動態 WordPress 部落格生成靜態 HTML 檔案。在產生 HTML 檔案後,您的網頁伺服器會傳送該檔案,而不是處理比較沉重、耗費更多資源的 WordPre...。
  • WP Fastest Cache – WordPress Cache Plugin 》han PNG or JPEG, which means faster downloads and less data consumption for your visitors, Database Cleanup – Detect and delete unnecessary d...。
  • ManageWP Worker 》, Want to clone or migrate your WordPress website to a new host or domain? No problem! With ManageWP, you can easily clone or migrate your website ...。
  • Speed Optimizer – The All-In-One Performance-Boosting Plugin 》SiteGround Optimizer 插件是由 SiteGround 開發的,可以大幅提高任何托管環境下的 WordPress 網站性能。, 最初設計用於 SiteGround 的服務器,現在已經有近 ...。
  • W3 Total Cache 》W3 Total Cache (W3TC) 透過整合內容傳遞網絡 (CDN) 和最新最佳實踐等功能,提高網站性能、減少加載時間,增進 SEO、核心 Web 主要指標和整體用戶體驗。W3TC ...。
  • Autoptimize 》Autoptimize 能夠輕鬆優化您的網站。它可以整合、縮小和快取腳本和樣式表,在默認情況下向頁面 head 中注入 CSS,但也可以內嵌關鍵 CSS 並延遲整合的完整 CSS...。
  • Breeze Cache 》Breeze是由Cloudways團隊開發的一款免費、簡單(卻功能強大)且使用者友好的WordPress快取外掛。它提供不同層級的WordPress效能優化選項,在WordPress、搭配W...。
  • AMP 》「Page Experience」(PX)是一組排名訊號,包括「核心網頁素質」(Core Web Vitals,CWV),用來測量使用者與網頁互動的使用體驗。AMP 是一個強大的工具,能...。
  • WebP Express 》ch means less bandwidth usage and faster page load times., Easy to use - with little effort, WordPress site admins can have their site serving auto...。
  • Redis Object Cache 》一個由 Redis 提供支援的持久化物件快取後端。支援 Predis、PhpRedis (PECL)、Relay、複寫、哨兵、叢集化和 WP-CLI。, 若要調整連線參數、前綴的快取鍵或設定...。
  • Custom Fonts – Host Your Fonts Locally 》此外掛能協助您輕鬆地在 WordPress 網站中嵌入自定義字型檔案 (woff2、woff、ttf、svg、eot、otf)。, 目前能與以下主題和外掛一起使用:, , Astra 主題, Beav...。
  • Query Monitor – The developer tools panel for WordPress 》ministrator user). This cookie can be set by defining QM_AUTH_KEY in your wp-config.php file., To learn more about how to use Query Monitor, please...。

文章
Filter
Mastodon