WebPageTest

TL;DR — WebPageTest, sayfanızı gerçek bir tarayıcıda gerçek bir konumda yükleyen ve yüklenirken olan her şeyi tam olarak gösteren ücretsiz bir araçtır — indirdiği her dosya, hangi sırayla ve sayfanın görünmesinin kare kare videosu. PageSpeed Insights bir sayfanın yavaş olduğunu söylediğinde ancak nedenini görmek istediğinizde kullandığınız araçtır. Bu bir Google ürünü değildir ve puanları sıralamanızı etkilemez — bu bir teşhis aracıdır.

WebPageTest nedir

Çoğu hız aracı size bir sayı verir. WebPageTest size bir hikaye verir — sayfanızın nasıl yüklendiğine dair ayrıntılı, adım adım bir resim.

webpagetest.org adresine gidersiniz, bir URL yazarsınız, dünyanın neresinden test edeceğinizi ve hangi cihaz ve bağlantı türünde test edeceğinizi seçersiniz ve başlat’a basarsınız. Gerçek bir makinedeki gerçek bir tarayıcı sayfanızı yükler ve WebPageTest her şeyi kaydeder: getirdiği her görsel, komut dosyası ve yazı tipi, her birinin ne kadar sürdüğü ve bir film şeridi — sayfanın ekranda görünmesinin gerçek kare kare ekran görüntüleri seti.

Ücretsiz ve açık kaynaktır. 2008’de Patrick Meenan adlı bir geliştirici tarafından oluşturuldu ve Catchpoint adlı bir şirket onu 2020’de satın aldı — ancak webpagetest.org’daki ücretsiz genel sürüm hâlâ herkesin kullanımına açık.

Neden PageSpeed Insights yerine bunu kullanırsınız

PageSpeed Insights (Google’ın aracı), bir sayfanın yavaş olduğunu söyleme ve size bir puan verme konusunda harikadır. WebPageTest, nedenini ve nerede olduğunu söyleme konusunda daha iyidir. PSI “oluşturmayı engelleyen kaynakları azaltın” derse, WebPageTest size engelleyen tam dosyayı, hangi saniyede, bir zaman çizelgesi gibi okuyabileceğiniz bir grafikte gösterir.

İnsanların yanlış anladığı diğer şey: WebPageTest puanları bir sıralama faktörü değildir. Google, gerçek ziyaretçilerin sitenizi ne kadar hızlı deneyimlediğine kısmen göre sıralar (buna “saha verisi” denir ve gerçek Chrome kullanıcılarından gelir). WebPageTest bir “laboratuvar” testidir — tek bir makinede kontrollü bir çalıştırma. Sorunları bulmak ve düzeltmek içindir, Google’ın gerçekte gördüğü sayı için değil.

Çoğu insanın başladığı iki görünüm

• Şelale. Sayfanızın yüklediği her dosya için bir satır içeren, geldikleri sıraya göre yığılmış bir grafik. Uzun çubuklar ve başlangıçta yığılmış dosyalar genellikle yavaşlığınızın yaşadığı yerdir.
• Film şeridi. Sayfanın zamanla boyandığını gösteren bir dizi ekran görüntüsü. Ana içeriğinizin göründüğü anı — veya sayfada bir şeyin zıpladığı anı kelimenin tam anlamıyla izleyebilirsiniz.

Tam sürümü istiyor musunuz — bağlantı görünümü, yerleşim kaymasını avlamak için kullandığım kesin tarif, Lighthouse ve CrUX ile nasıl karşılaştırıldığı ve teknik SEO için nasıl kullandığım? Gelişmiş sekmesine geçin.

TL;DR — WebPageTest ücretsiz, açık kaynaklı bir laboratuvar (sentetik) performans aracıdır: bir URL, gerçek bir dağıtılmış test konumu, bir tarayıcı ve bir ağ profili girer, derin teşhis çıkar — şelale (oluşturmayı engelleyen bayraklar, sıralama), film şeridi/video (kare kare, CLS için Vurgulu Yerleşim Kaymaları seçeneğiyle), bağlantı görünümü (DNS/TCP/TLS/TTFB) ve Core Web Vitals kare kare. Patrick Meenan onu 2008’de (dahili bir AOL aracı) oluşturdu; Catchpoint onu 2020’de satın aldı; kod Polyform Shield lisansı altında açık kalır. Doğruluk omurgası: laboratuvar verisi üretir, saha verisi değil, bu nedenle Google’ın CWV sıralama sinyalini beslemez (bu gerçek kullanıcı CrUX’udur). Bu bir teşhis aracıdır, Google’ın gördüğü puan değildir — ve bir Lighthouse rakibi değildir, çünkü içinde Lighthouse çalıştırabilirsiniz. PageSpeed Insights size bir sayfanın yavaş olduğunu ancak nedenini veya yüklemede nerede olduğunu söylemediğinde ona başvurun.

Gerçekte ne olduğu

Her WebPageTest sonucu yapılandırılmış tek bir çalıştırmadır: belirli bir konumdan, belirli bir tarayıcı ve cihazda, belirli bir bağlantı profili üzerinden, belirli bir anda test edilen bir URL. Bu, “sitenizin ne kadar hızlı olduğunun” evrensel bir ölçümü değildir — bu çalıştırmadan elde edilen kanıttır ve bu şekilde okunması gerekir.

