Webflow tasarımcıları için Sayfa Hızı & Boyut Testi

Webflow tasarımcıları neden buna ihtiyaç duyar?

Webflow'da bir etkileşim, bir Lottie dosyası ve birkaç büyük görsel eklediniz; tasarım editörde harika görünüyor. Peki yayına aldığınızda sunucu ilk baytı ne zaman gönderiyor, HTML kaç KB? Webflow SEO listelerinin çoğu başlık ve meta alanlarına odaklanır, hız tarafı ise genellikle son dakikaya kalır. Üstüne webflow.io hazırlık alan adı dizine girerse aynı sayfanın iki kopyası ortaya çıkabilir; robots.txt ile engellemek de Google'da zaten bulunan sayfaları kaldırmaz. Schema için elle JSON-LD eklemeniz ve alttaki koda erişimin sınırlı olması da teslim öncesi kontrol listenizi uzatır. Sayfa Hızı & Boyut Testi bu listenin ölçülebilir bir satırını doldurur: URL'yi yapıştırırsınız, araç SeoMods sunucusundan tek bir gerçek HTTP isteği gönderir ve TTFB, toplam HTML indirme süresi, HTML ağırlığı, sıkıştırma ve önbellek başlıklarını gösterir. Tarayıcı açmaz, JavaScript çalıştırmaz, görselleri indirmez; yani Lottie ve görsel ağırlığını değil, HTML tarafını görürsünüz. Müşteriye 'site hızlı' demeden önce elinizde en azından HTML tarafı için gerçek bir sayı olsun; aynı URL'yi birkaç kez ölçüp sonuçları yan yana koymanız da önerilir.

Webflow tasarımcıları için rehber

İlk ölçülecek URL'ler

Önce özel alan adınızdaki ana sayfayı, ardından en kalabalık CMS şablonunuzu ölçün; örneğin https://siteniz.com/blog/ornek-yazi gibi bir koleksiyon öğesi sayfası. Site settings içindeki Publishing bölümünde alan adının yayında olduğunu doğrulayın, URL'yi kutuya yapıştırın ve aynı sayfayı iki üç kez çalıştırın; önbellek durumuna göre ilk istek farklı çıkabilir. Hazırlık adresi olan webflow.io de ölçülebilir, ama müşteriye göstereceğiniz sayıyı özel alan adından alın. Bilmeniz gereken sınır şu: istek SeoMods sunucusundan gider ve yalnızca HTML belgesini indirir. Lottie dosyanızın, arka plan videonuzun ya da hero görselinin kaç MB olduğunu bu ölçüm göstermez; ziyaretçinizin telefonundaki deneyimi de temsil etmez. Koleksiyon sayfası ile statik bir sayfayı yan yana ölçmek, yavaşlığın şablondan mı yoksa genel kurulumdan mı geldiğini anlamanın en ucuz yoludur.

Sonucu okuma sırası

Timing Breakdown bölümünde Time to First Byte satırıyla başlayın: 200 ms altı iyi, 600 ms altı uyarı, üstü kötü sayılır. Sonra Total load time ile Page size (HTML) satırlarına bakın; ikincisi sayfanın tamamını değil yalnızca HTML ağırlığını verir. Satır adları ve Fast Time to First Byte, Compression enabled gibi kontrol adları raporda İngilizce görünür; yalnızca rapor çerçevesi (Genel Puan, Başarısız Kontroller gibi) Türkçedir. Resource Breakdown'daki External scripts, Stylesheets ve Images sayıları HTML'den sayılır; Render-blocking değeri 25'i aşarsa ilgili kontrol başarısız olur. Webflow'a eklediğiniz özel kod, çerez bildirimi ya da sohbet widget'ı bu sayıları şişirebilir. Hangi widget'ın ya da etkileşimin neden olduğunu araç söylemez; ağır bir sayfayla hafif bir sayfayı karşılaştırarak daraltın. Yeşil bir sonuç Core Web Vitals'ın geçtiğini kanıtlamaz, çünkü LCP, INP ve CLS bu raporda yoktur.

Webflow'da düzeltme sırası

TTFB yüksekse ve alan adınızın önünde ayrı bir proxy ya da CDN katmanı varsa onun önbellek ayarına bakın; Page cache satırında cf-cache-status gibi bir başlık görmek bir katmanın yanıt verdiğini gösterir. HTML ağırlığı ya da Images sayısı yüksekse Navigator panelinden tekrarlayan bölümleri, gereksiz iç içe div'leri ve koleksiyon listesindeki öğe sayısını gözden geçirin. Görselleri gösterildikleri boyuta yakın yükleyin ve ekranın altındaki görsellerde yükleme ayarının Lazy olduğundan emin olun; bu adımlar ziyaretçiye yarar ama raporda yalnızca Images sayısı azalırsa görünür, çünkü araç görsel dosyalarını indirmez. Interactions ve Lottie yükünü azaltmak HTML ağırlığını değiştirmez; bu yüzden etkisini tarayıcı geliştirici araçlarıyla ayrıca doğrulamanız gerekir. Bu arada Site settings içindeki SEO sekmesinde webflow.io alt alan adının dizinlenmesini kapatan seçeneği açıp siteyi yeniden yayınlayın. Rakamlar her çalıştırmada oynuyorsa üç ölçümün ortasına bakın.

