Panduan WebPageTest

TL;DR — WebPageTest adalah sebuah free alat itu memuat Anda halaman pada sebuah nyata browser di sebuah nyata location dan menampilkan Anda exactly what happened sebagai ini dimuat — setiap file ini downloaded, di what order, dan sebuah frame-oleh-frame video dari halaman appearing. ini adalah alat Anda gunakan when PageSpeed Insights says sebuah halaman adalah slow tetapi Anda ingin see why. ini adalah not sebuah Google product, dan -nya scores don’t affect Anda rankings — ini adalah sebuah diagnosis alat.

What WebPageTest adalah

sebagian besar speed alat give Anda sebuah angka. WebPageTest gives Anda sebuah story — sebuah detailed, langkah-oleh-langkah picture dari how Anda halaman dimuat.

Anda go untuk webpagetest.org, jenis di sebuah URL, pick where di world untuk test dari dan pada what jenis dari device dan connection, dan hit start. sebuah nyata browser pada sebuah nyata machine memuat Anda halaman, dan WebPageTest records everything: setiap image, script, dan font ini fetched, how panjang setiap took, dan sebuah filmstrip — sebuah actual frame-oleh-frame set dari screenshots dari halaman appearing pada screen.

ini adalah free dan open source. ini adalah dibangun oleh sebuah developer named Patrick Meenan back di 2008, dan sebuah company called Catchpoint bought ini di 2020 — tetapi free public versi di webpagetest.org adalah masih there untuk anyone untuk gunakan.

Why Anda’d gunakan ini alih-alih PageSpeed Insights

PageSpeed Insights (Google’s alat) adalah great di telling Anda itu sebuah halaman adalah slow dan giving Anda sebuah score. WebPageTest adalah better di telling Anda why dan where. jika PSI says “reduce render-blocking resources,” (terjemahan) “reduce render-blocking resources,” WebPageTest menampilkan Anda exact file itu’s blocking, di what kedua, di sebuah chart Anda dapat read like sebuah timeline.

lainnya thing people get wrong: WebPageTest scores adalah not sebuah peringkat factor. Google peringkat partly pada how fast nyata pengunjung experience Anda situs (itu’s called “field data,” (terjemahan) “data lapangan,” dan ini comes dari actual Chrome pengguna). WebPageTest adalah sebuah “lab” (terjemahan) “lab” test — one controlled run pada one machine. ini adalah untuk finding dan fixing masalah, not untuk angka Google actually sees.

two views sebagian besar people start dengan

• ** waterfall.** sebuah chart dengan one row per file Anda halaman dimuat, stacked di order mereka came di. panjang bars dan files stacked di start adalah biasanya where Anda slowness lives.
• ** filmstrip.** sebuah row dari screenshots showing halaman painting di di atas time. Anda dapat literally watch moment Anda main konten menampilkan up — atau moment something jumps sekitar pada halaman.

ingin full versi — connection view, exact recipe I gunakan untuk hunt down layout shift, how ini compares untuk Lighthouse dan CrUX, dan how I gunakan ini untuk technical SEO? Switch untuk Advanced tab.

TL;DR — WebPageTest adalah sebuah free, open-source lab (synthetic) performa alat: sebuah URL, sebuah nyata distributed test location, sebuah browser, dan sebuah network profile di, deep diagnostics out — waterfall (render-blocking flags, sequencing), filmstrip/video (frame-oleh-frame, dengan sebuah Highlight Layout Shifts option untuk CLS), connection view (DNS/TCP/TLS/TTFB), dan Core Web Vitals frame oleh frame. Patrick Meenan dibangun ini di 2008 (sebuah internal AOL alat); Catchpoint acquired ini di 2020; code stays open di bawah Polyform Shield license. accuracy spine: ini produces data lab, not data lapangan, so ini melakukan not feed Google’s CWV sinyal peringkat (itu’s nyata-pengguna CrUX). ini adalah sebuah diagnostic, not score Google sees — dan ini adalah not sebuah Lighthouse competitor, because Anda dapat run Lighthouse inside ini. Reach untuk ini when PageSpeed Insights tells Anda sebuah halaman adalah slow tetapi not why atau where di muat.

What ini actually adalah

setiap WebPageTest hasil adalah one configured run: sebuah URL, tested dari sebuah spesifik location, pada sebuah spesifik browser dan device, di atas sebuah spesifik connection profile, di sebuah spesifik moment. ini adalah not sebuah universal pengukuran dari “how fast your site is” (terjemahan) “how fast Anda situs adalah” — ini adalah evidence dari itu run, dan ini perlu untuk menjadi read sebagai such.