Within that framing, WebPageTest is the deep-diagnostic tool in the web-performance toolbox. web.dev, Google’s own developer site, frames it 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.” (web.dev, “How To Think About Speed Tools”)

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”)

Bu kümedeki kardeş araçlar — Google Lighthouse, PageSpeed Insights ve Chrome UX Report (CrUX) — size bir puan veya geçti/kaldı sonucu verirken, WebPageTest size puanın altındaki istek istek, kare kare kanıtı sunar.

Kısa bir tarihçe — ve gerçekten tuhaf bir dipnot

Patrick Meenan, WebPageTest’i 2008’de oluşturdu ve açık kaynak olarak yayınladı; AOL’de dahili bir test aracı olarak hayata başladı. Catchpoint onu 2020’de satın aldı. Hakkında sayfası köken hikayesini doğrudan anlatır: “Catchpoint’s 2020 acquisition of WebPageTest, created and open-sourced by Patrick Meenan in 2008, marked a significant milestone.” (çeviri) «Catchpoint’in 2008’de Patrick Meenan tarafından oluşturulup açık kaynak olarak yayınlanan WebPageTest’i 2020’de satın alması önemli bir dönüm noktası oldu.» Belirtilen misyon orada açıktır: “slow is the new down, and our mission is to empower you to deliver the best experiences to your users.” (çeviri) «yavaş yeni çöküştür ve misyonumuz, kullanıcılarınıza en iyi deneyimleri sunmanızı sağlamaktır.» (webpagetest.org/about)

İşte adlandırmaya değer tuhaf dipnot: Meenan artık Google’da Chrome ve web performansı üzerinde çalışıyor. Yine de Google’ın kendi resmi Core Web Vitals araçları sayfası — web.dev/articles/vitals-tools, Search Central’ın Core Web Vitals belgesinin “Core Web Vitals’ı ölçmenize ve raporlamanıza yardımcı olabilecek farklı araçlar” olarak bağlantı verdiği tam sayfa — WebPageTest’ten bahsetmez. CrUX, PageSpeed Insights, Search Console, Lighthouse, DevTools Performans paneli, web-vitals JS kütüphanesi ve Lighthouse-CI’yi listeler. Artık orada çalışan kişi tarafından oluşturulan araç yok.

Yine de bunu dikkatlice okuyun: WebPageTest’in kullanımdan kaldırıldığı veya onaylanmadığı sinyali değildir. Google, kendi ürün araç listesini düzenler; üçüncü taraf açık kaynaklı bir araç sadece listede yoktur. Diğer web.dev sayfaları (speed-tools, performance-audit-tools) WebPageTest’ten olumlu şekilde bahseder. Bu bir küratörlük boşluğudur, aracın kendisi hakkında bir karar değil.

Laboratuvar ve saha — en önemli ayrım

Bu, tüm konunun doğruluk omurgasıdır ve tüm web performans araçları kümesinde geçen laboratuvar ve saha noktasının kardeşidir.

WebPageTest laboratuvar (sentetik) verisi çalıştırır: sizin yapılandırdığınız bir makinede, seçtiğiniz bir anda kontrollü, tekrarlanabilir bir test. Bu, saha verisinden farklı bir hayvandır — Google Search’ün Core Web Vitals sıralama sinyali için gerçekten kullandığı ve PageSpeed Insights ile Search Console’da görünen gerçek kullanıcı Chrome UX Report (CrUX) ölçümleri.

Yani, açıkça:

• Bir WebPageTest çalıştırması, Google’ın sıralama sinyalini beslemez. Google’ın önemsediği aynı metrikleri (LCP, INP, CLS) ölçer, ancak Google’ın sıraladığı sayı CrUX saha verisinden gelir, herhangi bir laboratuvar çalıştırmasından değil — WebPageTest’ten, PSI’nin laboratuvar bölümünden veya Lighthouse’tan değil.
• WebPageTest teşhis içindir: bir sorunu yeniden üretmek, izole etmek ve hızlı, kontrollü bir döngüde bir düzeltmeyi doğrulamak. Saha verisi (CrUX), gerçek kullanıcıların iyileştirmeyi hissettiğinin yavaş, yetkili doğrulamasıdır — bu sıralama sinyalinin nasıl çalıştığı için Core Web Vitals bölümüne bakın.

Açıkça söylemek gerekirse, bir WebPageTest sonucu, CrUX saha verilerinin, gerçek kullanıcı trafik rakamlarının veya Google Arama sıralaması ya da sayfa deneyimi sonucunun yerini tutamaz ve tutmamalıdır. Bunlar kendi kanıtlarına ihtiyaç duyan ayrı veri kümeleridir; hızlı bir sentetik çalıştırma, bunlardan herhangi birinin değiştiğinin kanıtı değildir.

Bu sayfadan yalnızca bir şey alacaksanız: WebPageTest size neyi düzelteceğinizi söyler; CrUX, Google’ın sıralama sinyalinin hareket edip etmediğini söyler.

