Ngôn ngữ

Hướng dẫn về WebPageTest

WebPageTest là đó free, open-nguồn, lab-based performance tool kỹ thuật SEOs reach cho khi PageSpeed Insights tells bạn một trang là chậm nhưng không vì sao — đó history, cách đọc đó waterfall và filmstrip, đó CLS-hunting recipe, và nơi điều này fits alongside Lighthouse, PSI, và CrUX.

Xuất bản lần đầu: 3 thg 7, 2026 · Cập nhật lần cuối: 8 thg 8, 2026 · Advanced
Ngôn ngữ
AIĐược viết bởiAI v2

WebPageTest là một free, open-nguồn lab (synthetic) performance kiểm thử tool — đã tạo by Patrick Meenan trong 2008 as an internal AOL tool và acquired by Catchpoint trong 2020. Bạn cho điều này một URL, một real kiểm thử location, một trình duyệt, và một network profile, và điều này chạy đó trang on một real device và trả về deep diagnostics không single score có thể: một waterfall chart (render-blocking flags, yêu cầu sequencing), một filmstrip/video view (frame-by-frame, với một Highlight Layout Shifts option cho CLS), một connection view (DNS/TCP/TLS/TTFB), và Core Web Vitals frame by frame. Đó single hầu hết quan trọng điều để giữ straight: WebPageTest produces lab dữ liệu, không trường dữ liệu — điều này không feed Google Core Web Vitals tín hiệu xếp hạng (đó là real-người dùng CrUX). đây là cho diagnosis, không đó score Google sees. đây là không một Lighthouse đối thủ either — bạn có thể chạy Lighthouse từ bên trong điều này. Reach cho điều này khi PageSpeed Insights tells bạn một trang là chậm nhưng không vì sao hoặc nơi trong đó load.

Evidence for this claim WebPageTest provides synthetic browser tests with waterfalls, filmstrips, and configurable test locations and networks. Scope: Lab testing; available features can depend on plan and test agent. Confidence: high · Verified: WebPageTest documentation Evidence for this claim WebPageTest publishes its test server and agent source code in an official repository. Scope: Open-source components; hosted service terms and features are separate. Confidence: high · Verified: WebPageTest GitHub

Tóm tắt — WebPageTest là free, open-nguồn lab (synthetic) performance tool: URL, thực distributed kiểm thử location, trình duyệt, và network profile trong, deep diagnostics out — waterfall (render-blocking flags, sequencing), filmstrip/video (frame-by-frame, với Highlight Layout Shifts option cho CLS), connection view (DNS/TCP/TLS/TTFB), và Core Web Vitals frame by frame. Patrick Meenan được xây dựng nó trong 2008 ( internal AOL tool); Catchpoint acquired nó trong 2020; code vẫn giữ open dưới Polyform Shield license. độ chính xác spine: nó produces lab dữ liệu, không trường dữ liệu, so nó làm không feed Google CWV tín hiệu xếp hạng (đó thực-người dùng CrUX). nó diagnostic, không score Google sees — và nó không Lighthouse đối thủ, vì Bạn có thể chạy Lighthouse bên trong nó. Reach cho nó Khi PageSpeed Insights tells bạn trang là chậm nhưng không Vì sao hoặc nơi trong load.

Điều gì nó thực ra là

Mỗi WebPageTest kết quả là một configured chạy: một URL, tested từ một cụ thể location, on một cụ thể trình duyệt và device, over một cụ thể connection profile, tại một cụ thể moment. đây là không một universal việc đo lường of “how fast your site is” (bản dịch) «cách fast trang web của bạn là» — đây là evidence từ đó chạy, và điều này cần để là đọc as such.

Trong đó cách diễn đạt, WebPageTest là đó deep-diagnostic tool trong đó web-performance toolbox. web.dev, Google own nhà phát triển site, frames điều này well: “WebPageTest contains an advanced suite of metrics and trace viewers. It enables deep diving into the performance of your site on real mobile hardware with network conditions.” (bản dịch) «WebPageTest contains an advanced suite of các chỉ số và trace viewers. Điều này enables deep diving vào đó performance of trang web của bạn on real mobile hardware với network conditions.» (web.dev, “How To Think About Speed Tools” (bản dịch) «Cách Think Về Speed Tools»)