di dalam itu framing, WebPageTest adalah deep-diagnostic alat di web-performa toolbox. web.dev, Google’s own developer situs, frames ini 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.” (terjemahan) “WebPageTest berisi sebuah advanced suite dari metrics dan trace viewers. ini enables deep diving ke performa dari Anda situs pada nyata mobile hardware dengan network conditions.” (web.dev, “How To Think About Speed Tools” (terjemahan) “cara Think tentang Speed alat”)

-nya “audit” (terjemahan) “audit” halaman menambahkan SEO-adjacent angle: “WebPagetest will also check static-content caching, time to first byte, and if your site makes effective use of CDNs.” (terjemahan) “WebPagetest akan juga periksa static-konten caching, Time untuk pertama Byte, dan jika Anda situs membuat effective gunakan dari CDNs.” (web.dev, “Audit performance” (terjemahan) “Audit performa”)

Where sibling alat di ini cluster — Google Lighthouse, PageSpeed Insights, dan Chrome UX Report (CrUX) — give Anda sebuah score atau sebuah pass/fail, WebPageTest gives Anda permintaan-oleh-permintaan, frame-oleh-frame evidence underneath score.

sebuah brief history — dan sebuah genuinely odd footnote

Patrick Meenan dibuat dan open-sourced WebPageTest di 2008; ini began life sebagai sebuah internal testing alat di AOL. Catchpoint acquired ini di 2020. tentang halaman tells origin story directly: “Catchpoint’s 2020 acquisition of WebPageTest, created and open-sourced by Patrick Meenan in 2008, marked a significant milestone.” (terjemahan) “Catchpoint’s 2020 acquisition dari WebPageTest, dibuat dan open-sourced oleh Patrick Meenan di 2008, marked sebuah significant milestone.” stated mission ada blunt: “slow is the new down, and our mission is to empower you to deliver the best experiences to your users.” (terjemahan) “slow adalah baru down, dan kami mission adalah untuk empower Anda untuk deliver best experiences untuk Anda pengguna.” (webpagetest.org/tentang)

Here’s odd footnote worth naming: Meenan now berfungsi di Google pada Chrome dan web performa. dan yet Google’s own official Core Web Vitals alat halaman — web.dev/artikel/vitals-alat, exact halaman Search Central’s Core Web Vitals doc tautan untuk sebagai “the different tools that can help you measure and report Core Web Vitals” (terjemahan) “ berbeda alat itu dapat help Anda mengukur dan report Core Web Vitals” — melakukan not mention WebPageTest. ini lists CrUX, PageSpeed Insights, Search Console, Lighthouse, DevTools performa panel, web-vitals JS library, dan Lighthouse-CI. alat dibangun oleh person who now berfungsi ada absent.

Read itu carefully, though: ini adalah not sebuah signal itu WebPageTest adalah deprecated atau unendorsed. Google curates -nya own-product alat list; sebuah ketiga-party open-source alat simply isn’t pada ini. lainnya web.dev halaman (speed-alat, performa-audit-alat) reference WebPageTest positively. ini adalah sebuah curation gap, not sebuah verdict pada alat.

Lab vs. field — distinction itu penting sebagian besar

ini adalah accuracy spine dari whole topic, dan ini adalah sibling dari lab-vs-field poin itu runs melalui whole web performa alat cluster.

WebPageTest runs lab (synthetic) data: sebuah controlled, repeatable test pada sebuah machine Anda configure, di sebuah moment Anda choose. itu adalah sebuah berbeda animal dari data lapangan — nyata-pengguna Chrome UX Report (CrUX) measurements itu Google Search actually menggunakan untuk Core Web Vitals sinyal peringkat, dan itu surface di PageSpeed Insights dan Search Console.

So, plainly:

• sebuah WebPageTest run melakukan not feed Google’s sinyal peringkat. ini measures yang sama metrics Google cares tentang (LCP, INP, CLS), tetapi angka Google peringkat pada comes dari CrUX data lapangan, not dari apa pun lab run — not WebPageTest’s, not PSI’s lab bagian, not Lighthouse’s.
• WebPageTest adalah untuk diagnosis: reproducing sebuah masalah, isolating ini, dan confirming sebuah fix di sebuah fast, controlled loop. data lapangan (CrUX) adalah slow, authoritative confirmation itu pengguna nyata felt improvement — see Core Web Vitals untuk how itu sinyal peringkat berfungsi.