Temel bir test nasıl çalıştırılır

Temel akış kasıtlı olarak basittir:

1. URL. Test etmek istediğiniz herkese açık sayfa (herkese açık olarak erişilebilir olmalıdır).
2. Test konumu. WebPageTest, dünya genelinde fiziksel olarak dağıtılmış gerçek makinelerde çalışır — kitlenize yakın birini seçin, çünkü mesafe ve ağ koşulları sonucu değiştirir.
3. Tarayıcı / cihaz. Chrome size en fazla veriyi verir. Mobil cihazları da öykünebilirsiniz.
4. Bağlantı profili. Kısıtlanmış bir ağ (ör. yavaş bir mobil bağlantı), böylece ofis fiberinizi değil, gerçekçi koşulları test edersiniz.
5. Tekrarlanan çalıştırmalar. Bu, yeni başlayanların atladığı adımdır. Performans çalıştırmadan çalıştırmaya değişir (ağ titreşimi, sunucu yükü, CPU çekişmesi), bu nedenle WebPageTest birden çok test çalıştırır ve bir medyan raporlar. Tek bir çalıştırmaya asla güvenmeyin — medyanı okuyun. Yalnızca medyanın hâlâ seçtiğiniz yapılandırmadan alınan sentetik bir örnek olduğunu unutmayın; gerçek ziyaretçilerin deneyimlediğinin nüfus düzeyinde bir ölçümü değil — saha (CrUX) verileri bunun içindir.

Bu ayarların her biri deneyin bir parçasıdır, tesadüfi bir ayrıntı değil. İki testi karşılaştırıyorsanız — bir düzeltmeden önce/sonra veya sitenizi bir rakibinkiyle — karşılaştırma yalnızca ayarları kaydedip sabit tuttuğunuzda anlamlıdır: aynı konum, aynı tarayıcı, aynı bağlantı profili, aynı önbellek durumu (ilk görünüm ve tekrar görünüm) ve kabaca aynı çalıştırma sayısı ve zaman penceresi. Bunlardan herhangi birini çalıştırmalar arasında değiştirirseniz, test yapılandırma kaymasını gerçek bir performans farkıyla kolayca karıştırabilirsiniz.

Sonuçları okuma

Şelale grafiği

Şelale, istek istek bir zaman çizelgesidir: yükleme sırasına göre kaynak başına bir satır, her çubuk DNS/bağlanma/TLS/bekleme/indirme aşamalarını gösterir. İşlemeyi engelleyen kaynakları işaretler, yönlendirme zincirlerini ekstra atlamalar olarak gösterir ve üstteki birkaç kaynağın arkalarındaki her şeyi engellediğini açıkça ortaya koyar. “İşlemeyi engelleyen kaynakları azaltın” ifadesinin bir soyutlama olmaktan çıkıp “şu CSS dosyası, şu saniyede” hâline geldiği yer burasıdır.

Bağlantı görünümü

İstek yerine bağlantıya göre gruplandırılan bu görünüm, ana bilgisayar başına DNS aramasını, TCP bağlantısını, TLS anlaşmasını ve ilk bayta kadar geçen süreyi (TTFB) ortaya çıkarır. Yavaşlığınızın sunucu/ağ tarafında mı (yavaş TTFB, çok fazla ayrı bağlantı) yoksa içerik tarafında mı olduğunu görmenin en hızlı yoludur.

Film şeridi / video görünümü — ve CLS avlama tarifim

Film şeridi, sayfanın zaman içinde boyanmasının ekran görüntülerinden oluşan bir şerittir; video görünümü bunu oynatır. Ana içeriğinizin ne zaman göründüğünü ve sayfadaki bir şeyin ne zaman zıpladığını görmenin — çıkarım yapmadan — yoludur.

This is the WebPageTest feature I lean on most, and I’ve walked through it repeatedly in talks and in my Ahrefs Core Web Vitals guide. For hunting down Cumulative Layout Shift, the exact recipe I use: “In Filmstrip View, use the following options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0.1 secs.” That turns the filmstrip into a high-resolution timeline where a shift is impossible to miss. In the real example from that guide, the culprit was a font swap — “Notice how our font restyles between 5.1 secs and 5.2 secs, shifting the layout as our custom font is applied.” Web fonts, late-loading images, and injected ads are the usual CLS suspects, and the filmstrip catches them visually in the act.

Bir uyarı: şelale grafiğinde bir kaynağın yüklenmesinin, film şeridinin bir sıçrama gösterdiği anla aynı anda bitmesi güçlü bir durumsal kanıttır, kanıt değildir — bu bir hipotezdir. Şüpheliyi izole ederek (o alan adını/isteği engelleyin veya erteleyin) ve aynı yapılandırmayı yeniden çalıştırarak bunu doğrulayın; kayma ortadan kalkarsa, yalnızca iki zaman çizelgesini ilişkilendirmek yerine nedeni doğrulamış olursunuz.

Core Web Vitals, kare kare

