
你知道谷歌將你的網站的載入速度作為一個排名因素。
那麼,谷歌PageSpeed洞察力告訴你,谷歌是否認為你的網站是快如閃電還是慢如蝸牛。它還向你提供可操作的建議,你(或你的網站開發人員)可以用它來加速。
Google PageSpeed Insights (PSI) 是一個工具,它使用優化指標的組合來測量和報告網頁在臺式電腦以及移動裝置上的效能。然後,該工具提供關於如何改進網頁或部落格文章的有用建議。
根據谷歌的一項研究,如果一個移動網頁的載入時間超過三秒,53%的使用者將不會在該網頁上停留。出於這個原因,擁有一個快速、響應性和優化的網站是至關重要的。
它可以引導訪問者留在網站上,瀏覽更多的頁面,進行更多的轉換,如果可能的話,還可以進行更多的購買。此外,良好的載入速度等於在SERP中獲得更好的排名和更多的收入。
有許多工具可以幫助你,但在這篇文章中,我將只關注谷歌的PageSpeed Insights (PSI) 。
那麼。
無論你的知識水平如何,本指南將幫助你瞭解優化網站速度和效能的內容。
在這第一章中,我將對PSI TOOL工具做一些解釋,如何使用它,以及為什麼它很重要。
PageSpeed Insights是由谷歌在2010年推出的,旨在推動網站的效能優化。
奇怪的是,同年,谷歌還推出了演算法更新,使網站速度成為計算機搜尋的直接排名因素。
自2018年底以來,PageSpeed Insights由Lighthous驅動,這意味著它基於Lighthouse API生成資料。
簡而言之,PageSpeed Insights(PSI)的簡單目標是分析你的網站頁面在移動裝置和桌面裝置上的效能,然後提供關於如何使其更快的建議(可操作)。
這些建議或提議是谷歌在這個工具中提供的最有價值的資訊。它們比載入時間得分更有意義。
要了解它們到底是什麼,如何應用以及如何實施,重要的是要了解處理這些指標的兩個資料集之間的區別。
現場資料(也被稱為RUM或真實使用者監測)使用真實的頁面載入資料,因此在捕捉和識別使用者體驗障礙方面非常有效。
然而,由於他們能分析的網站指標數量有限,其解禁的可能性大大降低。
值得注意的是,現場資料是從使用谷歌Chrome瀏覽器的實際網路使用者那裡收集的,而不是其他流行的瀏覽器,如Safari或FireFox。
與現場資料不同,實驗室資料是基於Lighthouse的效能分析。
這使得它在排除效能表現問題時自然有效。然而,實驗室資料的缺點是,它可能無法識別真實的使用者體驗問題。
使用谷歌PageSpeed工具測試網頁是相當簡單和直接的。你所要做的就是複製你網站上任何頁面或部落格文章的URL,並將其貼上到該工具中。
在貼上網站的URL之後,點選 "Analyze"按鈕,片刻之後,谷歌將提供你的PageSpeed Insights得分,包括每個網路指標的詳細測量明細。
當谷歌分析網站的URL時,它提供了一個以100分為單位的分數。
這個分數是基於效能優化的最佳做法,已知可提供最佳的使用者體驗。
如上所述,除了你的PageSpeed得分之外,你還會收到谷歌關於如何提高頁面速度和效能的一些建議。這可能包括諸如以下建議。
這些速度得分是通過谷歌的開源工具Lighthouse計算的。 Lighthouse旨在分析並幫助提高所有網頁的整體質量。
Lighthouse甚至可以幫助評估諸如可訪問性、漸進式網路應用程式和其他各種效能指標等因素。
使用谷歌的PageSpeed Insights工具可以讓你詳細評估Lighthouse對你的網頁的看法。
說到網路,整個網路都被期望是快速的。谷歌甚至認為PageSpeed Insights會影響其他搜尋引擎的排名因素
如果你有一個緩慢的網站,你絕對會努力出現在搜尋結果的前幾頁。
速度是谷歌在分析你在搜尋引擎上的位置時,所關注的200多個排名因素之一。這就是為什麼它是優化你的網站的最重要因素之一。
現在,讓我們看看在這個工具上測試你的網站時可能收到的一些建議。
為了提高你的網站的速度得分和效能,Google PageSpeed將在機會和診斷部分為你提供以下內容,即你應該遵循的建議
在本章中,我將解釋其中幾個:
選擇一個WordPress主題是一件棘手的事情。由於有大量的免費和高階WordPress主題,你很容易迷失在為你的網站選擇哪一個主題上
然而,如果在選擇主題時有一個經驗法則。首先,你應該關注主題的簡單性和速度。
有些主題提供了許多內建功能,但你不可能使用所有的功能。所以你不需要一個功能豐富的主題。
通過選擇一個簡單的主題,你可以新增你覺得對你的網站來說是必要的外掛
選擇一個載入了許多功能的主題,只會讓你有不必要的功能,在你的主機中佔用更多的空間,而且只會減慢你網站的速度。
這裡有兩個你不會出錯的主題的例子:
兩者都是簡約的框架,易於使用和定製,以獲得你想要的網站設計。最重要的是,由於程式碼簡潔,兩者都以其超快的載入速度而聞名。
對於Genesis,你可以從眾多的主題中選擇,你可以在框架之外使用這些主題來增強你的網站。對於Thesis,你也可以為同樣的目的在不同的主題中進行選擇。
如果你使用WordPress,最好的功能之一是能夠下載偉大的外掛來支援你的網站。無論你的網站的目標是什麼,你都會找到一個適合該目的的外掛。
然而,有些人走得太遠,在他們的網站上安裝了太多的外掛。由於過於依賴外掛,你有可能因為每個外掛的編碼和指令碼而使你的網站變慢。
為此,你應該嘗試限制你在部落格上使用的外掛數量。
如果可能的話,如果你想在你的網站上實現一些東西,首先尋找其他的方法,而不是立即轉向外掛。
另外,有一些外掛幾乎可以做同樣的工作。要做到這一點,要確保你的所有外掛都有特定的任務。
當在你的網站上編輯帖子和頁面時,WordPress會儲存以前的版本,這樣你只需點選幾下按鈕就可以恢復到這些版本。
然而,如果你繼續多次編輯你的帖子和頁面,這些修訂就會在你的資料庫中累積起來
結果,你的資料庫將包含你的內容的先前版本,而你不需要使用你的主機資源。
為了保持你的WordPress資料庫的精簡,你需要用盡可能少的修訂來清理它。
你可以通過下載Disable Post Revision來做到這一點。
這將根據你使用該外掛設定的各種過濾器,自動刪除修訂內容。
視覺內容在今天的數字營銷領域發揮著重要的作用。
由於從資訊圖和影象中處理資訊比從文字牆中處理資訊要容易得多,越來越多的出版商依靠這些型別的內容的力量與他們的觀眾互動。
然而,使用視覺內容為你的營銷提供動力的注意事項是它們的檔案尺寸通常較大。一些資訊圖由於其長度和細節,可以大到3MB。
在你的網站上載入如此大的檔案會降低你的網站速度,並有可能導致你的訪客因為載入時間過長而離開你的頁面。
因此,在釋出你的文章之前,你應該在不影響其質量的情況下,通過最小化其檔案大小來優化圖片。這樣,你就可以在所需的頁面上顯示圖片,並使它們比平時更快。
有幾種方法可以做到這一點
手動,你可以下載一個檔案編輯器,如IrfanView,並通過降低其解析度質量來儲存影象。
每次儲存影象時,你會經常看到一個視窗出現。在頂部,所有影象的預設儲存質量被設定為80,這是一個足夠好的數字,可以平衡影象解析度和檔案大小
然而,如果你想減少檔案大小,你可以把記錄質量降低到一個你能接受的數字。但是,請記住,隨著數字的減少,質量也會下降。
另外,你需要注意你網站的內容欄,並將你的圖片調整到你的欄目所允許的最大尺寸。這必須手動完成,以優化你的網頁的載入速度
例如,如果你的內容欄是600px寬,確保你內容中的所有圖片都是這個寬度。
如果你想在上傳圖片到WordPress之前對它們進行優化,你可以使用像Optimizilla這樣的網路工具,它允許你上傳和優化多達20張圖片。
Optimizilla會自動將圖片檔案壓縮到最佳大小,這樣瀏覽器就可以在您的網站上更快地載入它。
然而,如果你想優化已經在你的WordPress媒體資料庫中的圖片,你可以簡單地下載並安裝WP Smush。
即使你沒有對你的資料庫中的圖片進行優化,該外掛也會自動為你做這項工作。一旦安裝了該外掛,它也會對您上傳的任何圖片進行同樣的處理。
使用WP Smush可以為您節省優化圖片的手動工作。這使您能夠專注於為您的網站創造更好的內容。
如果你的文章和頁面包含自上而下的圖片,你應該知道,瀏覽器通常在使用者開始看到它們之前會載入所有的頁面元素
因此,你的充滿影象的頁面可能需要時間在使用者的瀏覽器上載入。訪客可能會厭倦等待它的載入,這將導致他們跳出。
為了防止這種情況發生,你應該在你的網站上安裝一個延遲載入外掛。一旦安裝,在使用者側可見的影象和媒體檔案將被載入
一旦使用者向下滾動頁面,影象將在螢幕上顯示時逐一載入。這個外掛使載入你的網站更容易管理,因為它不會一次性載入所有的內容。
A3 Lazy load是一個流行的外掛,用於懶惰地載入您網站上的影象、iframe、視訊和其他元素。
它有許多設定,所以你可以自定義你希望你的網站元素的載入方式。
它還經過測試,與WooCommerce、Advanced Custom Fields和各種CDN等流行外掛100%相容。
然而,如果你使用視訊而不是圖片來填充你的頁面和帖子,那麼Lazy Load for Videos就是為你準備的。
這個外掛有助於改善你的頁面載入時間,增加你的谷歌PageSpeed得分。它與oEmbed一起工作,用一個可點選的預覽影象取代嵌入式YouTube和Vimeo視訊。
通過只在使用者點選預覽影象時載入視訊,沒有載入不必要的JavaScript。這將有助於提供良好的使用者體驗,特別是在有許多嵌入式視訊的網站上。
這是谷歌會給你的最常見的建議之一。這個建議指的是會影響你網站速度的JavaScript和CSS指令碼
因為使用者的瀏覽器在顯示你的頁面之前必須下載所有這些程式,所以太多的程式會阻礙頁面的載入時間。
事實上,在定製你的WordPress網站時,你會發現自己在標籤標記前新增了JavaScript程式碼,或修改其CSS檔案以達到一個特定的設計外觀
雖然這些都是大多數網站所有者必須遵循的正常程式,但這兩個頁面元素都會導致你的網站變慢。它們需要一個HTTP請求來從第三方獲取資訊並載入到你的網站上。
因此,如果你載入大量的JavaScript程式碼或在你的網站上應用CSS變化,你可能會導致網站變慢。
假設你根本無法刪除JavaScript和CSS,你可以下載一個外掛,讓你最小化頁面的這兩個元素。
通過最小化你的網站,你可以刪除你的JavaScript和CSS中不必要的字元和空格,如:
通過刪除這些字元,你可以減輕頁面元素,使你的網站載入速度更快。
要開始使用,你可以選擇這兩個外掛
這是兩個輕量級的外掛,只執行一個主要功能,而且做得很好最小化 Javascript 和 CSS。
比較這兩個外掛,Autoptimize似乎很適合初學者,因為它很容易使用,而且幾乎不需要改變預設設定。
然而,如果你已經有一些經驗,Better WordPress Minify似乎是最好的選擇。
考慮你的WordPress網站所依賴的基礎是很重要的。你的網站所依賴的許多支柱之一是你的虛擬主機
在你選擇一個虛擬主機之前,你需要考慮你將吸引多少流量
通常,選擇錯誤的虛擬主機的問題是伺服器響應時間減少。如果你有足夠多的訪客同時瀏覽你的網站,這個問題就會發生。
一個特定的虛擬主機供應商和計劃只能在給定的時間段內容納一定數量的訪問者。如果這個訪問者的數量超過了設定的限制,執行中的虛擬主機伺服器將受到影響。
因此,伺服器將超負荷工作,以參與來自世界各地成百上千的瀏覽器的幾個HTTP請求。
為了防止這種情況發生,你可以簡單地應用上面提到的提示來提高你的網站的效能,這可以減輕虛擬主機伺服器的一些負擔。
然而,如果你已經遵循了上述所有的提示,但伺服器的響應速度仍然比平時慢,那麼可能是時候升級你的託管計劃了,如果不是完全更換供應商。
例如,如果你訂購的是共享主機,你應該考慮將你的計劃升級為VPN或專用WordPress主機託管計劃,以便它能夠處理激增的流量而不影響速度。
儘管為你的網站選擇最好的虛擬主機將使你能夠處理來自訪問者的HTTP請求,然而它還是給你的主機伺服器帶來壓力。
你想要的是將你的主機從來自不同瀏覽器的多個請求的負載中解除安裝出來。
一個內容交付網路(CDN)就能做到這一點。通過將請求分配到其在不同地點執行的伺服器網路,減少你的託管伺服器的負載
CDN將找到離使用者最近的伺服器來傳遞檔案(指令碼、CSS、影象),並將日期傳送給使用者,以加快網站載入速度。
市場上有許多CDN。然而,如果有一個CDN你應該使用,確保它與你目前使用的快取外掛相容
下面是關於哪些CDN和快取外掛能很好地一起工作,以及你應該為兩者做哪些調整的指南。
只需按照每篇文章的說明,配置你的快取和CDN外掛,這樣你的訪問者就可以享受更快的網站載入速度。
首個位元組的時間(TTFB)衡量瀏覽器在發出請求後從你的伺服器收到第一個位元組的資料所需的時間。
TTFB不應與網站的整體速度相混淆,因為它只是衡量載入過程開始時的速度。然而,對於你的網站的效能來說,低TTFB是很重要的。
通過減少伺服器響應時間,你可以大大改善你的Google PageSpeed報告
這裡有一些因素,包括上面已經提到的一些因素,可以影響你的TTFB:
有些影象檔案格式的載入速度比其他的快,但它們並不像JPEG或PNG那樣流行
許多WordPress的優化外掛現在包括了以新的webP格式提供影象的能力,這進一步減少了檔案的大小,增加了初始載入時間
webP檔案格式正在迅速成為新的網路標準,谷歌報告將推薦使用它來提高你的網站的效能以及載入時間。
使用GIF可以是顯示動畫內容的一種有吸引力的方式,但使用太多的GIF會使你失去一些效能點。
相反,你可以將這些檔案轉換成MP4或WebM等格式,這不會影響頁面速度,並有助於使你的網站比使用GIF更快。
你也可以考慮在你的UI設計中使用HTML5或CSS/SVG動畫,如果它比傳統視訊動畫更有意義的話。
字型是較大的檔案,會對你的頁面載入時間產生負面影響。
有時候,瀏覽器會隱藏你的文字,直到字型完全載入完畢。這導致效能指標和谷歌提出的建議,以提高你的分數
谷歌會告訴你通過應用與你的字型風格相匹配的Front Display API交換指令來解決這個問題。你需要修改你的CSS來解決這個問題。
當這個建議出現在Google PageSpeed中時,它指的是使用gZIP壓縮。在某些情況下,你所使用的伺服器上會自動啟用文字壓縮。
否則,你的第一個選擇是安裝一個提供GZIP的外掛。你也可以決定手動壓縮你的文字,這涉及編輯你的.htaccess。
使用者的瀏覽器為載入你的網站頁面而發出的請求越多,你的伺服器就會送回更多的資源。這就導致了網站載入時間的延長。
Google PageSpeed中的這項建議不會在你的報告中導致通過或失敗。你將會看到一個數字,顯示對你的頁面的請求量及其相關的尺寸。
事實上,沒有最大的尺寸或請求要求需要牢記。與其設定一個理想的數字,谷歌將建議你通過建立和實施效能預算來自己建立這些標準。
你可以根據以下幾個方面來設定你的目標:
這個效能預算將幫助你負責任地優化你的網站。
現在你可能想知道,當你遵循所有這些建議時,是否有可能在PSI上達到100分的滿分?答案就在下一章。
有許多網站開發人員和網站所有者很快就迷戀上了在谷歌PageSpeed Insights上取得100分的滿分的想法。
說實話,這幾乎是不可能的,而且也不是那麼重要。試圖達到這樣的分數將迫使許多網站所有者對其他各方面的優化視而不見。
通過谷歌PageSpeed Insights工具管理網站時,獲得的最有價值的資訊是優化建議
這些建議應被用作改善你的PageSpeed得分的指導方針,但不應被視為福音。
在Google PageSpeed Insights上獲得一個完美的分數,並不像提供一個良好的使用者體驗那麼重要。
這意味著網頁設計師和業主需要在以下方面找到平衡:
PageSpeed Insights平臺也不是對網站速度和頁面載入效能的最終測試。
我總是建議通過各種網站速度優化平臺來管理網站。這將給你一個更完整的畫面和更多樣化的反饋,以做出明確的決定。
每個平臺都會對你的網站進行一些不同的評估,併為你提供不同的反應和反饋,以提高你的網站速度。
有些網站的載入速度為500毫秒,但他們在谷歌PageSpeed Insights上並沒有得到滿分,因為他們沒有達到其所有的標準。
網站所有者需要確保他們專注於體驗" 並在嘗試考慮優化時將其作為優先事項。為什麼?因為這個指標是對人類訪客真正重要的東西
一個網站的訪問者不會去尋找它的Google PageSpeed Insights分數,而只是想盡可能快地看到內容的顯示。
這是唯一的根本原因,為什麼你應該使用這個和類似的工具來識別你的網站上的潛在優化問題。
一旦發現真正的優化問題,你需要努力解決它們,以提高網站速度,從而改善使用者體驗。
除了使用者體驗(UX)之外,速度在搜尋引擎對網站的排名中也起著重要作用。
PageSpeed Insights平臺是由世界上最大的搜尋引擎開發的。因此,假設你的PageSpeed Insights得分會在一定程度上影響你在谷歌SERP中的位置,這很正常。
現實的情況是,谷歌使用這個平臺來確定其排名
因此,當你用Google Page Speed Insights工具分析你的網站以確定速度時,你應該期待相關和準確的反饋和建議,這將使你的SEO表現有所改變。
谷歌在確定一個網站在搜尋結果中的位置時,會考慮許多因素,而不是僅僅根據載入時間對網站進行排名
這意味著,即使通過PageSpeed Insights工具獲得100分的滿分,也不能保證你在搜尋引擎的SERP上獲得最高位置。
頁面速度得分是為了幫助提高你的網站的搜尋引擎優化和在移動和桌面上的效能。
為了做到這一點,谷歌將移動效能得分與桌面效能得分分開,以幫助你針對每種環境微調你的網站。
現在,讓我們看看最後一章,其中我將簡要回答一些經常出現的問題。
Google PageSpeed Insights(縮寫為PSI)是一個網路工具,負責評估網頁的載入速度。
它一方面評估使用者手機上的效能得分,另一方面評估電腦上的效能得分。此外,它還提供切實可行的建議,以便你能夠提高頁面的載入速度。
儘管它是一個直觀的免費工具,易於使用,但有些人不相信它的相關性。
所有的資料都是從Chrome瀏覽器的使用者體驗報告中收集的,以給出這些資訊。
保證良好的使用者體驗和鼓勵建立快速頁面是促使谷歌從這個工具中向使用者提供改進建議的兩個主要原因。
以下是載入時間過長的頁面的三個常見後果
根據Kissmetrics關於這個話題的研究,延遲一秒鐘會導致網站的轉化率下降7%。
請記住,你網站效能的真正指標是它的載入時間,而不是PageSpeed Insights得分。但谷歌自己說,不好的分數是在0到49之間,平均分數是在50到89之間,好的分數是90以上。
幾乎不可能達到100分,特別是在半複雜的網站上。任何高於88分的都被認為是好的,但任何低於這個分數的都意味著你需要做出改變以提高你的分數。
並非如此!換句話說,當涉及到實際的使用者體驗和網站排名時,谷歌PageSpeed Insights的分數並不真正準確。它們不會也不可能測量訪客在載入網站時的實際體驗。
然而,它們可以幫助你發現一些你可能沒有注意到或可能已經忘記的錯誤。
使用PSI報告是簡單而容易的。你所要做的就是進入該工具的主頁,輸入你網頁的URL,最後點選分析。
一旦顯示結果,你應該儘快採取行動,糾正建議的錯誤。就在建議的下方,你會看到帶有 "顯示如何修復 "字樣的連結。
點選它們後,你將看到拖慢頁面的檔案,以及如何處理它們以減少伺服器響應時間的提示。
網頁速度對使用者來說是很重要的,因為,更快的網頁效率更高,在網頁上提供了更好的使用者體驗。
是的!頁面速度是一個直接的排名因素,自從谷歌的演算法速度更新以來,這一事實變得更加廣為人知。然而,速度也會因為大量的跳出而間接影響排名。
為了提高你的Google Insights Pagespeed得分,請遵循這些指示。
簡而言之,你的網站應該儘可能快地載入! 移動網站的理想載入時間是1至2秒。
流量太大:在一定水平上,網路伺服器只能處理一定數量的人的請求。一旦超過了這個數字,頁面的載入速度就會更慢
訪問者越多,網站的速度就越慢。隨著訪問者增多,伺服器供應商可能還需要為網站投入額外的資源。
除了檢查你的速度得分,你還應該專注於實施該平臺的建議,以確定你的網站需要改進的地方。
毫無疑問,谷歌PageSpeed Insights是一個對開發人員、網站管理員和網站所有者有用的工具。我希望這篇文章能夠啟迪你,讓你瞭解它是如何工作的,以及你如何利用它來發揮你的優勢。
但對一些人來說,可能很容易被技術術語所迷惑,並對結果產生誤解。如果你處於這些情況之一,請求助於SEO機構的專業知識吧!他們擁有必要的技能和經驗。
他們擁有必要的技能和經驗,可以完成繁重的工作,幫助你提高網站的效能,提供更好的使用者體驗。
我希望通過本指南,你現在對谷歌PageSpeed Insights工具有了更多的瞭解。