10 個頁面速度工具，用於查看您的著陸頁加載速度

大多數網站在頁面加載時會失去一半的訪問者。 這是一個令人難以置信的令人震驚的現實，但當您考慮到今天的平均網頁跳出率是 58.18% 時，可能就不是這樣了。 更糟糕的是，點擊後登陸頁面的平均跳出率在 60% 到 90% 之間。

移動頁面同樣受到頁面速度緩慢的影響。 2016 年 Google 和 SOASTA 的一項研究發現，跳出會話的平均移動網站加載時間比非跳出會話慢約 2.5 秒。

除了更高的 SEO 排名、更長的網站訪問時間、更多的參與度和更高的轉化率之外，加載速度更快的網站通常會產生更低的跳出率。 由於加載時間和跳出率之間存在如此強的相關性，營銷人員必須利用頁面速度工具來獲得最大的結果。

在分析最值得信賴的測試頁面速度的工具之前，讓我們先看看最常見的因素和影響它的頁面元素。

頁面速度如何受到影響？

當發出頁面請求時，前端組件和服務器端組件都必須完成各自的操作。 因此，即使您優化了前端，您也可以通過優化服務器端（服務器如何生成頁面）來進一步加快加載時間：

由於雙方是連續的，它們的累計時間被認為是總頁面加載時間。

上圖中某處降低頁面速度的一些最常見因素包括：

• 大圖像和文字圖形
• 視頻
• 頁長
• 腳本、字體和插件（HTML、JavaScript、CSS）
• 不必要的重定向
• 地理（國家、城市、組織、ISP、網絡速度）
• 帶寬

以下工具有助於測試各種這些問題，讓您更好地了解網站的速度。

10 個最值得信賴的頁面速度工具

注意：這些工具中的每一個都提供了自己獨特的功能、報告和分析結果的方法，這意味著您可能會收到不同的頁面加載時間結果。 測試位置與託管網站的服務器之間的地理距離也有影響。 此外，第一次運行一個工具可能會比較慢，所以最好多次運行測試並取結果的平均值。

1. GTmetrix

GTmetrix 使用 27 個頁面速度推薦（Google 速度測試）和 19 個 YSlow 推薦（雅虎速度測試）的組合來分析您的網站。 在報告的頂部，提供了從 A 到 F 的性能分數，以及頁面詳細信息，包括加載時間、頁面大小和請求數量。

加載時間默認提供為“完全加載時間”（從訪問者最初導航到頁面到沒有網絡活動後 2 秒的時間）。 “加載時間”是可選的（當網頁完成處理並且頁面上的所有資源，包括圖像、文本和腳本，都已完成下載時）。 報告的其餘部分分為六個不同的部分：PageSpeed、YSlow、瀑布、計時、視頻和歷史。

GTmetrix 允許您針對各種連接類型測試和比較網站性能，以了解它如何影響您的頁面加載速度。 它提供連接限制功能來模擬站點訪問者可能使用的 Internet 連接類型：電纜、DSL、3G 移動、2G 移動和 56K 撥號。 您還可以選擇 Chrome 或 Firefox 作為可能的瀏覽器。

該工具有 7 個測試地點，但總共提供了 28 個專用測試服務器：11 個在加拿大溫哥華； 5 在美國達拉斯； 7 在英國倫敦； 2 巴西聖保羅； 1個在澳大利亞悉尼； 1 在印度孟買； 和1在中國香港。

GTmetrix 支持 HTTP/2，它比 HTTP/1.1 更快地加載網頁，試圖解決 HTTP/1.1 的許多缺點和限制。 HTTP/2 的好處包括：

• 復用和並發（可以在同一個 TCP 連接上快速連續發送多個請求）
• 流依賴
• 頭部壓縮
• 服務器推送

此外，GTmetrix 是少數同時提供移動性能測試的頁面速度工具之一。 它使用兩部三星 Galaxy Nexus 手機，因此用戶可以根據這些設備上的實際頁面負載生成性能報告。

2. Pingdom

Pingdom 允許您從 3 個主要位置測試您網站的速度：

• 德克薩斯州達拉斯
• 澳大利亞墨爾本
• 加利福尼亞州聖何塞

它根據 Google 對免費版本的 PageSpeed 建議和對付費版本的 YSlow 建議提供性能等級。 Pingdom 還顯示加載時間、頁面大小、請求數量以及您的站點如何針對其他站點進行測試。 其他見解包括按內容類型劃分頁面大小、按域劃分的頁面大小、按內容類型和按域劃分的請求。

