Ana içeriğe geç

LoviTek / Performans

Web sitesi neden yavaş açılır? Önce ölçün, sonra düzeltin

Büyük görseller, gereksiz JavaScript ve yerleşim kaymaları neden önemlidir? Core Web Vitals'a ölçüme dayalı bir giriş.

Bir site yavaş açıldığında suçu doğrudan sunucuya atmak kolaydır. Oysa sorun ilk ekrandaki çok büyük fotoğraf, yüklenirken bekleten yazı tipi veya hiç kullanılmayan yazılım parçaları olabilir.

Bir masaüstü bilgisayarda sorunsuz görünen sayfa, orta sınıf bir telefonda çok daha farklı hissedilebilir. Bu nedenle çözüm rastgele optimizasyon yapmak değil, önce nerede zaman kaybedildiğini öğrenmektir.

01

Üç ölçüm: LCP, INP ve CLS

Largest Contentful Paint (LCP) ana içeriğin büyük bölümünün ne zaman göründüğüyle ilişkilidir. Interaction to Next Paint (INP) kullanıcı etkileşimlerine verilen yanıtı, Cumulative Layout Shift (CLS) ise sayfadaki beklenmeyen kaymaları değerlendirir.

Google'ın web.dev rehberindeki yaygın iyi deneyim eşikleri LCP için en fazla 2,5 saniye, INP için en fazla 200 milisaniye ve CLS için en fazla 0,1'dir. Bu değerleri mobil ve masaüstünde gerçek kullanıcı koşullarıyla birlikte okumak gerekir.

02

Büyük görsel, küçük ekranda büyük maliyet

Portföyde kullanılan yüksek çözünürlüklü bir fotoğrafı her cihaza orijinal boyutuyla göndermek gereksiz veri tüketimine yol açabilir. Doğru boyutlandırma, uygun dosya biçimi ve ekran dışında kalan görsellerin ertelenmesi bu yükü azaltabilir.

Bunun tersine, ziyaretçinin ilk gördüğü ana görseli gereksiz yere geç yüklemek de sorundur. Hangi öğeye öncelik verileceği sayfanın gerçek düzenine göre belirlenmelidir.

03

Görünmeyen kod da yüklenir

Animasyon kütüphaneleri, izleme araçları, sohbet pencereleri ve başka sitelerden çağrılan öğeler tarayıcıya ek iş çıkarabilir. Bunların her biri için şu soruyu sorun: Kullanıcıya ne fayda sağlıyor ve ne zaman gerçekten gerekli?

Kullanılmayan bileşenleri kaldırmak, bazı durumlarda karmaşık optimizasyonlar yapmaktan daha iyi başlangıçtır. Ancak bir işlevi hız uğruna bozmak da doğru sonuç sayılmaz.

04

Sıçrayan öğeler güveni ve kontrolü etkiler

Bir görsel yüklendiğinde sayfa boyunun değişmesi veya sonradan görünen bir reklamın butonu aşağı itmesi, kullanıcının yanlış yere dokunmasına neden olabilir. Görseller için alan ayırmak ve yerleşimi baştan planlamak bu tür kaymaları azaltır.

Yazı tiplerinin geç yüklenmesi de metnin yer değiştirmesine yol açabilir. Performans, yalnızca ilk açılış süresi değil; sayfanın kararlı görünmesidir.

05

Raporu yorumlamak ve yeniden test etmek

PageSpeed Insights ve tarayıcı araçları önemli ipuçları verir. Ancak bir laboratuvar puanı tüm ziyaretçilerin aynı deneyimi yaşadığı anlamına gelmez; ağ, cihaz ve sayfaya giriş koşulları sonuçları etkiler.

Önce en çok ziyaret edilen veya teklif akışına bağlanan sayfaları iyileştirin. Her değişiklik sonrasında tekrar ölçün ve mutlaka gerçek cihazda menülerin, görsellerin ve formun hâlâ çalıştığını doğrulayın.

Kısa sonuç

Sitenizin hızını bir puan yarışına çevirmeyin. İlk görünen içerik, etkileşime verilen yanıt ve yerleşim kararlılığı üzerinden öncelik verin.

Teknik kaynaklar

Teknik bilgiler için başvurabileceğiniz resmî dokümanlar: