如何使用Google Lighthouse審核來提高速度

[ad_1]

您可能熟悉以下故事:您花了大量時間閱讀有關如何加快WordPress博客的速度,並安裝了工具和免費插件。 然後,您(或您的客戶)對其中一個頁面進行了看似很小的更改,頁面速度突然下降。

如果你是認真的 提高您的網站速度,您應該定期檢查速度,在這種情況下,您可以很快發現此問題。 但是,如果每次進行更改時都存在一種自動檢查WordPress網站速度的方法,那仍然很好。 值得慶幸的是,有一個解決方案。

該解決方案是將Google Lighthouse配置為根據需要對您的WordPress網站執行速度審核。 進行此設置可能會有些麻煩,但對於高級用戶而言也並不那麼複雜。 在本文中,我們將解釋為什麼以及如何為WordPress網站設置Lighthouse CI。

WordPress速度測試簡介

為什麼頁面速度很重要

首先,讓我們仔細研究一下為什麼需要加快測試WordPress網站的速度,以及可以執行此操作的標準方法。

您的網站(無論是否基於WordPress)需要快速運行的主要原因有兩個。 一個簡單的原因是,普通Web用戶的注意力範圍已經很短了, 47%的消費者 期望網頁在不到兩秒鐘的時間內載入,如果載入時間太長,他們會迅速放棄該頁面。 因此,減少載入時間特別是對於電子商務商店而言至關重要。

第二個原因是技術性稍強,但同樣重要。 Google一直在利用 網站速度作為排名信號 自2010年以來。結果,網站的速度已成為頁面顯示Google SearchRank的重要程度越來越重要的因素。

因此,Google自身的PageSpeed洞察力是關鍵工具 SEO專家常用 和營銷人員,因為它可以直接訪問Google搜索演算法用來評估網頁速度的系統。

這些注意事項適用於WordPress,就像適用於在其他平台上運行的網站一樣。 因此,由於WordPress的市場優勢,現在有 幾種可用的工具 測試您的網站速度。 這些範圍從一次性的基於瀏覽器的檢查到功能齊全的桌面軟體套件,將為您詳細介紹WordPress網站上每個頁面的運行情況。

Google Lighthouse和WordPress

Google Lighthouse

評估網站速度和總體質量的最重要和最受歡迎的工具之一是 Google Lighthouse。 直到最近,Lighthouse幾乎一直由開發人員和其他技術人員使用。 但是Google一直在努力使普通用戶可以使用它,並且由於它提供了高度的自動化,它作為速度測試工具正變得越來越流行。

Lighthouse可以在任何頁面上運行,無論它是否需要身份驗證以及是否在WordPress上運行。 它將運行一系列用戶定義的測試,然後生成有關頁面執行情況的報告。

Google Lighthouse CI報告

然後,可以使用這些報告來提高網頁的整體質量,包括其速度。

雖然您可以直接從Chrome DevTools運行Lighthouse,但是該工具的版本也會不斷更新。 這被稱為Lighthouse CI,它將是Lighthouse的版本 更高級的用戶需要

在這種情況下,CI代表持續集成。 這是一種軟體開發範例,開發人員不斷將軟體更新上傳到中央存儲庫,因此用戶始終可以訪問最新版本。 現在,CI已成為眾多Web技術和行業的標準配置。 例如,有43%的銀行申請 用COBOL編程,一種基於CI的計算機編程語言。

CI之所以不能在任何地方起飛的原因之一是,仍然有一個廣泛的(通常是沒有根據的)假設認為 引起重大的安全問題。 但是,事實是,由於提供了自動安全性強制措施,CI可以導致更安全的軟體系統。

還有許多原因可以使用Lighthouse CI來審核WordPress站點的速度,但最有用的原因包括:您可以將Lighthouse CI配置為在每次更新或更改站點時自動運行。 這可以使用Lighthouse預算來完成,您可以在其中為站點的不同部分定義許多定製的速度測試。

此外,您甚至可以使用此自動化系統來防止更改,這些更改會減慢您的網站部署到您(或客戶的)WordPress網站的速度。 這會自動防止代價高昂的更改影響您的PageRank得分。

在WordPress中使用Lighthouse CI

設置Lighthouse CI在您的WordPress網站上運行的過程並不複雜,但是 這有點牽連

對於那些希望對該過程進行總結的人,或者是具有更多技術知識的人,以下是該過程的基本概述:

  • 首先,您將需要建立一個新的GitHub存儲庫以跟蹤對WordPress網站的更改。 無論如何,如果您定期測試站點的速度,則無論您是否使用Lighthouse CI,像這樣設置存儲庫都是跟蹤站點的好方法。
  • 接下來,您將需要下載Lighthouse CI,並對其進行配置以查找更改。 然後,您可以構建一個Lighthouse動作,該動作在每次在WordPress網站上更改URL時自動運行。
  • 為了構建該功能,您將需要創建一個單獨的Google Cloud Function,可以使用XML站點地圖中最近更改的URL更新Lighthouse CI操作配置,然後將新配置發送到存儲庫。

此時,您將在WordPress站點上自動運行Lighthouse CI的實例,並在計劃的更改使其變慢時提醒您。 從這裡,您甚至可以將自動操作添加到GitHub存儲庫中,以防止將此類型的更改發布到您的站點。

使用Lighthouse CI提升WordPress網站速度的最佳替代方法是利用Web託管內置的速度測試工具。 最常見的WordPress主機,例如 SiteGround 要麼 金斯塔,附帶某些聲稱可以將站點速度提高200%以上的速度測試工具,如果您願意,也可以與Lighthouse CI結合使用。

最後的想法

最終,在您的WordPress網站上安裝Lighthouse CI的目的是讓您更好地監督其性能; 它不會幫助您提高性能。

如果您持續看到頁面超出您的Lighthouse性能預算,那麼該採取行動了。 閱讀有關如何優化WordPress頁面的指南,或者您甚至可以採取更為艱巨的研究步驟 CDN服務 可以加快WordPress的速度。

無論採用哪種方法,請記住速度對網站成功的重要性。 確保您定期進行審核。

相關文章