WebPageTest, TTFB, FCP ve Speed Index’in yanı sıra LCP, CLS ve (gerçek etkileşimle) INP’yi raporlar — ve her birinin yükleme sırasında nerede gerçekleştiğini yalnızca nihai bir değer yerine görmenizi sağlar. CrUX saha verilerinin mevcut olduğu durumlarda, laboratuvar sonuçlarının yanında gösterilebilir, ancak derin teşhisler laboratuvar çalıştırmasıdır.

Gelişmiş özellikler

• Scripting / multi-step flows. Test pages behind a login, or a cart/checkout flow — script the steps so WebPageTest measures a real journey, not just a cold homepage. Control and write down what the script depends on: the test account/credentials used, what state the account is in, any dynamic content on the page, and your API quota — an undocumented script is as hard to compare run-to-run as an undocumented manual test.
• Domain / request blocking. Block a specific third-party domain and re-run to measure exactly how much that chat widget or ad script is costing you. This is something PSI simply can’t do.
• Lighthouse inside WebPageTest. “WebPageTest vs. Lighthouse” is a false dichotomy — you can run a Lighthouse audit from within WebPageTest. Worth being precise about what that means: the Lighthouse audit is its own distinct, versioned report — its own 0–100 score and its own audit list — generated inside the broader WebPageTest test session, not merged into WebPageTest’s native waterfall/filmstrip metrics. As I put it in the Ahrefs guide, most speed tools use Lighthouse under the hood: “The exception is WebPageTest, although you can also run Lighthouse tests with it as well.” (Ahrefs — Core Web Vitals)
• Opportunities & Experiments. A no-code, before/after HTML-change comparison feature that let you compare two states of a page without touching production — introduced around 2022, per contemporaneous coverage by Detlef Johnson at Search Engine Land (that specific article has since been retired from the site, and I couldn’t independently re-confirm the feature’s current name or availability against a live WebPageTest session during this update pass — worth a fresh check before you build a workflow around it by that name).
• API / automation and private instances. There’s an API for programmatic testing, and because the code is open source, you can stand up your own private instance.

Teknik SEO için WebPageTest kullanımı

Bu, çoğu WebPageTest rehberinin atladığı açıdır ve aracın bir teknik SEO uzmanının setine ait olmasının nedenidir:

• Test as Googlebot. You can set a Googlebot user agent and watch how render-blocking JS behaves — a useful approximation (not a perfect replica) of how Google’s renderer might experience the page. MobileMoxie’s technical-SEO WebPageTest guide frames the SEO value 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.”
• Audit redirect chains. The waterfall exposes every redirect hop, so a bloated redirect chain (each one a round trip) is visible instead of hidden.
• Check caching and CDN effectiveness. Per web.dev above, WebPageTest checks static-content caching, TTFB, and CDN usage — the plumbing that governs how fast bots and users alike get your bytes.
• Diagnose JS-rendering problems. If content only appears after JavaScript runs, the filmstrip and waterfall show you when (and whether) it painted.
• Before/after evidence for stakeholders. A side-by-side filmstrip of the current page versus a proposed fix is a far more persuasive artifact for a client or an eng team than a Lighthouse number that dropped by six points.

Fiyatlandırma ve erişim

webpagetest.org adresindeki ücretsiz genel hizmet, tarihsel olarak ayda yüzlerce test çalıştırması ve günlük limitleri olan ücretsiz bir API anahtarı sunmuştur. Ücretli bir WebPageTest Pro katmanı, daha fazla API hacmi, özel testler ve test kuyruğunda öncelik sağlar. Ve her şey Polyform Shield lisansı altında açık kaynak olduğundan — Catchpoint’in çerçevesi şudur: “WebPageTest kodu, Polyform Shield lisansı altında serbestçe erişilebilir kalır ve dahili veya rekabet etmeyen ticari projelerde kullanımına izin verir” (webpagetest.org/about) — ayrıca özel bir örnek barındırabilirsiniz.

Dürüst sınırlamalar

• Öğrenme eğrisi. Arayüz yoğundur; bir şelale, kullanışlı olmadan önce göz korkutucudur.
• Kaydedilmiş/özel sonuçlar için hesap gerekir. Sıradan tek seferlik testler açıktır, ancak kaydetme ve özel testler bir hesap ister.
• Teşhis eder, iyileştirmez. WebPageTest sorunu size ayrıntılı olarak gösterir; bazı puanlama araçlarının yapmaya çalıştığı gibi düzeltme sırasında size yol göstermez.
• Tek çalıştırma değişkenliği. Tek bir çalıştırma yanıltıcı olabilir. Birden çok çalıştırma kullanın ve medyanı okuyun — araç bunu bir nedenden dolayı varsayılan olarak yapar.

Bing hakkında bir not

WebPageTest’i bir sıralama girdisi veya birinci taraf önerisi olarak konumlandıran Bing veya Microsoft belgeleri yoktur. Bing Webmaster Tools’un kendi Site Scan ve hızla ilgili önerileri vardır, ancak WebPageTest’e özgü hiçbir şey yoktur — ve Core Web Vitals’ın kendisi öncelikle bir Google yapısı olmaya devam etmektedir. (WebPageTest’i Bing’in kendi bing.com/tools/speedtest aracıyla karıştırmayın; bu bir ağ hız testidir, sayfa performans aracı değildir.)