Của nó “audit” trang adds đó SEO-liền kề angle: “WebPagetest will also check static-content caching, time to first byte, and if your site makes effective use of CDNs.” (bản dịch) «WebPagetest sẽ cũng kiểm tra static-nội dung bộ nhớ đệm, time để đầu tiên byte, và nếu trang web của bạn làm effective dùng of CDNs.» (web.dev, “Audit performance” (bản dịch) «Audit performance»)

nơi sibling tools trong điều này cluster — Google Lighthouse, PageSpeed Insights, và Chrome UX Báo cáo (CrUX) — cho bạn score hoặc truyền/fail, WebPageTest cho bạn yêu cầu-by-yêu cầu, frame-by-frame evidence underneath score.

brief history — và genuinely odd footnote

Patrick Meenan đã tạo và open-sourced WebPageTest trong 2008; điều này began life as an internal kiểm thử tool tại AOL. Catchpoint acquired điều này trong 2020. Đó Về trang tells đó origin story trực tiếp: “Catchpoint’s 2020 acquisition of WebPageTest, created and open-sourced by Patrick Meenan in 2008, marked a significant milestone.” (bản dịch) «Catchpoint 2020 acquisition of WebPageTest, đã tạo và open-sourced by Patrick Meenan trong 2008, marked một significant milestone.» Đó stated mission có blunt: “slow is the new down, and our mission is to empower you to deliver the best experiences to your users.” (bản dịch) «chậm là đó new xuống, và của chúng ta mission là để empower bạn để deliver đó best experiences để người dùng của bạn.» (webpagetest.org/về)

Ở đây đó odd footnote worth naming: Meenan hiện tại hoạt động tại Google on Chrome và web performance. Và tuy vậy Google own chính thức Core Web Vitals tools trang — web.dev/các bài viết/chỉ số quan trọng-tools, đó chính xác trang Tìm kiếm Central Core Web Vitals doc links để as “the different tools that can help you measure and report Core Web Vitals” (bản dịch) «đó khác nhau tools đó có thể help bạn đo lường và báo cáo Core Web Vitals» — không mention WebPageTest. Điều này lists CrUX, PageSpeed Insights, Search Console, Lighthouse, đó DevTools Performance panel, đó web-vitals JS library, và Lighthouse-CI. Đó tool được xây dựng by đó person ai hiện tại hoạt động có absent.

đọc đó cẩn thận, though: nó là không tín hiệu đó WebPageTest là deprecated hoặc unendorsed. Google curates của nó own-sản phẩm tool list; thứ ba-party open-nguồn tool đơn giản không phải on nó. khác web.dev các trang (speed-tools, performance-audit-tools) reference WebPageTest positively. nó curation khoảng trống, không verdict on tool.

Lab so với. trường — phân biệt đó matters phần lớn

Đây là độ chính xác spine của toàn bộ topic, và nó sibling của lab-so với-trường point đó chạy qua toàn bộ web performance tools cluster.

WebPageTest chạy lab (synthetic) dữ liệu: controlled, repeatable kiểm thử on machine bạn configure, tại moment bạn chọn. Đó là khác animal từ trường dữ liệu — thực-người dùng Chrome UX Báo cáo (CrUX) measurements đó Google Search thực ra dùng cho Core Web Vitals tín hiệu xếp hạng, và đó surface trong PageSpeed Insights và Tìm kiếm Console.

So, plainly:

  • WebPageTest chạy làm không feed Google tín hiệu xếp hạng. nó measures giống nhau các chỉ số Google cares về (LCP, INP, CLS), nhưng number Google ranks on xuất hiện từ CrUX trường dữ liệu, không từ bất kỳ lab chạy — không WebPageTest, không PSI lab section, không Lighthouse.
  • WebPageTest là cho diagnosis: reproducing vấn đề, isolating nó, và confirming khắc phục trong fast, controlled loop. Trường dữ liệu (CrUX) là chậm, có thẩm quyền xác nhận đó thực người dùng felt improvement — see Core Web Vitals cho Cách đó tín hiệu xếp hạng hoạt động.

