WebPageTest 的新機會和實驗：幾乎可以測試任何東西

已發表: 2022-06-08

對於網絡開發人員的 SEO 方法來說，從來沒有比現在更好的時機。

工具和資源（包括新工具和任何熟悉的工具）的創新速度和對我們開放的選擇也要求我們跟上步伐。最近，隨著 Google 發布算法更新和對指標計算的更改，這意味著對性能優化的更多要求。

您應該熟悉的一種工具是 WebPageTest。他們最近發布了一些非常有用的新的完全集成的測試工具。

WebPageTest 現在通過 Netlify 代理用戶指定的實時 HTML 修改，以便在其用戶界面內運行比較測試。無需編碼。

天才是有道理的

三大關注領域的智能應用程序邏輯為您提供氣泡結果，但不僅僅是文本簡介，還為您準備了重新測試選項，以便您運行各種變體組合以進行比較。 WebPageTest 中可用的測試數組現在意味著將不再使用第三方代理工具來設置測試，這些代理工具可以復制您可以直接測試的內容。

這在以前在技術上都是可行的，並且最初的方法仍然很重要。

儘管令人印象深刻，但總有一些測試需要您使用您選擇的代理主機來運行。但是，這需要處理 JavaScript 和 Cloudflare。

使用 WebPageTest，您可以指向並單擊。

始終牢記，實驗室測試的最佳數字組合可能不會在現場產生相同的數字。它實際上可能導致網站功能損壞。

腳本和样式具有開發人員定義的加載順序，其中任何更改都可能意味著不適合生產的重大更改。作為優化過程的一部分，代理主機可以為 QA 提供訪問權限。

排除了這個警告之後，讓我們告訴您擁有一個用於演示 HTML 優化的測試平台是多麼棒。一年多來，它一直是我們研討會和會議的基礎。

我們的 Search Engine Land 指南文章可以幫助您設置測試平台。 我們將在 SMX Advanced 中使用更新版本。 如果你能做到，請加入我們的直播。

WebPageText 的 Opportunities 文本對報表中的每個人都可用。

您不再需要 JavaScript 技能來運行 HTML 變體比較。相反，您將需要一個付費帳戶來運行標記為 Experiments 的內置代理測試。

免費帳戶使您可以更好地訪問報告和歷史記錄，但不能運行實驗。您仍然可以免費編寫 JavaScript 並代理您自己的測試。

它遠沒有那麼方便，而且佔用了太多時間。

選擇 WebPageTest 報告中的 Opportunities & Experiments 菜單項，您將看到一個完整的發現列表。

這裡的機會來自真實世界的測試條件（盡可能用硬件模擬）。我們的測試表明有機會重新測試渲染阻塞資源變體（通常是 JavaScript 和 CSS）、延遲加載的圖像、自託管第三方腳本等等。

使用該接口測試異步、延遲甚至內聯腳本和样式表。我們一直在編寫 Cloudflare Worker JavaScript 來代理這些測試，我們還添加了內聯樣式規則以將內容加載到頁面底部，包括頁腳。 WebPageTest 集成的初始數組可以處理我們原始測試的大部分，但不是全部。

現在將測試放在一起很容易。

修改測試設置並開始運行變體，以全面了解綠色 Core Web Vitals 的聖杯。該產品非常全面，涵蓋的內容遠遠超過影響網頁性能的內容。

您會發現三個類別，它們通過以下問題對實驗機會進行分組：

WebPageTest 必須類似於測試套件的儀表板，並設法在提供比 Lighthouse 更多詳細信息的報告中做到這一點，並且具有比 Chrome 開發工具更好的瀑布圖表示。

儘管通過點擊確實可以在“無代碼”環境中運行 HTML 實驗，但提供的詳細信息和導航需要經驗——編碼經驗是最好的。

一個新的內置 Experiment 通過刪除所有 JavaScript 來複製另一個 Cloudflare 工作任務。擁有這樣易於訪問的東西比為測試變體編寫腳本要方便得多。

高級實驗允許我們在關鍵位置插入 HTML，測試策略以更改加載順序、加載失敗或修改（包括縮小）資源。

從技術上講，沒有什麼能阻止我們在任何頁面上測試幾乎任何東西。

比較報告本身可以引導您選擇和重新測試更多變體。結果指標橫幅包括控制和實驗之間的彩色編碼改善和惡化分數。

帶有實驗開關子集的剩餘機會部分顯示在下面。您可以點擊您的方式進行重大改進。

我們已經完成了在 SMX Advanced 上編寫演示測試的艱苦工作，當我們上線時，您可以期待我們對我們使用的工具進行這次重大更新。這會容易得多。

我們將看看 WebPageTest 實驗集成的快速文本循環是否獲得了我們已經準備交付的內容。讓我們看看我們能否全面實現綠色環保。