Put plainly, sebuah WebPageTest hasil adalah not — dan cannot substitute untuk — CrUX field data, nyata-pengguna traffic angka, atau sebuah Google Search peringkat atau halaman-experience outcome. itu adalah separate datasets itu perlu mereka own evidence; sebuah fast synthetic run adalah not proof apa pun dari them moved.

jika Anda hanya take one thing dari ini halaman: WebPageTest tells Anda what untuk fix; CrUX tells Anda whether Google’s sinyal peringkat moved.

cara run sebuah basic test

core flow adalah deliberately sederhana:

1. URL. public halaman Anda ingin test (ini memiliki untuk menjadi publicly reachable).
2. Test location. WebPageTest runs pada physically distributed nyata machines sekitar world — pick one near Anda audience, because distance dan network conditions perubahan hasil.
3. browser / device. Chrome gives Anda paling data. Anda dapat juga emulate mobile devices.
4. Connection profile. sebuah throttled network (e.g. sebuah slow mobile connection) so Anda’re testing realistic conditions, not Anda office fiber.
5. Repeat runs. ini adalah one beginners skip. performa varies run untuk run (network jitter, server muat, CPU contention), so WebPageTest runs multiple tests dan reports sebuah median. tidak pernah trust sebuah single run — read median. hanya pertahankan di mind median adalah masih sebuah synthetic sample dari Anda chosen configuration, not sebuah population-tingkat pengukuran dari what nyata pengunjung experience — itu’s what field (CrUX) data adalah untuk.

setiap one dari itu settings adalah bagian dari experiment, not incidental detail. jika Anda’re comparing two tests — sebelum/setelah sebuah fix, atau Anda situs terhadap sebuah competitor’s — comparison hanya berarti something when Anda record settings dan hold them constant: sama location, sama browser, sama connection profile, sama cache state (pertama view vs. repeat view), dan roughly yang sama run count dan time window. perubahan apa pun dari itu antara runs dan Anda dapat easily mistake test-configuration drift untuk sebuah nyata performa difference.

Reading hasil

waterfall chart

waterfall adalah sebuah permintaan-oleh-permintaan timeline: one row per resource, di muat order, setiap bar showing DNS/connect/TLS/wait/download phases. ini flags render-blocking resources, menampilkan rantai pengalihan sebagai extra hops, dan membuat ini obvious when sebuah handful dari resources di top adalah gating everything behind them. ini adalah where “reduce render-blocking resources” (terjemahan) “reduce render-blocking resources” stops menjadi sebuah abstraction dan becomes “that CSS file, at that second.” (terjemahan) “itu CSS file, di itu kedua.”

connection view

Grouped oleh connection alih-alih oleh permintaan, ini view exposes DNS lookup, TCP connect, TLS negotiation, dan Time untuk pertama Byte (TTFB) per host. ini adalah fastest cara untuk see whether Anda slowness adalah server/network-side (sebuah slow TTFB, too banyak separate connections) versus konten-side.

filmstrip / video view — dan my CLS-hunting recipe

filmstrip adalah sebuah strip dari screenshots dari halaman painting di atas time; video view plays ini back. ini adalah how Anda see — not infer — when Anda main konten appears, dan when something pada halaman jumps.

ini adalah WebPageTest fitur I lean pada sebagian besar, dan I’ve walked melalui ini repeatedly di talks dan di my Ahrefs Core Web Vitals guide. untuk hunting down Cumulative Layout Shift, exact recipe I gunakan: “In Filmstrip View, use the following options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0.1 secs.” (terjemahan) “di Filmstrip View, gunakan following options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0,1 secs.” itu turns filmstrip ke sebuah tinggi-resolution timeline where sebuah shift adalah impossible untuk miss. di nyata contoh dari itu guide, culprit adalah sebuah font swap — “Notice how our font restyles between 5.1 secs and 5.2 secs, shifting the layout as our custom font is applied.” (terjemahan) “Notice how kami font restyles antara 5,1 secs dan 5,2 secs, shifting layout sebagai kami custom font adalah applied.” Web fonts, late-memuat images, dan injected ads adalah usual CLS suspects, dan filmstrip catches them visually di act.

