Bir sayfanın açılmasını beklerken telefonu bırakıp başka bir uygulamaya geçtiğiniz oldu mu? Ziyaretçileriniz de aynısını yapar. Hız, kullanıcı deneyiminin görünmez ama en önemli parçalarından biridir.
Google hızı nasıl ölçüyor?
Google, sayfa deneyimini Core Web Vitals adı verilen üç ölçümle değerlendirir:
| Ölçüm | Ne demek? | Sade anlamı |
|---|---|---|
| LCP | Largest Contentful Paint | Sayfanın ana içeriği ne kadar sürede göründü? |
| INP | Interaction to Next Paint | Bir şeye dokununca sayfa ne kadar hızlı tepki verdi? |
| CLS | Cumulative Layout Shift | Sayfa yüklenirken içerik zıplıyor mu? |
Bu ölçümleri Google’ın ücretsiz PageSpeed Insights aracıyla kendi sitenizde görebilirsiniz.
Siteleri yavaşlatan en yaygın 6 neden
1. Büyük ve optimize edilmemiş görseller
Telefonla çekilmiş bir fotoğraf birkaç megabayt olabilir. Doğru boyuta küçültülmemiş ve modern formatlara (WebP, AVIF) dönüştürülmemiş görseller en sık rastlanan sorundur.
2. Çok fazla eklenti ve hazır tema yükü
Her eklenti kendi kodunu ve stilini yükler. Kullanılmayan özellikler bile ziyaretçinin telefonuna indirilir.
3. Üçüncü taraf scriptleri
Sohbet balonları, reklam ve takip kodları, sosyal medya gömmeleri… Her biri ayrı bir sunucuya bağlanır ve sayfayı bekletebilir.
4. Zayıf barındırma
Ucuz ve kalabalık bir sunucu, en iyi kodlanmış siteyi bile yavaşlatır.
5. Yazı tipleri
Çok sayıda yazı tipi ağırlığı yüklemek ya da yazı tipi gelene kadar metni gizlemek, sayfanın boş görünmesine neden olur.
6. Boyutu belirtilmemiş içerik
Görsellere genişlik ve yükseklik verilmediğinde, yüklendikçe içerik aşağı kayar. Bu, hem can sıkıcıdır hem de CLS puanını düşürür.
Yagi Hız bir kerelik iş değildir. Siteye her yeni eklenti veya script eklendiğinde bir kez daha ölçmek iyi bir alışkanlıktır.
Bizim yaptıklarımız
Bu sitede de uyguladığımız birkaç prensip:
- Görseller doğru boyutta ve modern formatta, genişlik/yükseklik belirtilmiş olarak eklenir.
- Ağır efektler (örneğin 3D sahneler) yalnızca güçlü cihazlarda ve sayfa boştayken yüklenir.
- Yazı tipleri kendi sunucumuzdan, metni gizlemeden yüklenir.
- Gereksiz takip kodu eklenmez.
- “Hareketi azalt” ayarını açan ziyaretçiler için animasyonlar kapanır.
Hızlı bir kontrol
- PageSpeed Insights’ta sitenizi mobil için ölçün.
- En büyük görsellerinizi bulun ve küçültün.
- Kullanmadığınız eklenti ve scriptleri kaldırın.
Mevcut sitenizin yavaş olduğunu düşünüyorsanız site yenileme için teklif isteyebilirsiniz.
Bitirdiniz! 🎉 Projenizi birkaç dakikada anlatın; kapsamınıza göre net bir teklif hazırlayalım.
Projenizi anlatın