Bu nerede duruyor

This is the deep-diagnostic member of the web performance tools cluster. Its siblings each own a different job: Google Lighthouse is the lab audit that produces the 0–100 score (and that many other tools run under the hood); PageSpeed Insights shows CrUX field data and a Lighthouse lab run in one UI; the Chrome UX Report (CrUX) is the real-user field dataset Google actually ranks on. For the metrics all of these measure and the thresholds Google uses, start at the Core Web Vitals hub. For the whole pipeline these tools sit within, see the web performance cluster.

AI özeti

Gelişmiş sürümün yoğunlaştırılmış bir değerlendirmesi:

• WebPageTest = derin teşhis amaçlı, laboratuvar tabanlı performans aracı. Ücretsiz ve açık kaynak; 2008’de Patrick Meenan tarafından oluşturuldu (dahili bir AOL aracı), 2020’de Catchpoint tarafından satın alındı, kod Polyform Shield lisansı altında.
• Her sonuç yapılandırılmış tek bir çalıştırmadır — bir URL, bir konum, bir tarayıcı, bir bağlantı profili, bir an — evrensel bir ölçüm değil. Karşılaştırmalar yalnızca bu ayarları kaydettiğinizde ve sabit tuttuğunuzda anlamlıdır.
• Laboratuvar, saha değil. Sentetik laboratuvar verileri üretir ve Google’ın Core Web Vitals sıralama sinyalini beslemez — bu gerçek kullanıcı CrUX’udur (PageSpeed Insights ve Search Console’da görülür). Bir WebPageTest çalıştırması gerçek kullanıcı trafiği veya bir Arama sıralaması/sayfa deneyimi sonucu oluşturmaz — Google’ın sıraladığı sayı için değil, teşhis içindir.
• Akış: URL → gerçek dağıtılmış test konumu → tarayıcı/cihaz → kısıtlanmış ağ → birden çok tekrarlanan çalıştırma, medyanı okuyun (asla tek bir çalıştırma değil — medyan bile hâlâ sentetik bir örneklemdir, saha verisi değil).
• Öne çıkan görünümler: su şelalesi (istek istek, işlemeyi engelleyen bayraklar, yönlendirme zincirleri), film şeridi/video (kare kare; CLS için bir Highlight Layout Shifts seçeneği), bağlantı görünümü (DNS/TCP/TLS/TTFB) ve Core Web Vitals kare kare. Bir su şelalesi olayını bir film şeridi karesiyle hizalamak güçlü bir hipotezdir, kanıt değil — kaynağı izole edip yeniden test ederek doğrulayın.
• CLS tarifi: Film Şeridi Görünümü → Highlight Layout Shifts açık, Thumbnail Size Huge, Thumbnail Interval 0,1s — bir yazı tipi değişimi veya geç görüntü kaymasını yakalamanın yolu.
• Bir Lighthouse rakibi değil — WebPageTest içinden bir Lighthouse denetimi çalıştırabilirsiniz, ancak bu kendi ayrı, sürümlü raporudur (kendi puanı, kendi denetimleri), WebPageTest’in yerel metrikleriyle birleştirilmez. Diğer gelişmiş özellikler: komut dosyası/çok adımlı akışlar (kimlik bilgilerini/durumu/kotaları belgeleyin), üçüncü taraf alan engelleme, yaklaşık 2022’de tanıtılan kod gerektirmeyen öncesi/sonrası karşılaştırma özelliği (mevcut adı/kullanılabilirliği bu geçişte bağımsız olarak yeniden doğrulanmadı), bir API ve kendi kendine barındırma.
• SEO kullanımları: Googlebot olarak test edin, yönlendirme zincirlerini denetleyin, önbellekleme/CDN/TTFB’yi kontrol edin, JS işlemeyi teşhis edin ve paydaşlar için öncesi/sonrası kanıt üretin.
• Garip dipnot: Meenan artık Google’da çalışıyor, ancak Google’ın kendi resmi CWV araçları sayfası (web.dev/articles/vitals-tools) WebPageTest’i listelemiyor. Bu, üçüncü taraf bir araç için bir küratörlük boşluğudur, kullanımdan kaldırıldığına dair bir sinyal değildir.
• Sınırlamalar: yoğun arayüz/öğrenme eğrisi, kayıtlı/özel testler için hesap gerekir, iyileştirmek yerine teşhis eder ve tek çalıştırmalar yanıltıcı olabilir.

Resmi dokümantasyon

Birincil kaynak dokümantasyonu (Google’ın WebPageTest’ten bahsetmeleri, WebPageTest’in kendi dokümanları ve Bing hakkında bir not).

WebPageTest / Catchpoint

• WebPageTest — Hakkında — Meenan/Catchpoint köken hikâyesi, misyon beyanı ve Polyform Shield lisansı.
• WebPageTest — test formu, sonuçlar/film şeridi arayüzü ve programatik test için API dahil ücretsiz genel test hizmeti.

Google (WebPageTest’e atıfta bulunduğu yerler — ve özellikle bulunmadığı yerler)