One caution: sebuah resource finishing memuat di waterfall di yang sama moment filmstrip menampilkan sebuah jump adalah strong circumstantial evidence, not proof — ini adalah sebuah hypothesis. Confirm ini oleh isolating suspect (block itu domain/permintaan, atau defer ini) dan re-running yang sama configuration; jika shift disappears, Anda’ve confirmed cause alih-alih hanya correlating two timelines.

Core Web Vitals, frame oleh frame

WebPageTest reports LCP, CLS, dan (dengan nyata interaction) INP alongside TTFB, FCP, dan Speed indeks — dan lets Anda see where di muat setiap one happened alih-alih hanya sebuah akhir nilai. Where CrUX data lapangan adalah available, ini dapat menjadi ditampilkan alongside lab hasil, tetapi deep diagnostics adalah lab run.

Advanced fitur

• Scripting / multi-langkah flows. Test halaman behind sebuah login, atau sebuah cart/checkout flow — script langkah so WebPageTest measures sebuah nyata journey, not hanya sebuah cold homepage. Control dan write down what script depends pada: test account/credentials digunakan, what state account adalah di, apa pun dynamic konten pada halaman, dan Anda API quota — sebuah undocumented script adalah sebagai hard untuk compare run-untuk-run sebagai sebuah undocumented manual test.
• Domain / permintaan blocking. Block sebuah spesifik ketiga-party domain dan re-run untuk mengukur exactly how much itu chat widget atau ad script adalah costing Anda. ini adalah something PSI simply dapat’t melakukan.
• Lighthouse inside WebPageTest. “WebPageTest vs. Lighthouse” (terjemahan) “WebPageTest vs. Lighthouse” adalah sebuah salah dichotomy — Anda dapat run sebuah Lighthouse audit dari di dalam WebPageTest. Worth menjadi precise tentang what itu berarti: Lighthouse audit adalah -nya own distinct, versioned report — -nya own 0–100 score dan -nya own audit list — generated inside broader WebPageTest test session, not merged ke WebPageTest’s native waterfall/filmstrip metrics. sebagai I put ini di Ahrefs guide, sebagian besar speed alat gunakan Lighthouse di bawah hood: “The exception is WebPageTest, although you can also run Lighthouse tests with it as well.” (terjemahan) “ exception adalah WebPageTest, although Anda dapat juga run Lighthouse tests dengan ini sebagai well.” (Ahrefs — Core Web Vitals)
• Opportunities & Experiments. sebuah no-code, sebelum/setelah HTML-perubahan comparison fitur itu let Anda compare two states dari sebuah halaman without touching production — introduced sekitar 2022, per contemporaneous coverage oleh Detlef Johnson di Search mesin Land (itu spesifik artikel memiliki since telah retired dari situs, dan I couldn’t independently re-confirm fitur’s saat ini name atau availability terhadap sebuah live WebPageTest session selama ini update pass — worth sebuah fresh periksa sebelum Anda bangun workflow sekitar ini oleh itu name).
• API / automation dan private instances. There’s sebuah API untuk programmatic testing, dan because code adalah open source, Anda dapat stand up Anda own private instance.

menggunakan WebPageTest untuk SEO teknis

ini adalah angle sebagian besar WebPageTest guides skip, dan ini adalah why alat belongs di sebuah SEO teknis’s kit:

• Test sebagai Googlebot. Anda dapat set sebuah Googlebot pengguna agent dan watch how render-blocking JS behaves — sebuah berguna approximation (not sebuah perfect replica) dari how Google’s renderer mungkin experience halaman. MobileMoxie’s technical-SEO WebPageTest guide frames SEO nilai 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.” (terjemahan) “ alat menyediakan detailed informasi tentang health dari Anda halaman dan helps analyze things like round trip permintaan, asset errors, redirects, caching concerns, security informasi, dan more.”
• Audit rantai pengalihan. waterfall exposes setiap redirect hop, so sebuah bloated rantai pengalihan (setiap one sebuah round trip) adalah terlihat alih-alih hidden.
• periksa caching dan CDN effectiveness. Per web.dev above, WebPageTest memeriksa static-konten caching, TTFB, dan CDN usage — plumbing itu governs how fast bot dan pengguna alike get Anda bytes.
• Diagnose JS-rendering masalah. jika konten hanya appears setelah JavaScript runs, filmstrip dan waterfall tampilkan Anda when (dan whether) ini painted.
• sebelum/setelah evidence untuk stakeholders. sebuah side-oleh-side filmstrip dari saat ini halaman versus sebuah proposed fix adalah sebuah far more persuasive artifact untuk sebuah client atau sebuah eng team daripada sebuah Lighthouse angka itu dropped oleh six poin.

