[WordPress] 外掛分享： Advanced WPPerformance

WordPress 外掛 Advanced WPPerformance 的封面圖片。

前言介紹

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

外掛協作開發者

nico_martin |

外掛標籤

http2 | Optimize | pagespeed | performance | scriptloading |

內容簡介

此外掛可為您的 WordPress 網站新增多個效能優化功能。與其他效能外掛不一樣的是，此外掛專注於 HTTP/2 標準（如伺服器推送和 SPDY）。

精簡資產

此外掛可將所有 CSS 及 JS 檔案進行精簡，並將它們進行快取。它不會將它們合併為一個文件。這樣您仍能使用有條件的資產，如果您使用 HTTP/2（我強烈建議)，合併資產並不是必要的。

優化 JS 提供

此外掛會將所有腳本移至頁面底部，並加入 defer 屬性。這確保腳本不會阻止頁面呈現，但仍會按照正確的順序執行。
但某些情況下，這可能會破壞內嵌 JavaScript。

優化 CSS 提供

此外掛會從標頭中移除所有 CSS 檔案，並異步加載它們。這確保您的 CSS 檔案不會延遲頁面呈現。為了減少未有樣式內容閃爍（FOUT），我建議您加入關鍵 CSS。

有條件關鍵 CSS

預設情況下，此外掛會提供一個文字區域，供您放置關鍵 CSS。
詳見有條件的關鍵 CSS

關鍵 CSS API

我們新增了一個很棒的功能！
詳見關鍵 CSS API。

HTTP/2 伺服器推送

伺服器推送是一項 HTTP/2 功能，允許您在使用者要求資源之前向其發送網站資產。有兩種實現方式，都各有優缺點。因此，此外掛支援兩種方式，取決於您。

PHP

當 WordPress 建立您的網站時，此外掛會獲取所有已列入佇列的腳本和樣式表，並將它們作為鏈結屬性添加到響應標題中。因此，您可以確定只有實際需要文件才會被推送。

但是：由於它們是在建立網站時設置的，如果您使用伺服器快取（我強烈建議這麼做），這樣就行不通了。

.htaccess

第二個選項是將所有推送的檔案放入您的 .htaccess 中。這樣，即使您使用伺服器快取，這些檔案仍會被推送。

但是：如果您的資產變更（新版本/已停用的腳本），請勿忘記更新 .htaccess。只需在儲存設定時點擊一下即可。

貢獻

此外掛的開發版本存放在 GitHub 上。如果您有改進的想法，請自由發揮，深入探究程式碼：
https://github.com/nico-martin/Advanced-WPPerformance

原文外掛簡介

This plugin adds several performance improvements to your WordPress site. In contrst to other performance Plugins, this one sets focus on HTTP\2 Standards (like Server Push and SPDY).
minify assets
This plugin minifies all CSS and JS Files and caches them. It will not merge them into on file. This way you are still able to use conditional assets and if you are using HTTP/2, which I highly recommend, it’s not necessary to do so.
Optimizes JS Delivery
It moves all scripts to the footer and adds a defer attribute. This makes sure the scripts won’t block the page render process but will still be executed in the right order.
In some cases, this could break inline JavaScript
Optimizes CSS Delivery
All CSS Files will be removed from the head and loaded asynchronously. This makes sure your CSS Files won’t delay the page rendering. To reduce the flash of unstyled content (FOUT) I recommend adding a Critical CSS.
conditonal Critical CSS
By default this plugin provides a textarea where you can put your critical CSS.
Read more about Conditional critical CSS
Critical CSS API
We implemented an awesome new feature!
Read more about the Critical CSS API.
HTTP/2 Server Push
Server push is a HTTP/2 feature that allows you to send site assets to the user before they’ve even asked for them.
There are two ways to achieve this. Both have their pros and cons. So this plugin supports both, the decision is up to you.
PHP
While WordPress builds your site, this plugin gets all enqueued scripts and styles and adds them as a link attribute to the response headers. That way you can be certain only files are being pushed, that are actually needed.
But: Since they are set while the server builds your site, this won’t work if you’re using a server caching (which I highly recommend).
.htaccess
The second option puts all files to push inside you .htaccess. This way they are being pushed also if you’re using server caching.
But: If your assets change (new versions / depreciated scripts), don’t forget to update the .htaccess. This can be done with one click while saving the settings.
Contribute
A development version of this plugin is hosted on github. If you have some ideas for improvements, feel free to dive into the code:
https://github.com/nico-martin/Advanced-WPPerformance

各版本下載點

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

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

1.0.0 | 1.0.1 | 1.0.2 | 1.1.0 | 1.1.1 | 1.2.0 | 1.2.1 | 1.3.0 | 1.4.0 | 1.5.0 | 1.5.1 | 1.5.2 | 1.5.3 | 1.5.4 | 1.6.0 | 1.6.1 | 1.6.2 | trunk |

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

  • HTTP/2 Push, Async JavaScript, Defer Render Blocking CSS, HTTP2 server push, HTTP3 push 》, 使用一個簡單的選項，即可推送/預先載入網站中的所有 JS 檔案, 推送/預先載入網站中的所有 CSS 檔案, 在整個網站或基於頁面類型推送/預先載入其他資源, 異...。
  • HTTP/2 Server Push 》HTTP/2 是驅動網頁的傳統 HTTP 協定的新一代。其最強大的功能之一是伺服器推送，一種讓網頁伺服器在瀏覽器需要資源之前就將它們發送到瀏覽器的方式。這避免了...。
  • SJ HTTP/2 Server Push Optimization 》HTTP/2 是新一代的 HTTP 協議，能為網絡提供巨大的能力。HTTP/2 是網絡的未來。HTTP/2 最強大的功能是伺服器推送。大多數流行的託管服務提供者都支援伺服器推...。
  • LH HTTP/2 Server Push 》如果使用得當，伺服器推送功能可以大幅提升網站效能。然而，其他處理伺服器推送的 WordPress 外掛可能會因為粗暴地將檔案推送至瀏覽器而拖慢網站速度。, 許多...。

文章
Filter
Apply Filters
Close
Mastodon