Web sitesi hızı neden önemli? Kendi sitemizi PageSpeed'de 72'den 99'a nasıl çıkardık

Web sitenizin hızı yalnızca teknik bir ayrıntı değil: ziyaretçi sayfanın açılmasını beklerken sabrını kaybedebilir, Google da hızı kalite sinyallerinden biri olarak değerlendirir. Biz kendi sitemizin (246software.com) mobil PageSpeed skorunu 72'den 99'a, ana görselin görünme süresini 8,0 saniyeden 1,7 saniyeye düşürdük. Bu yazıda hızın neden önemli olduğunu, bizim sitemizde neyin fark yarattığını ve kendi sitenizde nelere bakmanız gerektiğini sade bir dille anlatıyoruz. Hız tek başına sıralamayı garanti etmez; ama iyi bir sitenin temel şartlarından biri.

Web sitesi hızı neden önemli?

• Ziyaretçi sabrı: Telefonda yavaş açılan sayfayı çoğu kişi beklemez. Müşteri adayı formu doldurmadan çıkar.
• Google'ın değerlendirmesi: Sayfa deneyimi, yani Core Web Vitals, sıralamada dikkate alınan sinyallerden biri. Diğer her şey eşitken hızlı site avantaj sağlar.
• Reklam ve müşteri kazanımı: Reklamla getirdiğiniz tıklama yavaş bir sayfada boşa gider.

Core Web Vitals nedir?

Google'ın bir sayfanın kullanım deneyimini ölçtüğü üç ölçü:

• Ana içerik ne zaman görünüyor? (LCP) Sayfadaki en büyük öğenin, çoğunlukla ana görselin, ekranda belirme süresi. 2,5 saniyenin altı iyi sayılır.
• Sayfa zıplıyor mu? (CLS) Yüklenirken öğelerin kayması ve yanlış yere tıklatması.
• Dokununca hızlı tepki veriyor mu? (INP) Düğmeye ya da menüye dokunduğunuzda sayfanın ne kadar çabuk karşılık verdiği.

Bu skorları ücretsiz ölçebilirsiniz: PageSpeed Insights (pagespeed.web.dev) ve Google Search Console'daki Core Web Vitals raporu.

Bizim başlangıç noktamız

Siteyi yayına aldığımızda mobil skorumuz 72, ana görselin görünme süresi 8,0 saniyeydi. Sorun, sitenin çalışmasında değil, sayfaların gereğinden ağır olmasındaydı.

Neyi düzelttik?

1. Ağır görselleri hafiflettik. En büyük kazancı buradan sağladık. Ana sayfadaki iki büyük arka plan görseli birlikte yaklaşık 972 KB'tı; daha hafif bir formata (WebP) çevirip telefon ve bilgisayar için ayrı boyutlarda hazırladık, toplamı yaklaşık 20 KB'a indirdik.

2. Ekranda ilk görünene öncelik verdik. Sayfa açıldığında ilk gözüne çarpan görsel hemen yüklensin, aşağıda kalanlar sonra yüklensin diye sıralamayı düzelttik.

3. Her cihaza uygun boyutu gönderdik. Telefon, masaüstü için hazırlanmış büyük bir görseli indirmesin diye görselleri farklı boyutlarda hazırladık.

4. Her ziyaretçinin ihtiyacı olmayan şeyi erteledik. İletişim formunun arkasındaki güvenlik doğrulaması ağır bir bileşen. Artık yalnızca ziyaretçi forma dokunduğunda yükleniyor; sayfayı gezip çıkan kişi onu hiç indirmiyor.

5. Gereksiz ek bileşenleri azalttık. Sayfaya dışarıdan eklenen, işe yaramayan küçük parçaları kapattık ve tekrar eden dosyaların önbelleğe alınmasını sağladık; sonraki ziyaretlerde sayfa çok daha hızlı açılıyor.

Her değişiklikten sonra yeniden ölçüp hangisinin ne kadar fark yarattığına baktık.

Sonuç

Mobil PageSpeed skorumuz 99, bilgisayar 100; erişilebilirlik, en iyi uygulamalar ve SEO skorlarımız da 100. Sayfa kayması ölçtüğümüz sayfalarda sıfır.

Siteniz için kontrol listesi

Teknik ekibinize ya da size site yapan firmaya şunları sorabilirsiniz:

1. PageSpeed Insights'ta mobil skorunuz kaç? 2. Ana sayfanın en büyük görseli kaç KB, hafif formatta mı? 3. Ekranda ilk görünen görsel öncelikli mi yükleniyor? 4. Telefon kullanıcısına küçük, bilgisayar kullanıcısına büyük görsel gidiyor mu? 5. Sohbet, harita, doğrulama gibi dışarıdan eklenen bileşenler sayfayı yavaşlatıyor mu? 6. Sayfa açılırken içerik yerinden zıplıyor mu? 7. Değişikliklerden sonra ve en az üç ayda bir yeniden ölçülüyor mu?

Sık sorulan sorular

İyi bir PageSpeed skoru kaç olmalı?

Mobilde 90 ve üzeri iyi kabul edilir. Daha da önemlisi, gerçek ziyaretçi verisinden gelen Core Web Vitals değerlerinin "iyi" görünmesi.

Hız sıralamayı doğrudan yükseltir mi?

Tek başına garanti etmez; ama sayfa deneyimi sıralamada dikkate alınır ve yavaş sayfa ziyaretçiyi kaybettirir. Hız, içerik ve teknik SEO ile birlikte etkili olur.

Hazır tema ya da WordPress sitem neden yavaş?

Genellikle gereksiz eklentiler, büyük görseller ve ağır bileşenler yüzünden. Çoğu zaman görselleri hafifletmek ve gereksizleri kaldırmak ciddi fark yaratır.

Hızı kendim düzeltebilir miyim?

Görselleri küçültmek ve gereksiz eklentileri kaldırmak çoğu zaman mümkün. Sunucu ve kod düzeyindeki iyileştirmeler için teknik destek gerekir.

Sonuç

Site hızı; görselleri hafifletmek, önce görünene öncelik vermek ve gereksizi ertelemek gibi somut adımlarla iyileşiyor. Biz bunları kendi sitemizde uygulayıp ölçtük. Kurumsal web sitesi hizmetimizde siteleri baştan hızlı, telefona uyumlu ve arama motorlarına hazır kuruyoruz. Sitenizde nelere ihtiyaç duyulduğunu bizimle paylaşın. Yeni bir site planlıyorsanız web sitesi yaptırmak istiyorum: nereden başlamalı? yazımız da işinize yarayacaktır.