Pricing dan access

free public service di webpagetest.org memiliki historically offered pada order dari hundreds dari test runs sebuah month, plus sebuah free API key dengan daily limits. sebuah paid WebPageTest Pro tier unlocks more API volume, private tests, dan priority di test queue. dan because whole thing adalah open source di bawah Polyform Shield license — Catchpoint’s framing adalah itu “the WebPageTest code remains freely accessible under the Polyform Shield license, permitting its use for internal or non-competing commercial projects” (terjemahan) “ WebPageTest code remains freely accessible di bawah Polyform Shield license, permitting -nya gunakan untuk internal atau non-competing commercial projects” (webpagetest.org/tentang) — Anda dapat juga self-host sebuah private instance.

Honest limitations

• Learning curve. UI adalah dense; sebuah waterfall adalah intimidating sebelum ini adalah berguna.
• Account needed untuk saved/private hasil. Casual one-off tests adalah open, tetapi saving dan private testing ingin sebuah account.
• ini diagnoses, ini doesn’t remediate. WebPageTest menampilkan Anda masalah di exquisite detail; ini won’t hold Anda hand melalui fix cara beberapa scoring alat try untuk.
• Single-run variability. One run dapat mislead. gunakan multiple runs dan read median — alat defaults untuk ini untuk sebuah alasan.

sebuah note pada Bing

There’s no Bing atau Microsoft documentation itu positions WebPageTest sebagai sebuah peringkat input atau pertama-party recommendation. Bing Webmaster alat memiliki -nya own situs Scan dan speed-related recommendations, tetapi nothing WebPageTest-spesifik — dan Core Web Vitals itself remains primarily sebuah Google construct. (Don’t confuse WebPageTest dengan Bing’s own bing.com/tools/speedtest, which adalah sebuah network speed test, not sebuah halaman performa alat.)

Where ini sits

ini adalah deep-diagnostic member dari web performa alat cluster. -nya siblings setiap own sebuah berbeda job: Google Lighthouse adalah lab audit itu produces 0–100 score (dan itu banyak lainnya alat run di bawah hood); PageSpeed Insights menampilkan CrUX data lapangan dan sebuah Lighthouse lab run di one UI; Chrome UX Report (CrUX) adalah nyata-pengguna field dataset Google actually peringkat pada. untuk metrics semua dari ini mengukur dan thresholds Google menggunakan, start di Core Web Vitals hub. untuk whole pipeline ini alat sit di dalam, see web performa cluster.

AI summary

sebuah condensed take pada Advanced versi:

• WebPageTest = deep-diagnostic, lab-based performa alat. Free dan open source; dibuat oleh Patrick Meenan di 2008 (sebuah internal AOL alat), acquired oleh Catchpoint di 2020, code di bawah Polyform Shield license.
• setiap hasil adalah one configured run — sebuah URL, sebuah location, sebuah browser, sebuah connection profile, sebuah moment di time — not sebuah universal pengukuran. Comparisons hanya berarti something when Anda record itu settings dan hold them constant.
• Lab, not field. ini produces synthetic data lab dan melakukan not feed Google’s Core Web Vitals sinyal peringkat — itu’s nyata-pengguna CrUX (seen di PageSpeed Insights dan Search Console). sebuah WebPageTest run doesn’t establish nyata-pengguna traffic atau sebuah Search peringkat/halaman-experience outcome either — ini adalah untuk diagnosis, not angka Google peringkat pada.
• ** flow:** URL → nyata distributed test location → browser/device → throttled network → multiple repeat runs, read median (tidak pernah sebuah single run — though bahkan median adalah masih sebuah synthetic sample, not data lapangan).
• Signature views: waterfall (permintaan-oleh-permintaan, render-blocking flags, redirect chains), filmstrip/video (frame-oleh-frame; sebuah Highlight Layout Shifts option untuk CLS), connection view (DNS/TCP/TLS/TTFB), dan Core Web Vitals frame oleh frame. Aligning sebuah waterfall event dengan sebuah filmstrip frame adalah sebuah strong hypothesis, not proof — confirm ini oleh isolating resource dan re-testing.
• CLS recipe: Filmstrip View → Highlight Layout Shifts pada, Thumbnail Size Huge, Thumbnail Interval 0,1s — cara untuk catch sebuah font-swap atau late-image shift di act.
• Not sebuah Lighthouse competitor — Anda dapat run sebuah Lighthouse audit dari di dalam WebPageTest, tetapi ini adalah -nya own distinct, versioned report (own score, own audits), not merged ke WebPageTest’s native metrics. lainnya advanced fitur: scripting/ multi-langkah flows (document credentials/state/quotas), ketiga-party domain blocking, sebuah no-code sebelum/setelah comparison fitur introduced sekitar 2022 (-nya saat ini name/ availability wasn’t independently re-confirmed ini pass), sebuah API, dan self-hosting.
• SEO menggunakan: test sebagai Googlebot, audit rantai pengalihan, periksa caching/CDN/TTFB, diagnose JS rendering, dan produce sebelum/setelah evidence untuk stakeholders.
• Odd footnote: Meenan now berfungsi di Google, yet Google’s own official CWV alat halaman (web.dev/artikel/vitals-alat) doesn’t list WebPageTest. itu’s sebuah curation gap untuk sebuah ketiga-party alat, not sebuah signal ini adalah deprecated.
• Limitations: dense UI/learning curve, account needed untuk saved/private tests, ini diagnoses alih-alih remediates, dan single runs dapat mislead.