Pingdom 速度測試的主要好處之一是為用戶提供了性能洞察，概述了可以改進的地方。 但是，與 GTmetrix 不同的是，Pingdom 僅提供加載時間（而非完全加載時間），不提供連接限制，並且不支持 HTTP/2。

3. 谷歌 PageSpeed Insights

PageSpeed Insights 是一項 Google 速度測試，可提供改進建議，並根據兩個參數為您的網頁評分 0 到 100 分：

1. 首屏加載時間（用戶請求新頁面後頁面顯示首屏內容的總時間）
2. 整頁加載時間（瀏覽器在用戶請求後完全呈現頁面所需的時間）

您的分數越高，您的網站就越優化，任何高於 85 的分數都表明您的頁面表現良好。

PageSpeed Insights 為您網頁的桌面版和移動版提供報告。 它檢索 URL 兩次——一次使用移動用戶代理，一次使用桌面用戶代理。 移動報告包括一個名為“用戶體驗”的附加類別，其中包括您的視口配置、點擊目標（按鈕和鏈接）的大小以及字體大小。

PageSpeed Insights 團隊最近還在“Think with Google”上推出了一個新的頁面速度工具，這是列表中的下一個。

4. 與穀歌一起思考：測試我的網站

與此不同的是它只測試移動頁面速度。

在結果頁面的頂部，是加載時間和估計的訪問者流失率（代表由於加載時間而從您的頁面流失的訪問者的百分比）：

“加載時間”是一個速度指數（不是完全加載時間），衡量可見頁面內容在 3G 網絡中的 Moto G4 設備上使用 Chrome 顯示所需的時間。 （注意：使用 3G 網絡進行測試，因為到 2020 年，全球 70% 的蜂窩網絡連接將以 3G 或更慢的速度發生。）

結果的中間部分是行業比較，根據 Google 對超過 500 萬個網頁的內部研究計算得出：

最後，測試我的網站工具顯示了通過對頁面進行一些修復可以節省多少時間，並附有 PageSpeed Insights 推薦的修復的詳細報告：

5. 谷歌速度記分卡

速度記分卡在其數據庫中包含來自 12 個不同國家/地區的數千個站點，並允許您比較多達 10 個域以查看您的移動站點的堆疊情況。 您還可以比較 3G 和 4G 連接的頁面加載速度。

既然我們討論了緩慢的頁面加載速度如何影響跳出率和轉化率，那麼收入呢？ 為了給你一個想法，谷歌還包括一個影響計算器來估計潛在收入品牌可能因頁面加載緩慢而損失的美元金額：

要查看您的估計損失，請填寫計算器的字段：域、當前速度、平均每月訪問者、平均訂單價值和轉化率（其中許多可以在 Google Analytics 儀表板中找到）。

6.KeyCDN

KeyCDN 是另一種在移動設備上運行良好的頁面速度工具。 KeyCDN 提供 16 個測試地點供您從全球範圍內進行選擇，並可選擇將測試結果設為私有或與他人公開共享。

結果包括瀑布細分，底部有網站預覽。 在結果中，您可以看到發出了多少 HTTP 請求、請求的頁面的完整大小以及加載時間。

7. 網頁測試

WebPagetest 包括 40 多個不同的測試位置和超過 25 種瀏覽器（包括 14 種移動設備）可供選擇。 有這麼多測試位置可用，因為任何人都可以為 WebPagetest 託管測試位置，只要它們滿足最低系統要求。

可以使用連接限制功能運行測試，以模擬網站訪問者可能使用的潛在互聯網連接：電纜、DSL、3G 慢速、3G、3G 快速、4G、LTE、移動邊緣、2G、56K 撥號、FIOS、本地連接, 和自定義速度。

它提供了一種獨特的測試方法，運行“第一視圖”和“重複視圖”。 它還提供了更高級的功能，如視頻捕獲、多步事務、內容阻止、禁用 JavaScript、忽略 SSL 證書和欺騙用戶代理字符串。

當 WebPagetest 提供其結果時，它會根據默認情況下的完全加載時間為您的站點分配一個從 A 到 F 的字母等級，加載時間是可選的。 其他評分參數包括 FTTB、壓縮、緩存、CDN 的有效使用等。 該報告分為六個部分——摘要、詳細信息、性能審查、內容細分和屏幕截圖——通過瀑布圖、頁面速度優化檢查和改進建議提供豐富的診斷信息。

最後要注意的是，WebPagetest 支持 HTTP/2。

8. Dotcom-Monitor

Dotcom-Monitor 在全球提供 20 個不同的測試地點和七種瀏覽器，包括移動和基於雲的。 此工具的獨特之處在於您可以同時運行所有地理測試，然後單擊進入每個報告以了解有關它們的更多信息。

