[WordPress] 外掛分享: Defer CSS Addon for BWP Minify

WordPress 外掛 Defer CSS Addon for BWP Minify 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Defer CSS Addon for BWP Minify」是 2015-04-14 上架。
  • 目前有 60 個安裝啟用數。
  • 上一次更新是 2015-08-31,距離現在已有 3535 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.3.2 以上版本才可以安裝。
  • 有 2 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

blogestudio | pauiglesias |

外掛標籤

css | defer | css load | defer css | css delivery |

內容簡介

BWP Minify 是一個強大的外掛,能夠將多個 CSS 檔案縮小為一個檔案。

如果生成的 CSS 檔案過大,您可以使用此外掛將其宣告移動到頁腳中以延遲載入此檔案,再透過非同步 javascript 和 DOM 操作將其放回。

這種技術建議與「above-the-fold CSS」實踐搭配使用,因為將早期的 CSS 放入頁面中能夠在主要的 CSS 檔案還在載入時顯示適當的樣式。

有一些選項可用於執行 above-the-fold 優化,我們也開發了CSS Above The Fold 外掛,它可以重複使用目前的主題樣式表,提取 CSS 代碼塊應用一個特殊的標記。

另一個實現相同效果但提供管理後台手動配置的外掛是Autoptimize,它允許獨立定義特定的 CSS 代碼樣式表。

原文外掛簡介

BWP Minify is a powerful plugin to minify and compact several CSS files into only one.
If the resulting CSS file is too big or large, this addon allows to defer the load of this generated CSS file moving their declaration from header to footer, and put it again using asynchronous javascript and DOM manipulation.
This technique is recommended to use in conjuntion with the “css-above-the-fold” practice, as well introducing early CSS in-page allows proper styling display while the main CSS file is still loading.
There are some options to do the above-the-fold optimization, also we have developed a CSS Above The Fold plugin that reuses the current theme stylesheet extracting chunks of CSS code applying a special markup.
Another plugin that does this solution but providing an administration area to configure it manually is Autoptimize, that allows to define a specific CSS code in a independent way of your theme CSS stylesheet.

各版本下載點

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

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


1.0 | trunk |

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

  • LH CSS Lazy Load 》JavaScript有一個基於HTML的方法可以推遲和異步加載文件,即script Defer和script Async。不幸的是,這些HTML解決方案無法用於CSS文件。, 但別擔心,這個外掛...。

文章
Filter
Apply Filters
Mastodon