Put plainly, WebPageTest kết quả không phải — và không thể substitute cho — CrUX trường dữ liệu, thực-người dùng traffic numbers, hoặc Google Search xếp hạng hoặc trang-experience outcome. những điều đó là tách biệt datasets đó cần của họ own evidence; fast synthetic chạy không phải proof bất kỳ của them moved.

nếu bạn chỉ take một điều từ điều này trang: WebPageTest tells bạn Điều gì để khắc phục; CrUX tells bạn liệu Google tín hiệu xếp hạng moved.

Cách chạy basic kiểm thử

cốt lõi flow là có chủ ý đơn giản:

  1. URL. công khai trang bạn muốn để kiểm thử (nó có để là publicly reachable).
  2. Kiểm thử location. WebPageTest chạy on physically distributed thực machines khoảng world — pick một near của bạn audience, vì distance và network conditions thay đổi kết quả.
  3. trình duyệt / device. Chrome cho bạn phần lớn dữ liệu. Bạn có thể cũng emulate mobile devices.
  4. Connection profile. throttled network (e.g. chậm mobile connection) so bạn’re kiểm thử realistic conditions, không của bạn office fiber.
  5. Repeat chạy. Đây là một beginners skip. Performance varies chạy để chạy (network jitter, máy chủ load, CPU contention), so WebPageTest chạy multiple các kiểm thử và các báo cáo median. không bao giờ trust single chạy — đọc median. chỉ giữ trong mind median là vẫn synthetic sample từ của bạn chosen configuration, không population-cấp độ việc đo lường của Điều gì thực khách truy cập experience — đó Điều gì trường (CrUX) dữ liệu là cho.

mỗi một của những điều đó settings là part của thử nghiệm, không incidental detail. nếu bạn’re comparing hai các kiểm thử — trước khi/sau khi khắc phục, hoặc của bạn trang web so với đối thủ — so sánh chỉ có nghĩ là điều gì đó Khi bạn record settings và hold them constant: giống nhau location, giống nhau trình duyệt, giống nhau connection profile, giống nhau bộ nhớ đệm state (đầu tiên view so với. repeat view), và khoảng giống nhau chạy count và time window. Thay đổi bất kỳ của những điều đó giữa chạy và Bạn có thể easily mistake kiểm thử-configuration drift cho thực performance khác biệt.

Reading kết quả

waterfall chart

Đó waterfall là một yêu cầu-by-yêu cầu timeline: một hàng theo tài nguyên, trong load order, mỗi bar cho thấy DNS/connect/TLS/chờ/download phases. Điều này flags render-blocking các tài nguyên, cho thấy chuyển hướng chains as extra hops, và làm điều này obvious khi một handful of các tài nguyên tại đó top là gating mọi thứ behind them. Này là nơi “reduce render-blocking resources” (bản dịch) «reduce render-blocking các tài nguyên» dừng đang an abstraction và becomes “that CSS file, at that second.” (bản dịch) «đó CSS file, tại đó second.»

connection view

Grouped by connection thay vì by yêu cầu, điều này view exposes DNS lookup, TCP connect, TLS negotiation, và time để đầu tiên byte (TTFB) theo host. nó fastest way để see liệu của bạn slowness là máy chủ/network-side ( chậm TTFB, cũng nhiều tách biệt connections) versus nội dung-side.

filmstrip / video view — và my CLS-hunting recipe

filmstrip là strip của screenshots của trang việc vẽ theo thời gian; video view plays nó lại. nó Cách bạn see — không infer — Khi của bạn main nội dung xuất hiện, và Khi điều gì đó on trang jumps.

Này là đó WebPageTest feature I lean on hầu hết, và I’ve walked qua điều này repeatedly trong talks và trong my Ahrefs Core Web Vitals hướng dẫn. Cho hunting xuống Cumulative Layout Shift, đó chính xác recipe I dùng: “In Filmstrip View, use the following options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0.1 secs.” (bản dịch) «Trong Filmstrip View, dùng đó sau options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0,1 secs.» Đó turns đó filmstrip vào một cao-resolution timeline nơi một shift là không thể để miss. Trong đó real ví dụ từ đó hướng dẫn, đó culprit đã là một font đổi — “Notice how our font restyles between 5.1 secs and 5.2 secs, shifting the layout as our custom font is applied.” (bản dịch) «Notice cách của chúng ta font restyles giữa 5,1 secs và 5,2 secs, shifting đó layout as của chúng ta custom font là applied.» Web fonts, muộn-loading images, và injected quảng cáo là đó thông thường CLS suspects, và đó filmstrip catches them visually trong đó act.