Official documentation

Primary-source documentation (Google’s mentions dari WebPageTest, WebPageTest’s own docs, dan sebuah note pada Bing).

WebPageTest / Catchpoint

• WebPageTest — tentang — Meenan/Catchpoint origin story, mission statement, dan Polyform Shield license.
• WebPageTest — free public test service, including test form, hasil/filmstrip UI, dan API untuk programmatic testing.

Google (where ini references WebPageTest — dan where ini notably doesn’t)

• web.dev — cara Think tentang Speed alat — situates WebPageTest sebagai advanced lab-diagnostic option dan notes Anda dapat run Lighthouse inside ini.
• web.dev — Audit performa — WebPageTest untuk caching/TTFB/CDN memeriksa.
• web.dev — Core Web Vitals alat — Google’s own CWV alat round-up, which melakukan not mention WebPageTest ( curation-gap footnote).
• Google Search Central — Core Web Vitals — tautan out untuk web.dev untuk alat recommendations alih-alih naming sebuah ketiga-party lab alat.

Bing / Microsoft

• No Bing/Microsoft documentation references WebPageTest sebagai sebuah peringkat input atau pertama-party recommendation. Bing Webmaster alat’ own situs Scan adalah nearest pertama-party analog. See Bing Webmaster guidelines untuk umum guidance.

Quotes dari source

pada—record statements tentang WebPageTest. Where sebuah tautan mencakup sebuah #:~:text= anchor, ini jumps untuk quoted passage pada source halaman.

Google / web.dev — where WebPageTest fits

• “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.” (terjemahan) “WebPageTest berisi sebuah advanced suite dari metrics dan trace viewers. ini enables deep diving ke performa dari Anda situs pada nyata mobile hardware dengan network conditions.” — web.dev, “How To Think About Speed Tools.” (terjemahan) “cara Think tentang Speed alat.” Jump untuk quote
• “WebPagetest will also check static-content caching, time to first byte, and if your site makes effective use of CDNs.” (terjemahan) “WebPagetest akan juga periksa static-konten caching, Time untuk pertama Byte, dan jika Anda situs membuat effective gunakan dari CDNs.” — web.dev, “Audit performance.” (terjemahan) “Audit performa.” Jump untuk quote

WebPageTest / Catchpoint — history, mission, license

• “Catchpoint’s 2020 acquisition of WebPageTest, created and open-sourced by Patrick Meenan in 2008, marked a significant milestone.” (terjemahan) “Catchpoint’s 2020 acquisition dari WebPageTest, dibuat dan open-sourced oleh Patrick Meenan di 2008, marked sebuah significant milestone.” — webpagetest.org/tentang. Source
• “slow is the new down, and our mission is to empower you to deliver the best experiences to your users.” (terjemahan) “slow adalah baru down, dan kami mission adalah untuk empower Anda untuk deliver best experiences untuk Anda pengguna.” — webpagetest.org/tentang. Source
• “The WebPageTest code remains freely accessible under the Polyform Shield license, permitting its use for internal or non-competing commercial projects.” (terjemahan) “ WebPageTest code remains freely accessible di bawah Polyform Shield license, permitting -nya gunakan untuk internal atau non-competing commercial projects.” — Catchpoint, webpagetest.org/tentang. Source

