如何評估和提升頁面速度?


頁面內容載入的速度被稱為網站速度或載入速度。快速網站載入時間對於搜尋引擎最佳化至關重要。頁面載入時間受多個因素影響,包括網路託管和頁面大小。網站的桌面版和移動版之間也存在效能差距。瞭解頁面速度如何影響搜尋引擎最佳化,在哪裡獲取測量工具以及如何使您的網站速度更快。

適合搜尋引擎最佳化的最佳方法

網站速度(以及頁面速度)已被提及為 Google 演算法使用的指標。此外,研究表明,Google 在對網站進行排名時可能需要考慮獲取第一個位元組的時間。如果搜尋引擎由於頁面速度慢而在給定時間內可以抓取更少的頁面,則您網站的索引也可能會得到改善。

頁面的載入時間對使用者體驗至關重要。網頁載入時間越長,跳出率越高,頁面停留時間越短。還發現載入時間越長,轉化率越低。

為了減少網站載入時間,您可以 -

使用內容分發網路 (CDN)

透過在全球各地的多個數據中心儲存經常訪問的檔案的副本,內容分發網路 (CDN) 大大減少了網站載入時間。內容分發網路使用的快取伺服器通常在物理位置上比主機或源伺服器更靠近終端使用者。使用者的資源請求被髮送到 CDN 伺服器,而不是可能位於數百英里之外的不同自治系統中的託管伺服器。透過使用 CDN,可以大幅縮短頁面載入時間。

壓縮 CSS 和 JavaScript 檔案

要“縮小”程式碼,您會刪除任何對計算機理解和執行程式碼不必要的內容,例如註釋、空格和多餘的分號。這將導致較小的 CSS 和 JavaScript 檔案,這些檔案在瀏覽器中載入速度更快,並且使用更少的頻寬。僅縮小本身只會對效能產生一定影響。但是,如果實施了這些其他建議,則網站的效能將得到改善。

第三,最小化 HTTP 請求數量

瀏覽器必須發出多個 HTTP 請求才能載入頁面的圖形、指令碼和樣式表。實際上,許多這些請求將由不同的站點需要。如果網頁向不同的伺服器發出許多請求,則網頁的載入時間可能會增加。此外,由於網站依賴於來自多個站點的資源,因此如果其中任何一個主機出現故障,可能會出現效能問題或頁面完全無法載入。

因此,您應該最小化每個頁面需要載入的資源數量。此外,速度測試可能會顯示哪些 HTTP 請求花費的時間最長。例如,如果頁面的載入時間很長是因為圖片,則程式設計師可能會嘗試找到更有效的圖片託管選項(例如 CDN)。

增強圖片質量

圖片佔所有網站流量的很大一部分,並且通常載入時間最長,因為圖片檔案的大小通常比 HTML 和 CSS 檔案大得多。圖片最佳化可以幫助加快頁面載入速度。有幾種免費的線上圖片最佳化器和圖片壓縮器可用於減少圖片解析度、檔案大小以及圖片最佳化的其他不必要方面。

利用瀏覽器中的快取 HTTP 請求

透過在本地瀏覽器快取中儲存經常請求的靜態檔案的本地副本,經常訪問的網站載入速度比每次都從伺服器請求資源時快得多。網頁設計師可以告訴瀏覽器將網站的常用部分儲存在快取中。伺服器 HTTP 響應的標頭提供了瀏覽器快取的指令。由於伺服器不必向瀏覽器傳送大量資訊,因此這加快了回頭客的頁面載入速度。

減少第三方指令碼的使用

外部評論系統、號召性用語按鈕和潛在客戶生成彈出視窗都是網站上必須在每次頁面載入時從其各自位置載入的已程式設計功能的示例。這可能會導致網站速度變慢或在載入時更改佈局(稱為“內容跳躍”或“佈局偏移”),這對移動使用者來說尤其令人討厭。

刪除阻止渲染的 JavaScript

每個指令碼(通常位於不同的 URL)都將在您的網頁在瀏覽器中載入時被呼叫。為了使網站對使用者載入,所有等待執行的指令碼都必須完成。載入時間很長的 JavaScript 檔案可能是這些佇列中的一個重要瓶頸,因為它們會阻止在此期間顯示頁面上的主要內容。

網頁瀏覽器通常在載入資源時遵循 HTML 順序。當資源需要使用者裝置的大量處理能力時,它可能會大大降低頁面顯示的速度。但是,在大多數情況下,不需要這些指令碼即可檢視頁面。通常,最好讓這些指令碼在頁面載入後執行。您可以透過使您的阻止渲染的 JavaScript 非同步載入或刪除不必要的指令碼(或 JavaScript 資源的未使用部分)來解決此問題。

使用 Expires 標頭

重複訪問您網站的使用者會感謝標頭帶來的時間節省。它們告訴瀏覽器是從伺服器獲取檔案還是從本地儲存中檢索檔案。由於需要從伺服器下載的檔案更少,並且發出的 HTTP 請求更少,因此網站載入時間得到了改善。

現代網站上的單個頁面可能包含數百個檔案——載入所需的時間會隨著每個檔案的大小而增加。但是,由於每個檔案傳輸都需要向伺服器發出請求,因此會產生額外的等待時間。Expires 標頭指定瀏覽器在您的 Mac(或其他裝置)上可以使用快取中的檔案而不是再次從伺服器下載檔案的時間。

結論

當用戶訪問某個網站上特定 URL 時,可能會將其重定向到另一個頁面。每次頁面必須載入新頁面時,由於重定向,都需要花費幾毫秒的額外時間。當您嘗試最佳化網站速度時,每一秒都很重要。除非必要,否則不建議使用重定向。

更新於: 2023年4月5日

78 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.