NitroPack 評論:簡單模式下的 WordPress 網站速度優化

已發表: 2021-12-27

如果您有網站,則需要關心網站速度優化。

頁面速度對您網站的用戶體驗有巨大的影響——有各種各樣的數據將緩慢的網站速度與更高的跳出率、更低的轉化率以及通常不滿意的用戶聯繫起來。

但老實說,您並不真的需要數據來證明這一點,因為您可能已經知道加載緩慢的網站是多麼令人討厭,對吧?

更重要的是,隨著谷歌的新頁面體驗更新,谷歌還使用核心網絡生命指標(如最大內容繪製)作為搜索引擎排名因素,因此頁面速度緩慢也會拖累您網站的搜索引擎優化。

所以——網站速度很重要……但也很複雜。

有緩存、JavaScript 優化、CSS 優化、HTML 優化、內容交付網絡 (CDN)、圖像優化、預取、壓縮……你懂的。

NitroPack 是一個易於使用的插件,可幫助您在一個工具中實現站點所需的幾乎每一個性能優化策略

在 WordPress 上,您只需安裝 NitroPack 插件,單擊幾個按鈕,您的網站將立即受益於緩存、內容交付網絡 (CDN)、CSS/JavaScript 優化等策略。

在我們的 NitroPack 動手評測中,我們將親身體驗這個工具,包括以下內容:

  • 功能的快速概述
  • 一個 NitroPack 教程並查看界面
  • 關於 NitroPack 的改進是否“真實”的思考(這將在稍後有意義)
  • 使用 NitroPack 進行一些之前/之後的性能測試
  • 價錢
  • 最後的想法
NitroPack 網站速度優化工具

NitroPack 評論:它有什麼作用?

NitroPack 是 WordPress (和其他一些平台)的一體化速度優化插件。

這是 NitroPack 最獨特的地方之一——它確實是合二為一的

這是非常罕見的。 例如,WP Rocket 本身就是一個非常全面的頁面速度插件,但您仍然需要至少將它與圖像優化解決方案、CDN 和其他一些調整配對。

使用 NitroPack,無需構建性能優化工具“堆棧”。 它只是為你做一切。 以下是它涵蓋的高級功能:

  • 緩存——包括帶有預加載和智能緩存清除的智能頁面緩存以及瀏覽器緩存。
  • CDN – 具有 70 多個全球端點、Gzip/Brotli 壓縮等的內置 CDN。
  • CSS 優化——包括處理首屏關鍵 CSS,以便您可以提高初始加載時間,包括最大內容繪製指標。
  • JavaScript 優化——您可以推遲腳本以改善初始加載時間,並以其他方式優化您網站的所有 JavaScript。 NitroPack 還有一種獨特的方式,可以將腳本從主 CPU 線程中移出,並將腳本延遲到用戶交互之前——更多內容見下文。
  • 圖像優化——它可以自動壓縮/調整圖像大小並將它們轉換為 WebP。 還有一個新的自適應尺寸功能,可讓您根據用戶的屏幕尺寸動態地為用戶提供不同的圖像。
  • HTML 優化——包括關鍵資源的 DNS 預連接等高級細節。

這張圖片很好地總結了主要特徵:

NitroPack 功能

NitroPack 的一個獨特之處是它的“專有資源加載器”。 這樣做的概念/好處非常複雜,但基本思想是 NitroPack 優化您的站點加載方式(尤其是其 JavaScript),以使所有單獨的文件以最佳方式加載,從而獲得用戶體驗。

基本上,如果您啟用此功能,它會嘗試僅加載呈現首屏內容所需的最少文件,然後等待加載其余文件,直到用戶開始與您的網站交互。 通過這樣做,您可以大大加快網站的初始加載時間,包括最大內容繪製指標。

您可以在此處閱讀所有相關信息。

如何使用 NitroPack

除了 NitroPack 全面的站點速度優化功能外,其易於設置是其最大的優勢之一。

