Hızlı bir web sitesi lüks bir özellik değildir. Kaç kişinin kaldığını, kaçının dönüşüm yaptığını ve arama motorlarının sayfalarınıza nasıl davrandığını değiştirir. Ama "hız" yukarı çevirdiğiniz tek bir düğme değildir — tasarım ve geliştirme sırasında verilen birçok kararın toplamıdır.
"Hızlı" gerçekte ne demek
Kullanıcılar sunucu yanıt sürenizi deneyimlemez; sayfayı deneyimler. Google'ın Core Web Vitals'ı bu deneyimi üç ölçümle yakalamaya çalışır:
- Largest Contentful Paint (LCP) — ana içeriğin görünmesi ne kadar sürüyor. Hedef 2,5 saniyenin altı.
- Interaction to Next Paint (INP) — birisi dokunduğunda veya tıkladığında sayfa ne kadar hızlı yanıt veriyor. Hedef 200 milisaniyenin altı.
- Cumulative Layout Shift (CLS) — yüklenirken düzen ne kadar zıplıyor. Hedef 0,1'in altı.
Bunlar saha metrikleridir: hızlı bir dizüstünde yapılan laboratuvar testini değil, gerçek cihaz ve ağlardaki gerçek ziyaretçileri yansıtır.
Süre genellikle nereye gidiyor
Görseller ve video
Optimize edilmemiş medya, yavaş sayfaların en yaygın nedenidir. Çözümler iyi bilinir: modern formatlar sunun, görselleri gerçekte gösterildikleri boyuta göre ayarlayın, düzen kaymasını önlemek için açık genişlik ve yükseklik belirtin ve ekranın altındaki her şeyi geç yükleyin. Otomatik oynatılan arka plan videosu ilk render'ı asla engellememelidir.
Render'ı engelleyen kaynaklar
Head içindeki her stil dosyası ve senkron script sayfayı geciktirir. Kritik CSS hızlı yüklenmeli; gerisi ertelenebilir. Üçüncü taraf scriptler — sohbet widget'ları, analitik, etiket yöneticileri, reklam pikselleri — genellikle bir sitenin en ağır ve en kontrolsüz kısmıdır.
Yazı tipleri
Web yazı tipleri, indirilirken metni saniyelerce gizleyebilir. font-display: swap kullanmak, gerçekten kullandığınız birkaç ağırlığı önceden yüklemek ve yazı tipi dosyalarının sayısını sınırlamak metni anında görünür tutar.
Çok fazla JavaScript
Basit içerik siteleri için kullanılan ağır ön yüz framework'leri genellikle geri verdiğinden fazlasına mal olur. En hızlı sayfalar en az kodu gönderir.
Büyüme için neden önemli
Yavaş sayfalar ziyaretçileri tek kelime okumadan kaybeder. Ayrıca ödeme yaptığınız her pazarlama kanalını zayıflatır, çünkü satın aldığınız trafik onu hayal kırıklığına uğratan bir sayfaya iner. Core Web Vitals bir sıralama sinyali olduğundan, yavaş bir site organik tavanınızı sessizce sınırlar.
Biz nasıl yaklaşıyoruz
Performansı sonda yapılan bir temizlik işi değil, bir tasarım kısıtı olarak ele alıyoruz. Bu, sayfa ağırlığını erkenden bütçelemek, işi yapan en hafif aracı seçmek ve gerçek mobil koşullarda test etmek demek. Bunu yayına aldığımız projelerde görebilirsiniz ve geliştirdiğimiz her web sitesinin bir parçasıdır.
Kısacası
Hız kısıtlamadan gelir: daha az, daha hafif dosyalar; ertelenmiş zorunlu olmayanlar; ve hareket etmeyen bir düzen. Mevcut siteniz ağır hissettiriyorsa, URL'yi bize gönderin; sürenin nereye gittiğini söyleyelim.