• web.dev — Hız Araçları Hakkında Nasıl Düşünülür — WebPageTest’i gelişmiş laboratuvar teşhis seçeneği olarak konumlandırır ve içinde Lighthouse çalıştırabileceğinizi not eder.
• web.dev — Performansı denetle — önbellekleme/TTFB/CDN kontrolleri için WebPageTest.
• web.dev — Core Web Vitals araçları — Google’ın kendi CWV araçları özeti, WebPageTest’ten bahsetmez (küratörlük boşluğu dipnotu).
• Google Search Central — Core Web Vitals — üçüncü taraf bir laboratuvar aracı adlandırmak yerine araç önerileri için web.dev’e bağlantı verir.

Bing / Microsoft

• Bing/Microsoft belgelerinde WebPageTest’in bir sıralama girdisi veya birinci taraf önerisi olarak geçtiğine dair hiçbir referans yoktur. Bing Webmaster Tools’un kendi Site Scan aracı, en yakın birinci taraf benzeridir. Genel rehberlik için Bing Webmaster yönergelerine bakın.

Kaynaktan alıntılar

WebPageTest hakkında kayıtlara geçmiş ifadeler. Bir bağlantı #:~:text= çapası içeriyorsa, kaynak sayfadaki alıntılanan pasaja atlar.

Google / web.dev — WebPageTest’in yeri

• “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.” (çeviri) «WebPageTest, gelişmiş bir metrik ve izleme görüntüleyici paketi içerir. Gerçek mobil donanımda ağ koşullarıyla sitenizin performansına derinlemesine dalmanızı sağlar.» — web.dev, “How To Think About Speed Tools.” Alıntıya git
• “WebPagetest will also check static-content caching, time to first byte, and if your site makes effective use of CDNs.” (çeviri) «WebPagetest ayrıca statik içerik önbelleğini, ilk bayta kadar geçen süreyi ve sitenizin CDN’leri etkili bir şekilde kullanıp kullanmadığını da kontrol eder.» — web.dev, “Audit performance.” Alıntıya git

WebPageTest / Catchpoint — tarihçe, misyon, lisans

• “Catchpoint’s 2020 acquisition of WebPageTest, created and open-sourced by Patrick Meenan in 2008, marked a significant milestone.” (çeviri) «Catchpoint’in 2008’de Patrick Meenan tarafından oluşturulup açık kaynak olarak yayınlanan WebPageTest’i 2020’de satın alması önemli bir dönüm noktası oldu.» — webpagetest.org/about. Kaynak
• “slow is the new down, and our mission is to empower you to deliver the best experiences to your users.” (çeviri) «yavaşlık yeni kesinti, ve misyonumuz size kullanıcılarınıza en iyi deneyimleri sunma gücü vermektir.» — webpagetest.org/about. Kaynak
• “The WebPageTest code remains freely accessible under the Polyform Shield license, permitting its use for internal or non-competing commercial projects.” (çeviri) «WebPageTest kodu, Polyform Shield lisansı altında serbestçe erişilebilir durumda kalır ve dahili veya rekabet etmeyen ticari projelerde kullanılmasına izin verir.» — Catchpoint, webpagetest.org/about. Kaynak

Patrick Stox (ben) / Ahrefs — CLS film şeridi tekniği

• “In Filmstrip View, use the following options: Highlight Layout Shifts, Thumbnail Size: Huge, Thumbnail Interval: 0.1 secs.” (çeviri) «Film Şeridi Görünümünde şu seçenekleri kullanın: Yerleşim Kaymalarını Vurgula, Küçük Resim Boyutu: Dev, Küçük Resim Aralığı: 0,1 sn.» — Ahrefs Core Web Vitals rehberimden. Kaynak
• “The exception is WebPageTest, although you can also run Lighthouse tests with it as well.” (çeviri) «İstisna WebPageTest’tir, ancak onunla Lighthouse testleri de çalıştırabilirsiniz.» — WebPageTest’in Lighthouse tabanlı araçlardan nasıl farklılaştığı hakkında, benden. Kaynak

MobileMoxie — teknik SEO açısı

• “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.” (çeviri) «Araç, sayfalarınızın sağlığı hakkında ayrıntılı bilgi sağlar ve gidiş-dönüş istekleri, varlık hataları, yönlendirmeler, önbellek sorunları, güvenlik bilgileri ve daha fazlası gibi şeyleri analiz etmeye yardımcı olur.» — MobileMoxie, teknik SEO için WebPageTest hakkında. Kaynak

WebPageTest hile sayfası

Diğer araçlara kıyasla yeri

Görünümler

| Görünüm | Ne gösterir | Ne zaman kullanılır | | --- | --- | --- | --- | | Su şelalesi | İstek bazında zaman çizelgesi, işlemeyi engelleyen bayraklar, yönlendirme atlamaları | “Neden yavaş? Ne engelliyor?” | | Bağlantı görünümü | Ana bilgisayar başına DNS / TCP / TLS / TTFB | Yavaşlık sunucu/ağ tarafı gibi görünüyor | | Film şeridi / video | Kare kare boyama; Yerleşim Kaymalarını Vurgula seçeneği | LCP zamanlaması ve CLS avı | | Core Web Vitals | Kare kare LCP / INP / CLS | Bir metriği yükleme anına bağlama |

