Panduan WebPageTest

TL;DR — WebPageTest adalah sebuah free alat itu memuat Anda halaman pada sebuah nyata browser di sebuah nyata location dan menampilkan Anda persis apa happened sebagai ini dimuat — setiap file ini downloaded, di apa order, dan sebuah frame-oleh-frame video dari halaman appearing. ini adalah alat Anda gunakan ketika PageSpeed Insights says sebuah halaman adalah slow tetapi Anda ingin see mengapa. ini adalah tidak sebuah Google product, dan -nya scores jangan memengaruhi Anda rankings — ini adalah sebuah diagnosis alat.

Apa WebPageTest adalah

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

Anda go untuk webpagetest.org, jenis di sebuah URL, pick di mana di world untuk test dari dan pada apa jenis dari device dan connection, dan hit mulai. sebuah nyata browser pada sebuah nyata machine memuat Anda halaman, dan WebPageTest records semuanya: setiap image, script, dan font ini fetched, bagaimana panjang setiap took, dan sebuah filmstrip — sebuah sebenarnya frame-oleh-frame set dari screenshots dari halaman appearing pada screen.

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

Mengapa 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 mengapa dan di mana. jika PSI says “reduce render-blocking resources,” (terjemahan) “reduce render-blocking resources,” WebPageTest menampilkan Anda tepat file itu’s blocking, di apa kedua, di sebuah chart Anda dapat baca like sebuah timeline.

lainnya hal orang mendapatkan wrong: WebPageTest scores adalah tidak sebuah peringkat factor. Google peringkat partly pada bagaimana fast nyata pengunjung experience Anda situs (itu’s called “field data,” (terjemahan) “data lapangan,” dan ini muncul dari sebenarnya Chrome pengguna). WebPageTest adalah sebuah “lab” (terjemahan) “lab” test — satu controlled jalankan pada satu machine. ini adalah untuk finding dan memperbaiki masalah, tidak untuk angka Google sebenarnya sees.

dua views sebagian besar orang mulai dengan

• ** waterfall.** sebuah chart dengan satu baris per file Anda halaman dimuat, stacked di order mereka came di. panjang bars dan files stacked di mulai adalah biasanya di mana Anda slowness lives.
• ** filmstrip.** sebuah baris dari screenshots menunjukkan halaman painting di di atas time. Anda dapat secara harfiah watch moment Anda main konten menampilkan up — atau moment sesuatu jumps sekitar pada halaman.

ingin penuh versi — connection view, tepat recipe I gunakan untuk hunt down layout shift, bagaimana ini compares untuk Lighthouse dan CrUX, dan bagaimana I gunakan ini untuk teknis SEO? Switch untuk Advanced tab.

TL;DR — WebPageTest adalah sebuah free, open-sumber 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 tetap open di bawah Polyform Shield license. accuracy spine: ini produces data lab, tidak data lapangan, so ini melakukan tidak feed Google’s CWV sinyal peringkat (itu’s nyata-pengguna CrUX). ini adalah sebuah diagnostic, tidak score Google sees — dan ini adalah tidak sebuah Lighthouse pesaing, karena Anda dapat jalankan Lighthouse di dalam ini. Reach untuk ini ketika PageSpeed Insights tells Anda sebuah halaman adalah slow tetapi tidak mengapa atau di mana di muat.

Apa ini sebenarnya adalah

setiap WebPageTest hasil adalah satu configured jalankan: 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 tidak sebuah universal pengukuran dari “bagaimana fast Anda site adalah” (terjemahan) “bagaimana fast Anda situs adalah” — ini adalah evidence dari itu jalankan, dan ini perlu untuk menjadi baca 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 dari metrics dan trace viewers. It enables deep diving menjadi itu performance dari Anda site pada real mobile hardware dengan 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, “Bagaimana Untuk Think Tentang Speed Tools” (terjemahan) “cara Think tentang Speed alat”)

«Its “audit” page adds the SEO-adjacent angle: “WebPagetest will also check static-content caching, time to first byte, and if your site makes effective use of CDNs.” (web.dev, “Audit performance”) » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian dua puluh dua, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Di mana sibling alat di ini cluster — Google Lighthouse, PageSpeed Insights, dan Chrome UX Report (CrUX) — memberikan Anda sebuah score atau sebuah lulus/fail, WebPageTest memberikan 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 secara langsung: “Catchpoint’s 2020 acquisition dari WebPageTest, dibuat dan open-sourced oleh Patrick Meenan di 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 adalah itu new down, dan our mission adalah untuk empower Anda untuk deliver itu best experiences untuk Anda users.” (terjemahan) “slow adalah baru down, dan kami mission adalah untuk empower Anda untuk deliver best experiences untuk Anda pengguna.” (webpagetest.org/tentang)

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

