[WordPress] 外掛分享： WP Critical CSS

前言介紹

  • 這款 WordPress 外掛「WP Critical CSS」是 2017-01-01 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 400 個安裝啟用數。
  • 上一次更新是 2019-11-06，距離現在已有 2006 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.5 以上版本才可以安裝。
  • 有 4 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 0%

外掛協作開發者

pcfreak30 |

外掛標籤

Optimize | Critical CSS | above-the-fold |

內容簡介

這個外掛會自動向 CriticalCSS.com 網站服務取得每個網站頁面所需的重要 CSS，以幫助改善使用者體驗和網站速度。這通常是 Google Pagespeed 推薦完成的最後一步驟。

這個外掛沒有辦法單獨改善網站效能，您還需要其他的網站縮小和/或緩存外掛程式。

這個外掛並不負責任何資產縮小或重新排序。我建議使用 WP Rocket 連同我的 WP Rocket Footer JS、WP Rocket ASYNC CSS 和 Preloader 外掛程式。

如果您正在尋找專業團隊來讓您的 WordPress 網站更快，請看看我們的速度優化服務，網址是：Rank Grow Digital

原文外掛簡介

This plugin will automatically have the CriticalCSS.com web service get the needed above the fold CSS for every page on your site to help improve your user experience and site speed. This is commonly required by google pagespeed as one of the last steps to do.
This plugin alone will not improve site performance. You need a minify and/or caching plugin as well.
This plugin does not handle any minification or re-ordering of assets. I recommend using WP Rocket with my WP Rocket Footer JS, WP Rocket ASYNC CSS, and the plugin Preloader
If you are looking for a professional team to get your WordPress site to run faster, check us out for our speed optimization services at Rank Grow Digital

各版本下載點

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

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

0.3.0 | 0.3.1 | 0.3.2 | 0.3.3 | 0.3.5 | 0.3.6 | 0.4,3 | 0.4.0 | 0.4.1 | 0.4.2 | 0.4.4 | 0.4.5 | 0.5.0 | 0.5.1 | 0.6.0 | 0.6.1 | 0.6.2 | 0.6.3 | 0.6.4 | 0.7.0 | 0.7.1 | 0.7.2 | 0.7.3 | 0.7.5 | 0.7.6 | 0.7.7 | 0.7.0.1 | 0.7.4.0 |

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

  • Autoptimize criticalcss.com power-up 》此外掛將 Autoptimize 擴充，以自動創建臨界 CSS 樣式規則。這些規則會將正確的臨界 CSS 寫入不同類型的頁面中，以確保在載入完整 CSS 之前即可顯示這些頁面...。
  • ShortPixel Critical CSS 》使用 ShortPixel Critical CSS 外掛程式，您的網站能自動產生 「網頁視窗外CSS」 ，使網站加載速度加快，且測試工具 PageSpeed Insights 或 GTmetrix 能給出...。
  • Smart Image Loader 》Smart Image Loader 只會載入在網站初始視窗中可見的圖片，在任何位置 “Below the Fold”（超出目前視窗範圍）的圖片之前。這些圖片可以在可見圖...。
  • Inline JS Block for Gutenberg 》行內 JS 區塊可協助添加置於畫面上方的 JS，或滿足您的進階個人化需求。, 注意：必須添加 JS Script 標籤以執行 JS 代碼，請務必加入這些標籤以編譯您的代碼。。
  • Lazy Load Fix for Divi 》**總結：**, - 該外掛提供細緻的控制，手動設置 Divi 頁面上需要進行懶加載的圖片的閾值。, - 包含一個修復 Divi 錯誤的功能，該錯誤導致懶加載閾值的計算不...。
  • Inline CSS Block for Gutenberg 》內嵌 CSS 區塊可以幫助您添加以上折疊區的 CSS 或滿足進階自定義需求。。
  • jQuery & Plugins Asynchronous Loader 》載入 JavaScript 資源時應該以非同步、非阻塞的方式進行，以使您的網頁載入時間不受影響 (而不會被渲染阻塞的 JavaScript 延遲)。但使用延遲載入或非同步載入...。

文章
Filter
Mastodon