CLS avı tarifi (benimki)

• Film Şeridi Görünümü → Yerleşim Kaymalarını Vurgula açık → Küçük Resim Boyutu: Dev → Küçük Resim Aralığı: 0,1 sn. Yerleşimin sıçradığı kareyi izleyin (genellikle bir web yazı tipi değişimi veya geç bir görsel/reklam).

Hızlı bilgiler

• Laboratuvar, alan değil — Google’ın CWV sıralama sinyalini beslemez (bu CrUX’tur).
• Medyanı okuyun, asla tek bir çalıştırmayı değil — performans çalıştırmadan çalıştırmaya değişir.
• WebPageTest içinde Lighthouse çalıştırabilirsiniz — bu bir ya/ya da değildir.
• Polyform Shield lisansı altında açık kaynak; kendi kendine barındırma mümkündür.
• Meenan (yaratıcı) artık Google’da çalışıyor, ancak web.dev/articles/vitals-tools WebPageTest’i listelemiyor — bu bir küratörlük boşluğu, kullanımdan kaldırma değil.

Bir WebPageTest çalıştırması — kontrol listesi

Yanıltıcı bir sonuç yerine güvenilir, kullanışlı bir sonuç alın:

• Test konumu gerçek kitlenize yakın ayarlayın (mesafe sayıları değiştirir).
• Cihaz + bağlantı profili kullanıcılarınızla eşleşsin (ör. kısıtlı ağda öykünülmüş mobil), ofis fiberinizle değil.
• Birden çok tekrarlanan çalıştırma etkin — ve medyanı okuyorsunuz, tek bir çalıştırmayı değil.
• İşlemeyi engelleyen kaynaklar ve başıboş yönlendirme atlamaları için su şelalesini kontrol ettiniz.
• Yavaş bir TTFB veya çok fazla ayrı bağlantı için bağlantı görünümünü kontrol ettiniz.
• Ana içeriğin ne zaman boyandığını görmek için film şeridini çalıştırdınız — ve CLS için, 0,1 sn aralıklarla Yerleşim Kaymalarını Vurgula özelliğini etkinleştirdiniz, Dev küçük resimler.
• Sonucu laboratuvar verisi olarak ele aldığınızı doğruladınız — gerçek sıralama sinyalini CrUX (PageSpeed Insights / Search Console) ile çapraz kontrol ettiniz.
• Şüpheli bir üçüncü taraf için, gerçek maliyetini ölçmek üzere alan/istek engelleme kullandınız.
• Giriş/ödeme akışları için, soğuk bir ana sayfayı test etmek yerine komut dosyası oluşturma kullandınız.
• Paydaşlara bir düzeltme öneriyorsanız bir önceki/sonraki film şeridi kaydettiniz.

WebPageTest ile birlikte çalışan araçlar

• WebPageTest’in kendisi (webpagetest.org) — ücretsiz genel laboratuvar aracı, ayrıca API ve hacimli/özel testler için ücretli Pro katmanı.
• PageSpeed Insights — WebPageTest’in üretemeyeceği alan (CrUX) verilerini kontrol etmenin hızlı yolu, böylece sıralama sinyalinin gerçekten hareket edip etmediğini bilirsiniz.
• Google Search Console — Core Web Vitals raporu — sitede ölçekte başarısız olan sayfa gruplarını bulun, ardından teşhis için temsili bir URL’yi WebPageTest’e götürün.
• Chrome DevTools Performance paneli — dağıtılmış konumlara ihtiyaç duymadığınızda laboratuvar profili çıkarma için yerel, oturum dostu yardımcı.
• Google Lighthouse — WebPageTest içinden çalıştırılabilir veya 0–100 denetimi için DevTools/CLI’de bağımsız olarak çalıştırılabilir.
• CrUX Vis (cruxvis.withgoogle.com) — WebPageTest ile teşhis edilen bir düzeltmenin gerçek kullanıcılar için uygulanıp uygulanmadığını doğrulamak için gerçek kullanıcı alan eğilimini zaman içinde görselleştirin. (Bkz. Chrome UX Report (CrUX).)

Yanlış güven yaratan WebPageTest hataları

Bir laboratuvar çalışmasını Google’ın saha kararı olarak ele almak

WebPageTest, seçtiğiniz cihaz, konum, tarayıcı ve ağ profilinden elde edilen sentetik verilerdir. Nedenleri teşhis etmek için kullanın; gerçek kullanıcıları ve Google’ın CWV değerlendirmesini tanımlamak için CrUX veya birinci taraf RUM kullanın.

Farklı test ayarlarıyla çalıştırmaları karşılaştırmak

Değişen bir konum, bağlantı, tarayıcı, önbellek durumu veya çalıştırma sayısı, test edilen kod değişikliğinden daha ağır basabilir. Yapılandırmayı kaydedin ve benzeri benzerle karşılaştırın.

Su şelalesi yerine başlık puanını optimize etmek

WebPageTest’in değeri istek sıralaması, bağlantı kurulumu, film şeritleri ve metrik zamanlamasıdır. Yavaş metriği somut bir isteğe veya ana iş parçacığı olayına kadar izleyin; bir notu izole bir şekilde ayarlamak yerine.