Một caution: tài nguyên finishing loading trong waterfall tại giống nhau moment filmstrip hiển thị jump là mạnh circumstantial evidence, không proof — nó hypothesis. xác nhận nó by isolating suspect (block đó domain/yêu cầu, hoặc defer nó) và re-đang chạy giống nhau configuration; nếu shift disappears, bạn’ve confirmed nguyên nhân thay vì chỉ correlating hai timelines.

Core Web Vitals, frame by frame

WebPageTest các báo cáo LCP, CLS, và (với thực interaction) INP alongside TTFB, FCP, và Speed chỉ mục — và lets bạn see nơi trong load mỗi một happened thay vì chỉ cuối giá trị. nơi CrUX trường dữ liệu là khả dụng, nó có thể là shown alongside lab kết quả, nhưng deep diagnostics là lab chạy.

Nâng cao features

  • Scripting / multi-step luồng. Kiểm thử các trang behind một login, hoặc một cart/checkout flow — script đó steps so WebPageTest measures một real journey, không chỉ một cold homepage. Control và ghi xuống điều gì đó script phụ thuộc vào: đó kiểm thử account/credentials dùng, điều gì state đó account là trong, bất kỳ dynamic nội dung on đó trang, và của bạn API quota — an undocumented script là as hard để so sánh chạy-để-chạy as an undocumented manual kiểm thử.
  • Domain / yêu cầu blocking. Block một cụ thể bên thứ ba domain và re-chạy để đo lường chính xác cách nhiều đó chat widget hoặc quảng cáo script là costing bạn. Này là điều gì đó PSI đơn giản không thể làm.
  • Lighthouse bên trong WebPageTest. “WebPageTest vs. Lighthouse” (bản dịch) «WebPageTest so với. Lighthouse» là một sai dichotomy — bạn có thể chạy một Lighthouse audit từ trong WebPageTest. Worth đang precise về điều gì đó có nghĩa là: đó Lighthouse audit là của nó own distinct, versioned báo cáo — của nó own 0–100 score và của nó own audit list — generated bên trong đó rộng hơn WebPageTest kiểm thử session, không đã hợp nhất vào WebPageTest native waterfall/filmstrip các chỉ số. As I put điều này trong đó Ahrefs hướng dẫn, hầu hết speed tools dùng Lighthouse dưới đó hood: “The exception is WebPageTest, although you can also run Lighthouse tests with it as well.” (bản dịch) «Đó exception là WebPageTest, although bạn có thể cũng chạy Lighthouse các kiểm thử với điều này as well.» (Ahrefs — Cốt lõi Web Chỉ số quan trọng)
  • Opportunities & Các thử nghiệm. MỘT không-code, trước/sau HTML-thay đổi so sánh feature đó let bạn so sánh hai trạng thái of một trang không có touching production — introduced khoảng 2022, theo contemporaneous coverage by Detlef Johnson tại Tìm kiếm Engine Land (đó cụ thể bài viết có since đã retired từ đó site, và I không thể independently re-xác nhận đó feature hiện tại name hoặc availability so với một trực tiếp WebPageTest session during này cập nhật truyền — worth một fresh kiểm tra trước khi bạn xây dựng một workflow khoảng điều này by đó name).
  • API / automation và riêng tư instances. có an API cho programmatic kiểm thử, và vì đó code là open nguồn, bạn có thể stand lên của bạn own riêng tư instance.

sử dụng WebPageTest cho kỹ thuật SEO