報告分為五個部分 - 摘要、性能、瀑布細分、主機和錯誤，您可以在這些部分下找到：

• 按位置匯總
• 所有頁面元素的基於瀏覽器的加載時間測試
• 檢測慢/缺失元素
• 10% 最快的元素
• 10% 最慢的元素
• 綜合瀑布圖
• 按主機元素細分（包括 DNS、連接、SSL、請求、第一個數據包和下載）
• 錯誤檢查和診斷

9. 頁面定位

Pagelocity 工具在桌面和移動設備上都可用且響應迅速。 它根據內容狀態、頁面結構和編碼等組件為用戶分配 100 分的總分。 報告包括：

• 內容摘要：有關頁面文本內容的寶貴見解（關鍵字、標題鏈接、圖像的替代文本等）
• 資源細分：關於您的頁面結構的信息——它有多少圖像、腳本或樣式文件，以及阻止渲染的內容以及這些因素如何影響您的頁面加載時間
• 代碼提示和見解：關於如何更新代碼以提高可維護性和可擴展性的建議，以及有關標記的有用數據（類/ID、標籤、Google PageSpeed、首字節時間等）

Pagelocity 的一個獨特功能是它提供的並列指標的競爭分析，顯示您相對於競爭對手的優勢，以及他們可能存在的任何弱點。

10. YSlow

YSlow 是一個開源項目，它根據 Yahoo! 的 34 條高性能網站規則中的 23 條分析網頁。 它遵循三個步驟來生成其性能測試結果：

• 抓取 DOM 以查找所有組件（圖像、腳本等）
• 檢索有關每個組件大小的信息（gzip、expire headers 等）
• 使用數據為每個規則生成一個成績，給你一個整體成績

YSlow 還提供了包含統計信息、改進建議和性能分析工具（包括 Smush.it 和 JSLint）的頁面摘要。

要運行 YSlow 頁面速度工具，您可以使用 YSlow chrome 擴展程序或從 GTMetrix 獲取 YSlow 結果。

需要注意的是，這些工具中的每一個提供的分數、見解和反饋都是建議，而不是必須滿足的硬性規則或要求。 此外，要意識到您可能已經在按照報告的建議進行操作，而該工具可能沒有捕捉到它。

如果您確實決定需要進行更改以加快網頁加載速度並提供更好的用戶體驗，那麼有一些常用方法。

品牌如何加快網頁速度？

上述工具對於檢查可以輕鬆修復的主要頁面問題非常有用。 因此，讓我們花一點時間來解決其中的一些修復問題。

優化圖片

確保圖像不超過它們需要的大小，它們採用正確的文件格式，並為網絡壓縮。 25%的頁面通過壓縮圖片和文本可以節省250KB以上，10%可以節省1MB以上。 關於視頻，要么忽略它，要么將文件託管在另一個平台（如 YouTube 或 Vimeo）而不是您的服務器上。

異步加載

選擇異步加載允許元素同時加載，而不是順序加載，以防止頁面加載速度出現任何延遲。

縮小 CSS、JavaScript 和 HTML

通過消除空格、逗號和其他不必要的字符、刪除代碼註釋和最小化格式來優化您的代碼。

減少重定向

減少重定向會產生很大的不同，因為每次頁面被重定向到另一個頁面時，訪問者必須等待更長時間才能完成 HTTP 請求-響應週期。

緩存您的頁面

瀏覽器緩存意味著當有人重新訪問您的網站時，瀏覽器不必重新加載您的整個頁面。 通過緩存樣式表、圖像和 JavaScript 文件等信息，您可以減少對服務器的請求數量，從而顯著加快頁面加載時間。

提高服務器響應時間

服務器響應時間受多種因素影響：流量、每個頁面使用的資源、服務器使用的軟件以及託管解決方案。 要縮短服務器響應時間，請查找性能瓶頸，例如數據庫查詢和路由緩慢以及內存不足。

選擇適合您需求的頁面速度工具

決定使用哪種工具最終取決於您要為網站跟踪和衡量的指標。 儘管在功能上存在差異，但每一個都在識別您的網站可能會變慢的區域並提供加速它的見解和建議方面提供了巨大的價值。

在設計快速加載的點擊後登陸頁面時，沒有什麼可以與 AMP 相比的。 憑藉獨特的框架和最少的 HTML，AMP 點擊後登錄頁面可以立即加載，從而提供出色的用戶體驗。 立即請求演示，了解 Instapage AMP 構建器如何使數字營銷人員能夠快速輕鬆地創建和發布快速加載的內容。