借助多種預設優化模式,您可以在幾分鐘內啟動並運行一個完全優化的網站。

讓我們看看它是如何工作的……

1. 添加您的網站

首先,您需要通過 NitroPack 儀表板添加您的網站:

NitroPack 添加站點

然後,您可以使用連接器工具將您的 NitroPack 帳戶連接到您的站點。 對於 WordPress,這意味著 WordPress.org 上的專用 NitroPack 插件:

NitroPack WordPress 插件

2.選擇你的優化模式

現在,您可以選擇優化模式了。 這是我最喜歡的 NitroPack 部分之一,因為它使 NitroPack 如此簡單。

NitroPack 無需像在大多數插件中那樣修補一堆單獨的設置,而是讓您根據需要選擇預設配置。 不過,對於更高級的用戶,您仍然可以修補

您可以從 WordPress 儀表板或 NitroPack 儀表板中進行選擇。

有五種不同的模式,但我認為大多數人會希望選擇Strong ,因為它提供了性能改進的良好平衡,同時仍保持您網站的正常運行。

許多人也喜歡Ludicrous模式,因為它可以最大程度地提高您的 PageSpeed 分數和 Core Web Vitals。 但是,我建議謹慎使用此模式,因為它延遲 JavaScript 的方式可能會干擾您網站上的某些功能。

例如,如果您的移動菜單依賴於 JavaScript,則 Ludicrous 模式可能會導致一些奇怪的行為。 另一方面,如果您有基於 CSS 的菜單,那可能不是問題。

所以 - 隨意開始使用 Ludicrous 模式,但如果遇到任何問題,請準備好縮減到 Strong 模式:

NitroPack 優化模式

3. …利潤

對於許多用戶來說,這就是字面意思。 一旦您選擇了您的配置模式,您就可以停止考慮性能,因為 NitroPack 會處理其餘的事情。

4. …或 Tinker(適用於高級用戶)

對於更高級的用戶,NitroPack 還為您提供了許多修補選項。 您可以排除某些頁面、腳本、cookies、資源、查詢參數等。

您還可以獲得一些簡潔的選項,例如優化廣告腳本的能力,通過 webhook 清除緩存(將其與 WP Webhooks結合以獲得一些樂趣),以及執行一些其他高級操作:

NitroPack 高級設置

如果您是普通用戶,請隨意忽略所有這些內容。 但如果您是高級用戶,您可能會喜歡這些設置。

這些設置還可以幫助您毫無問題地使用 Ludicrous 模式,因為您可以排除某些您不想延遲加載的腳本。

NitroPack 和“Blackhat SEO”——這是真的嗎?

如果您搜索過其他 NitroPack 評論,您可能已經看到 NitroPack 是一種“黑帽 SEO”工具的指責,它欺騙 Google 認為您的網站加載速度很快,即使它確實沒有。

那麼 - 這裡有什麼交易?

好吧,答案非常技術性,但我認為很明顯 NitroPack 沒有做任何壞事。

這裡的主要問題似乎是實驗室速度測試數據和真實“現場”速度測試數據之間的差異:

  • 實驗室數據(合成) ——由速度測試工具收集的模擬性能數據。
  • 現場數據– 真實訪問者所體驗到的您網站的真實性能數據。 通常,您將通過 Chrome 用戶體驗報告收集此信息,如果您的網站有足夠的流量,該報告可在 PageSpeed Insights 中找到。

現場數據對於實際性能(以及 Google 的 Page Experience SEO 算法更新)來說才是真正重要的,但大多數人過於關注實驗室數據和“分數”,因為它們更容易收集。

NitroPack 的專有資源加載器在 Ludicrous 模式下通過將某些進程移出主線程並延遲 JavaScript 執行的方式意味著您的站點在某些實驗室速度測試工具中看起來“異常”好(因為許多工具無法檢測到線程外進程)。

我確實明白人們在這裡所說的話——使用 NitroPack 和 Ludicrous 模式的網站在某些速度測試工具中看起來“可疑”很好。