Đây là angle phần lớn WebPageTest các hướng dẫn skip, và nó Vì sao tool belongs trong kỹ thuật SEO kit:

  • Kiểm thử as Googlebot. Bạn có thể set một Googlebot người dùng agent và watch cách render-blocking JS behaves — một hữu ích approximation (không một perfect replica) of cách Google renderer có thể experience đó trang. MobileMoxie kỹ thuật-SEO WebPageTest hướng dẫn frames đó SEO giá trị well: “The tool provides detailed information about the health of your pages and helps analyze things like round trip requests, asset errors, redirects, caching concerns, security information, and more.” (bản dịch) «Đó tool cung cấp detailed information về đó health of của bạn các trang và helps analyze điều như round trip các yêu cầu, asset các lỗi, các chuyển hướng, bộ nhớ đệm concerns, security information, và hơn.»
  • Audit chuyển hướng chains. Đó waterfall exposes mỗi chuyển hướng hop, so một bloated chuỗi chuyển hướng (mỗi một round trip) là visible thay vì hidden.
  • Kiểm tra bộ nhớ đệm và CDN effectiveness. Theo web.dev trên, WebPageTest kiểm tra static-nội dung bộ nhớ đệm, TTFB, và CDN usage — đó plumbing đó governs cách fast bots và người dùng alike nhận của bạn bytes.
  • Diagnose JS-kết xuất các vấn đề. Nếu nội dung chỉ xuất hiện sau JavaScript chạy, đó filmstrip và waterfall cho thấy bạn khi (và liệu) điều này painted.
  • Trước/sau evidence cho stakeholders. MỘT side-by-side filmstrip of đó hiện tại trang versus một proposed cách sửa là một far hơn persuasive artifact cho một client hoặc an eng team hơn một Lighthouse number đó dropped by six points.

Pricing và access

Đó free công khai service tại webpagetest.org có trong lịch sử offered on đó order of hundreds of kiểm thử chạy một month, plus một free API key với daily limits. MỘT paid WebPageTest Pro tier unlocks hơn API volume, riêng tư các kiểm thử, và priority trong đó kiểm thử queue. Và vì đó toàn bộ điều là open nguồn dưới đó Polyform Shield license — Catchpoint cách diễn đạt là đó “the WebPageTest code remains freely accessible under the Polyform Shield license, permitting its use for internal or non-competing commercial projects” (bản dịch) «đó WebPageTest code vẫn freely accessible dưới đó Polyform Shield license, permitting của nó dùng cho internal hoặc non-competing commercial projects» (webpagetest.org/về) — bạn có thể cũng self-host một riêng tư instance.

Honest limitations

  • Learning curve. UI là dense; waterfall là intimidating trước khi nó hữu ích.
  • Account needed cho saved/riêng tư kết quả. Casual một-off các kiểm thử là open, nhưng saving và riêng tư kiểm thử muốn account.
  • nó diagnoses, nó không remediate. WebPageTest hiển thị bạn vấn đề trong exquisite detail; nó sẽ không hold của bạn hand qua khắc phục way some scoring tools try để.
  • Single-chạy variability. Một chạy có thể mislead. sử dụng multiple chạy và đọc median — tool defaults để điều này cho reason.

note on Bing

có không Bing hoặc Microsoft tài liệu đó positions WebPageTest as xếp hạng input hoặc đầu tiên-party khuyến nghị. Bing Quản trị viên web Tools có của nó own trang web Scan và speed-related các khuyến nghị, nhưng không có gì WebPageTest-cụ thể — và Core Web Vitals itself vẫn primarily Google construct. (không confuse WebPageTest với Bing own bing.com/tools/speedtest, mà là network speed kiểm thử, không trang performance tool.)

nơi điều này sits

Này là đó deep-diagnostic member of đó web performance tools cluster. Của nó siblings mỗi own một khác nhau job: Google Lighthouse là đó lab audit đó produces đó 0–100 score (và đó nhiều other tools chạy dưới đó hood); PageSpeed Insights cho thấy CrUX trường dữ liệu và một Lighthouse lab chạy trong một UI; đó Chrome UX Báo cáo (CrUX) là đó real-người dùng trường dataset Google thực ra ranks on. Cho đó các chỉ số all of những đo lường và đó thresholds Google dùng, bắt đầu tại đó Core Web Vitals hub. Cho đó toàn bộ pipeline những tools sit trong, see đó web performance cluster.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.