Patrick Stox (me) / Ahrefs — CLS filmstrip technique

• “In Filmstrip View, use the following options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0.1 secs.” (terjemahan) “di Filmstrip View, gunakan following options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0,1 secs.” — dari my Ahrefs Core Web Vitals guide. Source
• “The exception is WebPageTest, although you can also run Lighthouse tests with it as well.” (terjemahan) “ exception adalah WebPageTest, although Anda dapat juga run Lighthouse tests dengan ini sebagai well.” — me, pada how WebPageTest differs dari Lighthouse-based alat. Source

MobileMoxie — technical-SEO angle

• “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.” (terjemahan) “ alat menyediakan detailed informasi tentang health dari Anda halaman dan helps analyze things like round trip permintaan, asset errors, redirects, caching concerns, security informasi, dan more.” — MobileMoxie, pada WebPageTest untuk SEO teknis. Source

WebPageTest cheat sheet

Where ini fits vs. lainnya alat

** views**

CLS-hunting recipe (mine)

• Filmstrip View → Highlight Layout Shifts pada → Thumbnail Size: Huge → Thumbnail Interval: 0,1 secs. Watch untuk frame where layout jumps (sering sebuah web-font swap atau sebuah late image/ad).

Fast facts

• Lab, not field — melakukan not feed Google’s CWV sinyal peringkat (itu’s CrUX).
• Read median, tidak pernah sebuah single run — performa varies run untuk run.
• Anda dapat run Lighthouse inside WebPageTest — ini adalah not sebuah either/atau.
• open source di bawah Polyform Shield license; self-hosting adalah mungkin.
• Meenan (creator) now berfungsi di Google, yet web.dev/artikel/vitals-alat doesn’t list WebPageTest — sebuah curation gap, not sebuah deprecation.

sebuah WebPageTest run — checklist

Get sebuah trustworthy, berguna hasil alih-alih sebuah misleading one:

• Test location set near Anda nyata audience (distance perubahan angka).
• Device + connection profile match Anda pengguna (e.g. emulated mobile pada sebuah throttled network), not Anda office fiber.
• Multiple repeat runs enabled — dan Anda’re reading median, not sebuah single run.
• diperiksa waterfall untuk render-blocking resources dan stray redirect hops.
• diperiksa connection view untuk sebuah slow TTFB atau too banyak separate connections.
• Ran filmstrip untuk see when main konten paints — dan, untuk CLS, enabled Highlight Layout Shifts di 0,1s intervals, Huge thumbnails.
• Confirmed Anda’re treating hasil sebagai data lab — cross-diperiksa nyata sinyal peringkat terhadap CrUX (PageSpeed Insights / Search Console).
• untuk sebuah suspect ketiga party, digunakan domain/permintaan blocking untuk mengukur -nya benar cost.
• untuk login/checkout flows, digunakan scripting alih-alih testing sebuah cold homepage.
• Saved sebuah sebelum/setelah filmstrip jika Anda’re proposing sebuah fix untuk stakeholders.

alat itu pair dengan WebPageTest

• WebPageTest itself (webpagetest.org) — free public lab alat, plus API dan sebuah paid Pro tier untuk volume/private tests.
• PageSpeed Insights — fast cara untuk periksa field (CrUX) data WebPageTest dapat’t generate, so Anda know whether sinyal peringkat actually moved.
• Google Search Console — Core Web Vitals report — temukan failing halaman groups di scale di seluruh situs, lalu take sebuah representative URL ke WebPageTest untuk diagnose.
• Chrome DevTools performa panel — local, login-friendly companion untuk lab profiling when Anda tidak perlu distributed locations.
• Google Lighthouse — runnable dari inside WebPageTest, atau standalone di DevTools/CLI untuk 0–100 audit.
• CrUX Vis (cruxvis.withgoogle.com) — visualize nyata-pengguna field trend di atas time untuk confirm sebuah WebPageTest-diagnosed fix landed untuk actual pengguna. (See Chrome UX Report (CrUX).)

WebPageTest mistakes itu buat salah confidence

Treating sebuah lab run sebagai Google’s field verdict