Bir değişikliği tek bir çalıştırmadan değerlendirmek

Laboratuvar testleri değişiklik gösterir. Aynı profil altında birden fazla test çalıştırın ve temsili sonuçları karşılaştırın; en hızlı çalıştırmayı seçmek yerine aykırı değerleri araştırın.

Yalnızca ana sayfayı test etmek

Farklı şablonların farklı LCP öğeleri, komut dosyaları, üçüncü taraflar ve önbellek davranışları vardır. Kullanıcıların ve saha verilerinin gerçek sorunu gösterdiği sayfaları dahil edin.

WebPageTest’te bir performans değişikliğini kanıtlayın

Kontrollü önce/sonra testi

Çalıştırılacak test: bir konum/tarayıcı/ağ/önbellek yapılandırması kaydedin ve değiştirilmemiş ve değiştirilmiş sürümler için birden fazla test çalıştırın. Beklenen sonuç: hedeflenen metrik ve su şelalesi nedeni, temsili çalıştırmalarda iyileşir. Başarısızlık yorumu: değişiklik etkisizdir veya test varyansı etkiyi aşıyor. İzleme penceresi: anında laboratuvar sonucu. Geri alma tetikleyicisi: hedefte veya bitişik bir Core Web Vital’da tutarlı bir gerileme.

İstek sıralama testi

Çalıştırılacak test: önceden yükleme, öncelik, engelleyen CSS/JS veya önbelleğe almayı değiştirdikten sonra su şelalelerini karşılaştırın. Beklenen sonuç: amaçlanan istek daha erken başlar, daha az bayt aktarır veya beklenen önbellek durumunda ağdan kaçınır. Başarısızlık yorumu: ipucu/yapılandırma uygulanmadı veya başka bir bağımlılık sırayı kontrol ediyor. İzleme penceresi: anında. Geri alma tetikleyicisi: değişiklik daha kritik bir isteği geciktirir veya hatalar oluşturur.

Görsel doğruluk testi

Çalıştırılacak test: aynı önce/sonra profili için film şeridi/video ve düzen kayması vurgulamasını inceleyin. Beklenen sonuç: daha hızlı işleme, eksik içerik, flaşlar veya yeni kaymalar getirmez. Başarısızlık yorumu: sayısal iyileşme görsel doğruluğu feda etti. İzleme penceresi: sürümden önce her temsili görünüm alanı. Geri alma tetikleyicisi: bozuk içerik veya yeni görünür bir dengesizlik.

Zaman ayırmaya değer kaynaklar

İlgili yazılarım

• Core Web Vitals: Kapsamlı Bir Rehber (Ahrefs) — Kümülatif Düzen Kaymasını teşhis etmek için WebPageTest Film Şeridi tarifimi, WebPageTest-vs-Lighthouse çerçevesini ve WebPageTest’in ölçtüğü metrikleri sıralama tarafının nasıl çalıştığıyla birlikte içerir. (Bu sayfa, daha önceki “PageSpeed Insights Gelişmiş Rehberi” yazımı emdi ve şimdi buraya yönlendiriyor.)
• Teknik SEO Başlangıç Rehberi (Ahrefs) — web performansının daha büyük resimde nerede durduğu.

Konuşmalarım

• Page Experience Güncellemesi — TMC, Haziran 2021 (SlideShare) — aynı WebPageTest Film Şeridi/CLS tekniğini konuşma biçiminde kapsar.
• Teknik SEO’da Hızlandırılmış Kurs — Beer & SEO Buluşması, Mayıs 2019 (SlideShare) — WebPageTest’i 2019’da teknik SEO araç setinin bir parçası olarak ele alır.

Sektörden

• WebPageTest — Hakkında — tarih, misyon ve Polyform Shield lisansı için birincil kaynak.
• Hız Araçları Hakkında Nasıl Düşünülür (web.dev) — Google’ın WebPageTest’i laboratuvar test araçları arasında kendi konumlandırması.
• Performans denetimi (web.dev) — önbelleğe alma, TTFB ve CDN kontrolleri için WebPageTest.
• Teknik SEO’yu Değerlendirmek için WebPageTest Nasıl Kurulur (MobileMoxie) — mevcut en yakın SEO açılı kurulum kılavuzu (Googlebot UA, yönlendirmeler, önbelleğe alma, varlık hataları).
• WebPageTest Kullanımına İlişkin Kapsamlı Bir Kılavuz (Kinsta) — en kapsamlı genel açıklayıcı (tarih, kurulum, sonuçları yorumlama, fiyatlandırma).
• WebPageTest: Web Performans Testi Kılavuzu (DebugBear) — satıcı yazımı, ancak çoklu çalıştırma ortalaması, şelale/film şeridi/bağlantı görünümleri ve komut dosyası oluşturma konusunda iyi bir döküm.

Kendinizi test edin: WebPageTest

WebPageTest’in ne olduğu, nasıl okunacağı ve nereye uyduğu hakkında beş hızlı soru. Her biri için bir yanıt seçin, ardından kontrol edin.

Değişiklik günlüğü