Örnek senaryolar

Sık yapılan hatalar

• HTML ağırlığını sayfa ağırlığı sanmak. Araç yalnızca HTML belgesini indirir; görseller, Lottie dosyaları ve videolar Page size (HTML) satırına girmez. Düşük bir rakam, sayfanın hafif olduğu anlamına gelmez.
• Tek ölçümle karar vermek. Önbellek durumu ve ağ yüzünden tek bir çalıştırma yanıltıcı olabilir. Aynı URL'yi birkaç kez ölçüp rakamların yönüne bakın.
• Robots.txt ile webflow.io'yu temizlediğini sanmak. Robots.txt taramayı kısıtlar, dizinden kaldırmaz; Google'da zaten bulunan hazırlık sayfaları orada kalabilir. Alt alan adı dizinlemesini SEO ayarlarından kapatıp yeniden yayınlayın.
• Yalnızca ana sayfayı ölçmek. CMS şablonları genellikle ana sayfadan çok daha ağırdır. En az bir koleksiyon öğesi sayfasını ve bir liste sayfasını da ölçün.
• Skoru Core Web Vitals sonucu saymak. Rapor LCP, INP ve CLS vermez; sunucu yanıtı ve HTML tarafını gösterir. Müşteri teslimi için gerçek kullanıcı verisine ayrıca bakmak gerekir.

Sık sorulan sorular

Webflow SEO için iyi mi, hız bunda ne kadar belirleyici?

Webflow başlık, meta açıklama ve canonical gibi alanları panelden yönetmenize izin verir; ancak schema için yerleşik bir özellik yoktur ve alttaki koda erişim sınırlıdır. Hız ise sitenin nasıl kurulduğuna bağlıdır: ağır etkileşimler ve büyük görseller her platformda yavaşlatır. Aracı birkaç kez çalıştırıp Time to First Byte, Page size (HTML) ve Compression satırlarına bakmak, 'iyi mi' sorusuna kendi siteniz için somut bir yanıt verir. Sıralama vaadi içermez, yalnızca ölçüm sunar.

Webflow'da webflow.io alt alan adının dizinlenmesini nasıl kapatırım?

Site settings içindeki SEO sekmesinde alt alan adı dizinlemesini kapatan bir seçenek bulunur; ayarı değiştirdikten sonra siteyi yeniden yayınlamanız gerekir. Robots.txt ile engellemek yalnızca taramayı kısıtlar, Google'da zaten bulunan sayfaları kaldırmaz. Hız aracı dizinleme durumunu göstermez; yalnızca o adresin yanıt süresini ve HTML boyutunu ölçer. Dizinde kalan adresler için Search Console'daki URL denetimi ve kaldırma araçlarına bakın.

Webflow sitem için iyi bir TTFB kaç ms olmalı?

Araç 200 ms altını iyi, 600 ms altını uyarı, üstünü kötü olarak işaretler; İngilizce adıyla Fast Time to First Byte kontrolü 600 ms altında geçer. Tek bir ölçüme bakmayın, aynı URL'yi birkaç kez çalıştırın. Yüksek değer alırsanız önce alan adınızın önünde proxy ya da yönlendirme zinciri olup olmadığını kontrol edin. Bu rakam SeoMods sunucusundan alınır, ziyaretçinizin konumundaki süreyi birebir yansıtmaz.

Lottie ve etkileşimlerim sayfamı yavaşlatıyor mu, bu araç gösterir mi?

Doğrudan göstermez. Araç yalnızca HTML belgesini indirir, JavaScript çalıştırmaz ve animasyon dosyalarını ya da görselleri indirmez. Yine de Resource Breakdown bölümünde External scripts ve Render-blocking sayılarının yüksek olması ağır bir kurulumu düşündürebilir. Lottie dosyasının boyutunu görmek için tarayıcı geliştirici araçlarının ağ sekmesini kullanın; ağır ve hafif bir sayfayı karşılaştırmak da nedeni daraltır.

Webflow CMS sayfalarımda hangi URL'leri ölçmeliyim?

Ana sayfanın yanında en çok içeriği olan koleksiyon liste sayfasını ve bir koleksiyon öğesi sayfasını ölçün, örneğin https://siteniz.com/blog ve https://siteniz.com/blog/ornek-yazi. Liste sayfası genellikle HTML ağırlığında öne çıkar. Rakamları not edip tasarım değişikliğinden sonra yeniden ölçün. Araç tek URL ölçer, binlerce sayfayı taramaz; büyük siteler için ayrıca site taraması gerekir. Bu sayede hangi şablonun yavaşladığını net görürsünüz.

Kaynak: webflow.io hazırlık alan adının dizine girerse kopya içerik yaratabileceği ve robots.txt'nin dizinlemeyi değil taramayı yönettiği Branded Agency'nin Webflow SEO rehberi içinde anlatılıyor.