WebPageTest adalah synthetic data dari device, location, browser, dan network profile Anda selected. gunakan ini untuk diagnose causes; gunakan CrUX atau pertama-party RUM untuk describe nyata pengguna dan Google’s CWV assessment.

Comparing runs dengan berbeda test settings

sebuah changed location, connection, browser, cache state, atau angka dari runs dapat outweigh code perubahan menjadi tested. Save configuration dan compare like dengan like.

Optimizing headline score alih-alih waterfall

nilai dari WebPageTest adalah permintaan sequencing, connection setup, filmstrips, dan metric timing. Trace slow metric untuk sebuah concrete permintaan atau main-thread event rather daripada tuning sebuah grade di isolation.

Judging sebuah perubahan dari one run

Lab tests vary. Run multiple tests di bawah yang sama profile dan compare representative hasil; investigate outliers alih-alih selecting fastest run.

Testing hanya homepage

berbeda templates memiliki berbeda LCP elements, scripts, ketiga parties, dan cache perilaku. sertakan halaman where pengguna dan data lapangan tampilkan actual masalah.

Prove sebuah performa perubahan di WebPageTest

Controlled sebelum/setelah test

Test untuk run: save one location/browser/network/cache configuration dan run multiple tests untuk unchanged dan changed versi. Expected hasil: targeted metric dan -nya waterfall cause meningkatkan di seluruh representative runs. Failure interpretation: perubahan adalah ineffective atau test variance exceeds effect. Monitoring window: immediate lab hasil. Rollback trigger: sebuah consistent regression di target atau sebuah adjacent Core Web Vital.

permintaan-sequencing test

Test untuk run: compare waterfalls setelah changing preload, priority, blocking CSS/JS, atau caching. Expected hasil: intended permintaan starts earlier, transfers fewer bytes, atau menghindari network di expected cache state. Failure interpretation: hint/configuration melakukan not apply atau lainnya dependency controls sequence. Monitoring window: immediate. Rollback trigger: perubahan delays sebuah more critical permintaan atau membuat errors.

Visual-correctness test

Test untuk run: inspect filmstrip/video dan layout-shift highlighting untuk yang sama sebelum/setelah profile. Expected hasil: faster rendering melakukan not introduce missing konten, flashes, atau baru shifts. Failure interpretation: numeric improvement traded away visual correctness. Monitoring window: setiap representative viewport sebelum release. Rollback trigger: broken konten atau sebuah baru terlihat instability.

Resources worth Anda time

My related writing

• Core Web Vitals: sebuah Complete Guide (Ahrefs) — mencakup my WebPageTest Filmstrip recipe untuk diagnosing Cumulative Layout Shift, WebPageTest-vs-Lighthouse framing, dan metrics WebPageTest measures alongside how peringkat side berfungsi. (ini halaman absorbed my earlier “Advanced Guide to PageSpeed Insights” (terjemahan) “Advanced Guide untuk PageSpeed Insights” post, which now redirects here.)
• Beginner’s Guide untuk SEO teknis (Ahrefs) — where web performa sits di bigger picture.

My speaking

• pengalaman halaman Update — TMC, June 2021 (SlideShare) — covers yang sama WebPageTest Filmstrip/CLS technique di talk form.
• sebuah Crash Course di SEO teknis — Beer & SEO Meetup, dapat 2019 (SlideShare) — WebPageTest sebagai bagian dari SEO teknis toolkit, back di 2019.

dari sekitar industry

• WebPageTest — tentang — primary source untuk history, mission, dan Polyform Shield license.
• cara Think tentang Speed alat (web.dev) — Google’s own positioning dari WebPageTest among lab-testing alat.
• Audit performa (web.dev) — WebPageTest untuk caching, TTFB, dan CDN memeriksa.
• cara siapkan WebPageTest untuk Evaluate SEO teknis (MobileMoxie) — closest existing SEO-angle setup guide (Googlebot UA, redirects, caching, asset errors).
• sebuah Complete Guide untuk menggunakan WebPageTest (Kinsta) — paling comprehensive umum explainer (history, setup, interpreting hasil, pricing).
• WebPageTest: sebuah Guide untuk Web performa Testing (DebugBear) — vendor-authored, tetapi sebuah baik breakdown dari multi-run averaging, waterfall/filmstrip/connection views, dan scripting.

Test yourself: WebPageTest

Five quick pertanyaan pada what WebPageTest adalah, cara read ini, dan where ini fits. Pick sebuah jawaban untuk setiap, lalu periksa.

Log perubahan