頁面加載速度應該多快?“盡可能快”是簡短的回答。但這並不總是像聽起來那麼容易。
對於大多數網站來說,必須付出很多努力來提高頁面速度,所以重要的是要知道在什麼時候你可以確信你已經處於綠色狀態並準備好繼續其他項目了。
你總是想監控你的加載時間,所以記住一個數字是關鍵。2020 年,這個數字是3 秒或更短。現在是有趣的部分——如何到達那里以及如何留在那裡。
頁面加載時間數據及其重要性
網頁是分段加載的,因此您可能會看到有時照片會最後加載,或者表單會先加載,或者廣告會在一個位置快速加載,然後最終跳轉到頁面上它所屬的位置。
這是因為構成網頁的所有這些不同元素都必須加載,這會影響整體加載時間。當您開始改善加載時間時,了解其工作原理很重要,這很重要,原因有兩個:
- 消費者不耐煩。
- 谷歌宣布了他們所謂的“核心網絡生命力”作為排名因素,而速度是這一新公告的核心。
如何評估載入時間
您可以使用幾種不同的工具來評估網站的整體加載時間,但根據我們的經驗,Google PageSpeed Insights是幫助您入門的最全面的免費工具。
以下是在 searchenginejournal.com 中鍵入時的屏幕截圖:
您會注意到它列出了可能會降低您的網站速度的所有內容,以及您需要做些什麼來改進。請記住,在加載時間方面,移動設備與桌面設備不同。
根據 Backlinko 的一項研究,平均網頁在移動設備上的加載時間比在桌面設備上多 87%。這通常是因為移動設備具有較慢的處理器以及特定於設備的 CSS 規則。
加速您的高性能頁面
如果您有任何特定的高性能頁面,您可以(並且應該)單獨查看這些頁面,因為與整個站點相比,僅在一個頁面上就可以進一步提高您的速度。
因為這是要處理的較小樣本量,您可能會發現僅對這些頁面進行更改會更快、更容易,但會對您產生更大的影響。
如何縮短頁面載入時間
因此,一旦您從 PageSpeed Insights 獲得有關如何縮短加載時間的路線圖,就可以開始了。
在大多數情況下,您需要開發人員的幫助來刪除某些可能會降低網站速度的代碼——有很多事情需要考慮,您可以在此處了解更多信息。然而,通常情況下,你會發現唾手可得的果實。
我們建議您在運行 PageSpeed Insights 工具或聯繫開發人員之前立即關注以下內容。
針對載入時間優化圖像
對於我們所有的客戶來說,這幾乎總是影響最大的頭號專案,因此您會在此清單中看到有關圖像的三個不同提示。
首先,我們使用LazyLoad 插件來幫助確保最初只加載屏幕上的圖像(而不是一次加載網頁上的每個圖像,即使在開始時沒有人可以看到其中的大部分)。這可確保您不會為了速度而犧牲質量。
優化圖像的大小
您可能有一個響應式網站。這意味著您可以上傳一張圖片,它將適合您網站的參數,以確保它看起來不錯。
但是,像素密度越小,圖像加載的速度就越快,因此僅上傳您真正需要的大小的圖像非常重要。(換句話說,不要指望你的網站為你做這件事——你的網站會,但這對速度來說不是很好)。
優化圖像的格式
Google 喜歡看到“下一代”圖像格式,其中包括 JPEG 2000 或 WebP,而不是 .PNG 或 .JPG。至少考慮轉換一些較大圖像的格式以查看改進。
優化您的內容
這是次要的,但利用內部鏈接和/或麵包屑可以幫助改善用戶體驗並幫助您的網站更容易被搜索引擎抓取 – 從而提高速度。
減少重定向
非常不言自明。每次一個頁面重定向到另一個頁面時,您都面臨著等待HTTP請求的額外時間。當人們可以直接進入真實事物時,為什麼還要讓他們等待重定向?請記住,每一秒都很重要!
改善您的託管
如果您使用的是平庸或低品質的Web託管服務提供者,請考慮轉向更強大的託管解決方案。