Baca itu dengan hati-hati, though: ini adalah tidak sebuah sinyal itu WebPageTest adalah deprecated atau unendorsed. Google curates -nya own-product alat list; sebuah ketiga-party open-sumber alat sekadar tidak pada ini. lainnya web.dev halaman (speed-alat, performa-audit-alat) reference WebPageTest positively. ini adalah sebuah curation kesenjangan, tidak sebuah verdict pada alat.

Lab vs. field — pembedaan itu penting sebagian besar

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

WebPageTest berjalan 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 sebenarnya menggunakan untuk Core Web Vitals sinyal peringkat, dan itu surface di PageSpeed Insights dan Penelusuran Console.

So, plainly:

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

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

jika Anda hanya take satu hal dari ini halaman: WebPageTest tells Anda apa untuk perbaiki; CrUX tells Anda apakah Google’s sinyal peringkat moved.

cara jalankan sebuah basic test

core flow adalah dengan sengaja sederhana:

1. URL. publik halaman Anda ingin test (ini memiliki untuk menjadi publicly reachable).
2. Test location. WebPageTest berjalan pada physically distributed nyata machines sekitar world — pick satu near Anda audience, karena distance dan network conditions perubahan hasil.
3. browser / device. Chrome memberikan 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, tidak Anda office fiber.
5. Repeat berjalan. ini adalah satu beginners skip. performa varies jalankan untuk jalankan (network jitter, server muat, CPU contention), so WebPageTest berjalan multiple tests dan reports sebuah median. tidak pernah trust sebuah single jalankan — baca median. hanya pertahankan di mind median adalah masih sebuah synthetic sample dari Anda chosen configuration, tidak sebuah population-tingkat pengukuran dari apa nyata pengunjung experience — itu’s apa field (CrUX) data adalah untuk.

setiap satu dari itu settings adalah bagian dari experiment, tidak incidental detail. jika Anda’re comparing dua tests — sebelum/setelah sebuah perbaiki, atau Anda situs terhadap sebuah pesaing’s — perbandingan hanya berarti sesuatu ketika 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 jalankan count dan time window. perubahan apa pun dari itu antara berjalan dan Anda dapat easily mistake test-configuration drift untuk sebuah nyata performa perbedaan.

Reading hasil

waterfall chart