但是,這裡真正的問題是,您是否認為 NitroPack 這樣做是為了“欺騙” Google,或者這只是其資源加載器工作方式和優化站點的自然副產品。

就個人而言,我認為很明顯 NitroPack 是真正的交易,這更多是一些速度測試工具的工作方式問題,而不是 NitroPack 試圖玩弄系統的問題。

原因如下:

首先, NitroPack 並沒有試圖在這裡隱藏任何東西,因為他們自己建議 NitroPack 用戶查看真實的用戶性能數據,而不是僅僅依賴實驗室數據。

NitroPack 推薦現場數據

更重要的是,NitroPack 正在努力將真實的現場數據放在 NitroPack 儀表板的前面和中心。 如果您查看真實的現場數據,您會發現 NitroPack 對實驗室數據和真實的現場數據都有很大的改進。

你無法欺騙真實世界的數據。 因此,如果 NitroPack 真的想快速吸引人們,那麼鼓勵他們的用戶關注真實世界數據而不是實驗室數據是不明智的。

最後一項指控是 NitroPack 正在執行某種類型的黑帽 SEO,谷歌最終將對其進行處罰。

老實說,這對我來說毫無意義。

首先,頁面速度仍然是一個很小的排名因素,所以它不像“欺騙”谷歌認為你有一個快速的網站會讓你的排名上升。 谷歌曾表示,網站速度更像是同等相關網站之間的“決勝局”,而不是本身會提高你的排名的東西。

也就是說,讓您的網站從 2 秒變為 1 秒並不會改變任何事情——兩秒已經足夠快,足以贏得 Google 的決勝局。

除此之外,我認為 SEO 的指控沒有任何意義,因為有多少受歡迎的網站正在使用 NitroPack 並且排名仍然不錯。

事實上,我們在 WP Mayor 使用 NitroPack! 如果我們認為對 SEO 有任何負面影響,我們就不會這樣做。

如果您想驗證這一點,您可以查看 WP Mayor 的標題,您會發現我們確實在使用 NitroPack:

WP Mayor NitroPack 標頭

最後,如果您真的很擔心,您可以使用 Google Search Console 中的 URL 檢查工具來查看您的網站在 Google 抓取時使用 NitroPack 的外觀。 如果您這樣做,您會看到 Google 會檢測到您頁面的完整內容,就像沒有 NitroPack 時一樣。

也就是說,根據谷歌自己的抓取工具,你的網站內容在谷歌眼中是零差異的。

NitroPack 之前/之後的性能

隨著冗長的討論結束,我確實想看看 WP Mayor 的一些性能數據。

儘管我在上面說過現場數據比實驗室數據更重要,但我將在這裡使用合成速度測試工具,因為,我很難收集具有真實用戶加載時間的前後數據。

但是,我將使用 WebPageTest,它在捕獲全頁速度體驗方面做得比平均水平要好,因為它顯示了完全加載和文檔完整的指標。

完全加載的指標將捕獲 NitroPack 在初始加載時延遲/延遲的大量 JavaScript。

因為我們生活在一個移動優先的世界中,所以我使用移動優先的方法配置了 WebPageTest:

  • 從模擬的 iPhone 8 進行測試
  • 使用受限制的 LTE 連接
  • 運行九個單獨的測試並取中值

以下是使用和不使用 NitroPack 的 WP Mayor 主頁的數據:

在 NitroPack 之前使用 NitroPack
第一個字節的時間0.722 秒0.742 秒
最大的內容塗料2.123 秒0.970 秒
累積版面偏移0.006 0
總阻塞時間 * 0.174 秒0.033 秒
文件完成時間3.063 秒1.598 秒
記錄完整的 HTTP 請求88 9 **
文件完整尺寸1.45 MB 0.48 MB
滿載時間3.161 秒2.457 秒
完全加載的 HTTP 請求89 46
滿載尺寸1.45 MB 0.85 MB

