[WordPress] 外掛分享: Eliminate Render Blocking CSS

WordPress 外掛 Eliminate Render Blocking CSS 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Eliminate Render Blocking CSS」是 2017-03-09 上架。
  • 目前有 40 個安裝啟用數。
  • 上一次更新是 2017-03-10,距離現在已有 2977 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.6 以上版本才可以安裝。
  • 有 2 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

pixelcrook | danielauener |

外掛標籤

Critical CSS | Above the fold CSS | eliminate render-blocking css |

內容簡介

eliminate-render-blocking-css.com 提供一個 API,用來從您的網站中提取關鍵路徑 CSS。
這個外掛會將結果內嵌在每個頁面的標頭中,延遲載入其餘樣式。

您必須建立一個免費的帳戶,才能使用這個外掛。
產生關鍵路徑的 CSS 無論您的首頁是什麼都是免費的。

一些特點:

消除您首頁的渲染阻塞 CSS。使用高級帳戶,可為您的所有頁面及台式機和行動裝置包括關鍵 CSS。
當服務不可用時,將關鍵 CSS 無縫自動生成和載入,並回退至一般 CSS。
自動延遲 CSS 載入,當您使用標準 WordPress 樣式載入器 (wp_register_style 和 wp_enqueue_style) 時。
遵循 Google 有關 100% 載入關鍵 CSS 的建議。
關鍵 CSS 緩存,包括您網站的暫存和在 eliminate-render-blocking-css.com 上的暫存。
背景緩存刷新。一旦快取,您的網站總是獲得一個有快取的版本,當快取間隔結束時,默默地刷新。

原文外掛簡介

eliminate-render-blocking-css.com provides an API for extracting the
critical path css from your site. This plugin inlines the results for every page
in your header section and deferres the loading of the rest of the styles.
You have to create a free account,
to be be able to use this plugin. Generation of critical path css is always free
for your front-page.
Some Features:

Eliminate render-blocking CSS on your front-page. Use a premium account to
include critical CSS for all your pages and both desktop and mobile
devices.
Unobstrusive generating and loading of the critcal css, falling back to your
common CSS, when the service shouldn’t be available
Automated deferred CSS loading, when you are using the standard WordPress
style loaders (wp_register_style and wp_enqueue_style)
Following Googles recommendations on loading critical CSS to 100%
Critical CSS caching, both in your sites transients and on
eliminate-render-blocking-css.com
Background cache refreshing. One time cached, your site always gets a cached
version, silently refreshed, when the caching interval ends

各版本下載點

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

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


1.0.0 |

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

  • Inline JS Block for Gutenberg 》行內 JS 區塊可協助添加置於畫面上方的 JS,或滿足您的進階個人化需求。, 注意:必須添加 JS Script 標籤以執行 JS 代碼,請務必加入這些標籤以編譯您的代碼。。
  • Inline CSS Block for Gutenberg 》內嵌 CSS 區塊可以幫助您添加以上折疊區的 CSS 或滿足進階自定義需求。。

文章
Filter
Apply Filters
Mastodon