«The waterfall is a request-by-request timeline: one row per resource, in load order, each bar showing DNS/connect/TLS/wait/download phases. It flags render-blocking resources, shows redirect chains as extra hops, and makes it obvious when a handful of resources at the top are gating everything behind them. This is where “reduce render-blocking resources” stops being an abstraction and becomes “that CSS file, at that second.” » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian empat puluh satu, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

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 apakah Anda slowness adalah server/network-side (sebuah slow TTFB, too banyak terpisah 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 bagaimana Anda see — tidak infer — ketika Anda main konten muncul, dan ketika sesuatu 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, tepat 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 berikut options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0,1 secs.” itu turns filmstrip ke sebuah tinggi-resolution timeline di mana sebuah shift adalah impossible untuk miss. di nyata contoh dari itu guide, culprit adalah sebuah font tukar — “Notice how our font restyles between 5.1 secs and 5.2 secs, shifting the layout as our custom font is applied.” (terjemahan) “Notice bagaimana 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 biasa CLS suspects, dan filmstrip catches them visually di act.

Satu caution: sebuah resource finishing memuat di waterfall di yang sama moment filmstrip menampilkan sebuah jump adalah strong circumstantial evidence, tidak proof — ini adalah sebuah hypothesis. Konfirmasi ini oleh isolating suspect (block itu domain/permintaan, atau defer ini) dan re-berjalan yang sama configuration; jika shift disappears, Anda’ve confirmed penyebab alih-alih hanya correlating dua 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 di mana di muat setiap satu happened alih-alih hanya sebuah akhir nilai. Di mana CrUX data lapangan adalah tersedia, ini dapat menjadi ditampilkan alongside lab hasil, tetapi deep diagnostics adalah lab jalankan.

Advanced fitur

• Scripting / multi-langkah alur. Test halaman behind sebuah login, atau sebuah cart/checkout flow — script langkah so WebPageTest measures sebuah nyata journey, tidak hanya sebuah cold homepage. Control dan tulis down apa script bergantung pada: test account/credentials digunakan, apa state account adalah di, apa pun dynamic konten pada halaman, dan Anda API quota — sebuah undocumented script adalah sebagai hard untuk bandingkan jalankan-untuk-jalankan sebagai sebuah undocumented manual test.
• Domain / permintaan blocking. Block sebuah spesifik ketiga-party domain dan re-jalankan untuk mengukur persis bagaimana banyak itu chat widget atau ad script adalah costing Anda. ini adalah sesuatu PSI sekadar dapat’t melakukan.
• Lighthouse di dalam WebPageTest. “WebPageTest vs. Lighthouse” (terjemahan) “WebPageTest vs. Lighthouse” adalah sebuah salah dichotomy — Anda dapat jalankan sebuah Lighthouse audit dari di dalam WebPageTest. Worth menjadi precise tentang apa itu berarti: Lighthouse audit adalah -nya own distinct, versioned report — -nya own 0–100 score dan -nya own audit list — generated di dalam lebih luas WebPageTest test session, tidak digabungkan 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 jalankan Lighthouse tests dengan ini sebagai well.” (Ahrefs — Core Web Vitals)
• Opportunities & Experiments. sebuah Tidak-code, sebelum/setelah HTML-perubahan perbandingan fitur itu let Anda bandingkan dua status dari sebuah halaman tanpa touching production — introduced sekitar 2022, per contemporaneous coverage oleh Detlef Johnson di Penelusuran mesin Land (itu spesifik artikel memiliki since telah retired dari situs, dan I tidak dapat independently re-konfirmasi fitur’s saat ini name atau availability terhadap sebuah langsung WebPageTest session selama ini perbarui lulus — worth sebuah fresh periksa sebelum Anda bangun workflow sekitar ini oleh itu name).
• API / automation dan privat instances. ada sebuah API untuk programmatic testing, dan karena code adalah open sumber, Anda dapat stand up Anda own privat instance.

menggunakan WebPageTest untuk SEO teknis

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

• Test sebagai Googlebot. Anda dapat set sebuah Googlebot pengguna agent dan watch bagaimana render-blocking JS behaves — sebuah berguna approximation (tidak sebuah perfect replica) dari bagaimana Google’s renderer mungkin experience halaman. MobileMoxie’s teknis-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 hal like round trip permintaan, asset errors, redirects, caching concerns, security informasi, dan lebih.”
• Audit rantai pengalihan. waterfall exposes setiap redirect hop, so sebuah bloated rantai pengalihan (setiap satu sebuah round trip) adalah terlihat alih-alih hidden.
• periksa caching dan CDN effectiveness. Per web.dev di atas, WebPageTest memeriksa static-konten caching, TTFB, dan CDN usage — plumbing itu governs bagaimana fast bot dan pengguna alike mendapatkan Anda bytes.
• Diagnose JS-rendering masalah. jika konten hanya muncul setelah JavaScript berjalan, filmstrip dan waterfall tampilkan Anda ketika (dan apakah) ini painted.
• sebelum/setelah evidence untuk stakeholders. sebuah side-oleh-side filmstrip dari saat ini halaman versus sebuah proposed perbaiki adalah sebuah far lebih persuasive artifact untuk sebuah client atau sebuah eng team daripada sebuah Lighthouse angka itu dropped oleh six poin.

Pricing dan access

free publik service di webpagetest.org memiliki secara historis offered pada order dari hundreds dari test berjalan sebuah month, plus sebuah free API key dengan daily limits. sebuah paid WebPageTest Pro tier unlocks lebih API volume, privat tests, dan priority di test queue. dan karena seluruh hal adalah open sumber 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 tetap 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 privat instance.

Honest limitations

• Learning curve. UI adalah dense; sebuah waterfall adalah intimidating sebelum ini adalah berguna.
• Account needed untuk saved/privat hasil. Casual satu kali tests adalah open, tetapi saving dan privat testing ingin sebuah account.
• ini diagnoses, ini tidak remediate. WebPageTest menampilkan Anda masalah di exquisite detail; ini tidak akan hold Anda hand melalui perbaiki cara beberapa scoring alat try untuk.
• Single-jalankan variability. Satu jalankan dapat mislead. gunakan multiple berjalan dan baca median — alat defaults untuk ini untuk sebuah alasan.

sebuah note pada Bing

ada Tidak 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 tidak ada apa pun WebPageTest-spesifik — dan Core Web Vitals itself tetap primarily sebuah Google construct. (jangan confuse WebPageTest dengan Bing’s own bing.com/tools/speedtest, yang adalah sebuah network speed test, tidak sebuah halaman performa alat.)

Di mana 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 jalankan di bawah hood); PageSpeed Insights menampilkan CrUX data lapangan dan sebuah Lighthouse lab jalankan di satu UI; Chrome UX Report (CrUX) adalah nyata-pengguna field dataset Google sebenarnya peringkat pada. untuk metrics semua dari ini mengukur dan thresholds Google menggunakan, mulai di Core Web Vitals hub. untuk seluruh 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 sumber; dibuat oleh Patrick Meenan di 2008 (sebuah internal AOL alat), acquired oleh Catchpoint di 2020, code di bawah Polyform Shield license.
• setiap hasil adalah satu configured jalankan — sebuah URL, sebuah location, sebuah browser, sebuah connection profile, sebuah moment di time — tidak sebuah universal pengukuran. Comparisons hanya berarti sesuatu ketika Anda record itu settings dan hold them constant.
• Lab, tidak field. ini produces synthetic data lab dan melakukan tidak feed Google’s Core Web Vitals sinyal peringkat — itu’s nyata-pengguna CrUX (seen di PageSpeed Insights dan Search Console). sebuah WebPageTest jalankan tidak establish nyata-pengguna traffic atau sebuah Penelusuran peringkat/halaman-experience outcome either — ini adalah untuk diagnosis, tidak angka Google peringkat pada.
• ** flow:** URL → nyata distributed test location → browser/device → throttled network → multiple repeat berjalan, baca median (tidak pernah sebuah single jalankan — though bahkan median adalah masih sebuah synthetic sample, tidak 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, tidak proof — konfirmasi 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-tukar atau late-image shift di act.
• Tidak sebuah Lighthouse pesaing — Anda dapat jalankan sebuah Lighthouse audit dari di dalam WebPageTest, tetapi ini adalah -nya own distinct, versioned report (own score, own audits), tidak digabungkan ke WebPageTest’s native metrics. lainnya advanced fitur: scripting/ multi-langkah alur (document credentials/state/quotas), ketiga-party domain blocking, sebuah Tidak-code sebelum/setelah perbandingan fitur introduced sekitar 2022 (-nya saat ini name/ availability tidak independently re-confirmed ini lulus), 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, namun Google’s own official CWV alat halaman (web.dev/artikel/vitals-alat) tidak list WebPageTest. itu’s sebuah curation kesenjangan untuk sebuah ketiga-party alat, tidak sebuah sinyal ini adalah deprecated.
• Limitations: dense UI/learning curve, account needed untuk saved/privat tests, ini diagnoses alih-alih remediates, dan single berjalan dapat mislead.

Dokumentasi resmi

Utama-sumber 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 publik test service, including test form, hasil/filmstrip UI, dan API untuk programmatic testing.

Google (di mana ini references WebPageTest — dan di mana ini notably tidak)

• web.dev — cara Think tentang Speed alat — situates WebPageTest sebagai advanced lab-diagnostic option dan notes Anda dapat jalankan Lighthouse di dalam ini.
• web.dev — Audit performa — WebPageTest untuk caching/TTFB/CDN memeriksa.
• web.dev — Core Web Vitals alat — Google’s own CWV alat round-up, yang melakukan tidak mention WebPageTest ( curation-kesenjangan 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

• Tidak 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 sumber

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

Google / web.dev — di mana 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 akan juga periksa static-konten caching, waktu hingga byte pertama, dan jika Anda site membuat effective gunakan dari 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 » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian delapan puluh satu, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

• “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. Sumber
• “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. Sumber
• “The WebPageTest code remains freely accessible under the Polyform Shield license, permitting its use for internal or non-competing commercial projects.” (terjemahan) “ WebPageTest code tetap freely accessible di bawah Polyform Shield license, permitting -nya gunakan untuk internal atau non-competing commercial projects.” — Catchpoint, webpagetest.org/tentang. Sumber

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 berikut options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0,1 secs.” — dari my Ahrefs Core Web Vitals guide. Sumber
• “The exception is WebPageTest, although you can also run Lighthouse tests with it as well.” (terjemahan) “ exception adalah WebPageTest, although Anda dapat juga jalankan Lighthouse tests dengan ini sebagai well.” — me, pada bagaimana WebPageTest differs dari Lighthouse-based alat. Sumber

MobileMoxie — teknis-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 hal like round trip permintaan, asset errors, redirects, caching concerns, security informasi, dan lebih.” — MobileMoxie, pada WebPageTest untuk SEO teknis. Sumber

WebPageTest cheat sheet

Di mana 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 di mana layout jumps (sering sebuah web-font tukar atau sebuah late image/ad).

Fast facts

• Lab, tidak field — melakukan tidak feed Google’s CWV sinyal peringkat (itu’s CrUX).
• Baca median, tidak pernah sebuah single jalankan — performa varies jalankan untuk jalankan.
• Anda dapat jalankan Lighthouse di dalam WebPageTest — ini adalah tidak sebuah either/atau.
• open sumber di bawah Polyform Shield license; self-hosting adalah mungkin.
• Meenan (creator) now berfungsi di Google, namun web.dev/artikel/vitals-alat tidak list WebPageTest — sebuah curation kesenjangan, tidak sebuah deprecation.

sebuah WebPageTest jalankan — checklist

Mendapatkan sebuah trustworthy, berguna hasil alih-alih sebuah misleading satu:

• Test location set near Anda nyata audience (distance perubahan angka).
• Device + connection profile match Anda pengguna (e.g. emulated mobile pada sebuah throttled network), tidak Anda office fiber.
• Multiple repeat berjalan enabled — dan Anda’re reading median, tidak sebuah single jalankan.
• diperiksa waterfall untuk render-blocking resources dan stray redirect hops.
• diperiksa connection view untuk sebuah slow TTFB atau too banyak terpisah connections.
• Ran filmstrip untuk see ketika 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 alur, digunakan scripting alih-alih testing sebuah cold homepage.
• Saved sebuah sebelum/setelah filmstrip jika Anda’re proposing sebuah perbaiki untuk stakeholders.

alat itu pair dengan WebPageTest

• WebPageTest itself (webpagetest.org) — free publik lab alat, plus API dan sebuah paid Pro tier untuk volume/privat tests.
• PageSpeed Insights — fast cara untuk periksa field (CrUX) data WebPageTest dapat’t generate, so Anda know apakah sinyal peringkat sebenarnya 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 ketika Anda tidak perlu distributed locations.
• Google Lighthouse — runnable dari di dalam WebPageTest, atau standalone di DevTools/CLI untuk 0–100 audit.
• CrUX Vis (cruxvis.withgoogle.com) — visualize nyata-pengguna field trend di atas time untuk konfirmasi sebuah WebPageTest-diagnosed perbaiki landed untuk sebenarnya pengguna. (See Chrome UX Report (CrUX).)

WebPageTest mistakes itu buat salah confidence

Treating sebuah lab jalankan sebagai Google’s field verdict

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

Comparing berjalan dengan berbeda test settings

sebuah changed location, connection, browser, cache state, atau angka dari berjalan dapat outweigh code perubahan menjadi tested. Save configuration dan bandingkan 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-utas event rather daripada tuning sebuah grade di isolation.

Judging sebuah perubahan dari satu jalankan

Lab tests vary. Jalankan multiple tests di bawah yang sama profile dan bandingkan representative hasil; investigate outliers alih-alih selecting fastest jalankan.

Testing hanya homepage

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

Prove sebuah performa perubahan di WebPageTest

Controlled sebelum/setelah test

Test untuk jalankan: save satu location/browser/network/cache configuration dan jalankan multiple tests untuk unchanged dan changed versi. Yang diharapkan hasil: targeted metric dan -nya waterfall penyebab meningkatkan di seluruh representative berjalan. Failure interpretation: perubahan adalah ineffective atau test variance exceeds effect. Monitoring window: immediate lab hasil. Rollback trigger: sebuah consistent regression di target atau sebuah berdekatan Core Web Vital.

permintaan-sequencing test

Test untuk jalankan: bandingkan waterfalls setelah mengubah preload, priority, blocking CSS/JS, atau caching. Yang diharapkan hasil: yang dimaksud permintaan dimulai sebelumnya, transfers fewer bytes, atau menghindari network di yang diharapkan cache state. Failure interpretation: hint/configuration melakukan tidak apply atau lainnya dependency controls sequence. Monitoring window: immediate. Rollback trigger: perubahan delays sebuah lebih critical permintaan atau membuat errors.

Visual-correctness test

Test untuk jalankan: inspect filmstrip/video dan layout-shift highlighting untuk yang sama sebelum/setelah profile. Yang diharapkan hasil: lebih cepat rendering melakukan tidak introduce missing konten, flashes, atau baru shifts. Failure interpretation: numeric improvement traded away visual correctness. Monitoring window: setiap representative viewport sebelum rilis. Rollback trigger: rusak konten atau sebuah baru terlihat instability.

Resources worth Anda time

My related writing

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

My speaking

• pengalaman halaman Perbarui — 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 — utama sumber 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 Menyelesaikan 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-jalankan averaging, waterfall/filmstrip/connection views, dan scripting.

Uji pemahaman Anda: WebPageTest

Five quick pertanyaan pada apa WebPageTest adalah, cara baca ini, dan di mana ini fits. Pick sebuah jawaban untuk setiap, lalu periksa.

Log perubahan