*這是首次輸入延遲的良好代理,僅可從現場數據中獲得。

**您可以看到一開始 HTTP 請求非常低,因為 NitroPack 延遲了很多這些腳本。

總體而言,您可以看到 NitroPack 的全面改進,尤其是在最大內容繪製和文檔完成指標方面。

請記住,您只需單擊幾下即可實現這些改進。 同樣,我認為 NitroPack 的獨特之處在於性能改進簡單性的結合。

如果您對 PageSpeed Insights 分數感興趣(就我個人而言,我不感興趣),我還為 WP Mayor 主頁收集了有和沒有 NitroPack 的分數:

在 NitroPack 之前使用 NitroPack
移動分數38 80
桌面88 96

您也可以在那裡看到巨大的改進,尤其是在移動分數方面。

NitroPack 定價

現在我們已經涵蓋了其他所有內容,讓我們來談談 NitroPack 定價。

首先,NitroPack確實有一個免費計劃,每月最多支持 5,000 名訪問者和 1 GB CDN 帶寬以及所有功能。 如果您有一個低流量的網站,那麼該免費計劃可能對您很有效,至少在開始時是這樣。

但是,免費計劃的缺點是它在您網站的頁腳中包含一個 NitroPack 徽章。 這不是很侵入性,但要記住這一點。

如果您超出免費限製或只想移除 NitroPack 徽章,則需要為計劃付費。 NitroPack 的付費計劃允許按月和按年計費。 如果您按年付費,您將免費獲得兩個月。

所有計劃都具有相同的功能——唯一的區別是頁面查看限制和 CDN 帶寬。 此外,每個計劃僅支持一個站點。 如果您有很多站點,您可以聯繫 NitroPack 的銷售團隊以了解自定義代理和多站點計劃選項,這可以為您節省一些錢。

NitroPack 定價

如果您的網站擁有超過一百萬的頁面瀏覽量或消耗超過 500 GB 的 CDN 帶寬,您還可以聯繫 NitroPack 銷售人員以獲取自定義計劃。

此外,所有計劃均提供 14 天退款保證,因此您無需承擔任何風險。

關於 NitroPack 的最終想法

總的來說,我認為使用 NitroPack 來加速您的網站有一些明確的優點和缺點。

NitroPack 的主要優點是它非常簡單全面。 它是一個實現幾乎所有性能優化策略的工具,包括獨特的方法,例如延遲 JavaScript 並將其移出主 CPU 線程的方式。 我認為您不會找到一種更簡單的方法來從零到擁有一個完全優化的網站。

對於很多人,尤其是非技術人員來說,這是一個非常強大的價值主張。

NitroPack 的主要缺點是價格昂貴,至少對於 WordPress 空間而言。 如果您的預算有限,您可以找到更便宜的網站速度插件來優化您的網站(例如 WP Rocket),或者您甚至可以使用完全免費的 WordPress 插件構建一個非常好的優化堆棧。

最後,它有點歸結為......

站點速度非常重要,因此您不能忽略它。

當談到您對網站速度所做的事情時,您需要回答這個問題:

您是否願意為解決網站速度問題的一鍵式解決方案支付少量費用?

如果您不是一個非常技術性的人,或者您更願意專注於創建內容和營銷您的網站而不是性能優化,我認為您可能適合“是”類別。

另一方面,如果您想盡可能降低成本,您可能屬於“否”類別,在這種情況下,您可能更喜歡更便宜或免費的 WordPress 頁面速度插件。

這些插件像 NitroPack 一樣簡單嗎? 並不真地。 但是,如果您願意投入工作,您仍然可以使用免費或更便宜的工具構建一個快速加載的網站。

如果您猶豫不決,我建議您註冊 NitroPack 並運行一些測試。 設置過程只需幾分鐘,因此您無需投入太多時間。

除此之外,還有 14 天退款保證,因此您也不會冒任何風險(或者,如果您對 NitroPack 徽章沒問題,您可以嘗試免費計劃)。

NitroPack 網站