[WordPress] 外掛分享： Render Faster

前言介紹

  • 這款 WordPress 外掛「Render Faster」是 2021-07-28 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2021-08-02，距離現在已有 1371 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 5.5 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

tarosky | takahashi_fumiki |

外掛標籤

speed | theme | optimization |

內容簡介

這個外掛可以優化 WordPress 主題的頁面渲染。

功能

加上 loading="lazy" 或 loading="eager" 屬性到你的圖片中。
將 defer 或 async 屬性加在你的 script 上。
將 rel="preload" 屬性加在你的樣式表上，同時提供舊版本的瀏覽器 Polyfill。
移除內嵌式物件（如 Twitter 和 Instagram）預設的 script，等到使用者開啟預覽時再載入 script。

上述功能都是可選的，你可以透過白名單進行自訂。

案例 1. 圖片載入

如果你希望標題圖檔（.custom-logo）和主要文章縮圖（.post-feature-image）可以更快載入，因為它們是畫面中重要的元素，

只需要在設定畫面的「優先度高」欄位中輸入 custom-logo,post-feature-image，即可。

案例 2. 停止延遲載入

把 script 延遲載入的方式有時會破壞你的網站。

比方說，如果一個使用 inline script 標籤的 script 需要即時操作，這個方式就會失敗。


要避免這種情況，只需要在設定畫面的「禁止延後」欄位中輸入 some-script 即可。

通常情況下，WordPress 中載入的許多 JavaScript 都源自 WordPress 核心、插件、主題、自訂程式碼等等。

為了優化 JavaScript 載入，試誤法可以很有效。

案例 3. 關鍵樣式表
rel="preload" 屬性可以讓樣式表非同步載入，但是會造成 FOUC(Flush of Unstyled Content) 現象。

為了避免這種情況，在設定畫面的「禁止清單」欄位中加入關鍵的 CSS，通常來說是主題的主樣式表。

原文外掛簡介

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.


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.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Render Faster」來進行安裝。

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

1.1.2 | 1.2.0 | trunk |

延伸相關外掛（你可能也想知道）

  • AMP 》「Page Experience」（PX）是一組排名訊號，包括「核心網頁素質」（Core Web Vitals，CWV），用來測量使用者與網頁互動的使用體驗。AMP 是一個強大的工具，能...。
  • Performance Lab 》Performance Lab 外掛是一個專注於提升網站效能的模組集合，其中大部分模組最終都會合併到 WordPress 核心中。這個外掛允許使用者個別啟用和測試模組，以便在...。
  • Optimization Detective 》,

    總結：這個外掛會收集使用者實際瀏覽時的數據，以便跨不同設備形式（如桌面、平板和手機）應用載入優化，這是使用WordPress目前伺...。

  • Image Prioritizer 》### 總結:, 這個外掛通過優化圖片的加載，特別是 LCP（最大內容繪製時間）元素，包括 img 元素和帶有 CSS 背景圖像的元素。它還通過捕獲每個斷點的 LCP 元素...。
  • WP Meteor Website Speed Optimization Addon 》 , WP Meteor 是一種全新的優化網頁速度的方式。即使在現有的優化基礎之上，例如：, , Autoptimize, WP Rocket, WP Total Cache, WP Super Cache, , WP Meteo...。
  • Flying Pages: Preload Pages for Faster Navigation & Improved User Experience 》Flying Pages 是一款 WordPress 外掛，可以在使用者點擊頁面前預先加載頁面，讓頁面瞬間載入。, , 它的運作方式是透過注入一小段（1KB gzipped）JavaScript ...。
  • Delete Duplicate Posts 》這個外掛可以搜尋並移除重複的文章及它們的相關資料。, 在您自己的測試網站上試試看：請點擊此連結 => https://tastewp.com/template/t6-CTt-T3P4?ni=true...。
  • Speed Booster Pack ⚡ PageSpeed Optimization Suite 》「Speed Booster Pack」是一款WordPress外掛，它可以讓你的網站速度更快，讓你在Google PageSpeed、GTmetrix、Pingdom、WebPageTest等主要速度測試服務上得到...。
  • PhastPress 》PhastPress 使用先進技術在加載時顯著改善頁面、腳本、樣式表和圖像。它設計成符合 Google PageSpeed Insights 和 GTmetrix 建議，可以顯著提高您網站的得分...。
  • GTmetrix for WordPress 》GTmetrix 為 WordPress 設計了 GTmetrix for WordPress 擴充套件，這款擴充套件會主動追蹤您的 WP 安裝狀況，並在您的網站未達到特定標準時發送警報。, 透過 ...。
  • Machete 》Machete是一個簡單的工具套件，可以盡可能節省資源來解決常見的WordPress煩惱。Machete並不適用於每一種使用情況，但若您使用Machete，會需要較少的外掛程式...。
  • WordPress Hosting Benchmark tool 》這個外掛可以幫助你測試你的主機伺服器。透過執行統一測試，你可以觀察和比較不同的伺服器或主機平台。它不需要任何特殊的額外軟體或工具，因為所有的測試都...。
  • Specific Content For Mobile – Customize the mobile version without redirections 》「Specific Content For Mobile」外掛可以讓你針對手機版頁面和文章創建特定的內容。若某些頁面需要有不同的內容，這款外掛就非常適合你使用。雖然擁有一個完...。
  • WordPress WPO Tweaks & Optimizations 》預設情況下，WordPress 載入了許多不必要且經常拖慢您的安裝，浪費主機資源的功能、服務和腳本。多年來，我一直嘗試進行一些微調，以節省主機資源，提高 Word...。
  • Helper Lite for PageSpeed 》使用解碼屬性 “async” 和 “loading=”lazy”，加速您的網站中的 和