WordPress Haber Sitesi Hızlandırma: Core Web Vitals İçin 12 Adım

Haber siteleri hız açısından en zorlu WordPress siteleridir. Ana sayfada onlarca görsel, sürekli değişen içerik, birden fazla reklam alanı, canlı skor ya da döviz şeritleri, sosyal medya gömmeleri ve anlık trafik artışları aynı anda yönetilmek zorundadır. Bu yazıda WordPress haber sitesi hızlandırma için Core Web Vitals metriklerine odaklanan 12 uygulanabilir adımı anlatıyoruz. Hızı yapısında düşünülmüş bir haber teması için TiboNews ve özellikle spor haber teması demosunu inceleyebilirsiniz.

Önce metrikleri doğru anlayın

Core Web Vitals üç ana metrikten oluşur:

• LCP (Largest Contentful Paint): Sayfadaki en büyük öğenin, haber sitelerinde çoğunlukla manşet görselinin, ne kadar sürede göründüğü. 2,5 saniyenin altı iyi kabul edilir.
• INP (Interaction to Next Paint): Kullanıcının tıklama ya da dokunmasına sayfanın ne kadar hızlı tepki verdiği. 200 milisaniyenin altı iyi kabul edilir.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriğin ne kadar kaydığı. 0,1’in altı iyi kabul edilir. Haber sitelerinde en sık bozulan metrik budur.

Metriklerin ayrıntılı açıklaması için Core Web Vitals rehberine bakabilirsiniz. Ölçüm için PageSpeed Insights ve Search Console’daki Core Web Vitals raporunu kullanın; laboratuvar sonucu ile gerçek kullanıcı verisi farklı olabilir, karar verirken gerçek kullanıcı verisine öncelik verin.

1. Hafif bir tema ile başlayın

Hızın büyük kısmı temada belirlenir. Ağır sayfa oluşturucularla, jQuery bağımlılığıyla ve onlarca script dosyasıyla gelen bir tema, sonradan eklenen hiçbir önbellek eklentisiyle tam olarak düzelmez. Tema seçerken kaynak koduna ve yüklenen dosya sayısına bakın. TiboNews jQuery kullanmaz, emoji ve oEmbed betiklerini kapatır, küçültülmüş CSS ve SVG logo kullanır. Tema seçimiyle ilgili diğer kriterler için haber teması seçim rehberine göz atabilirsiniz.

2. Sayfa önbelleği kurun

Her ziyarette PHP ve veritabanının sayfayı baştan üretmesi, özellikle trafik zirvelerinde sunucuyu kilitler. Sayfa önbelleği, hazır HTML’i doğrudan sunar. Haber sitelerinde önbellek süresini kısa tutmak ve yeni haber yayınlandığında ana sayfa ile ilgili kategori sayfalarının önbelleğini temizlemek önemlidir. TiboNews ana sayfa ve footer için kendi HTML önbelleğini kullanır; tam sayfa önbelleği için TiboSpeed eklentisi bulutsuz, sunucu tarafında çalışır.

3. Manşet görselini önceliklendirin

Haber sitesinde LCP öğesi neredeyse her zaman manşet görselidir. Bu görsel tembel yükleme (lazy load) ile ertelenmemeli, aksine yüksek öncelikle yüklenmelidir. Manşet slider’ındaki ilk görsel hariç diğer görseller lazy load ile yüklenebilir. Görselin boyutu ekran genişliğine uygun olmalı; mobilde 1920 piksellik görsel indirmek gereksizdir.

4. Görselleri WebP ya da AVIF formatına çevirin

Haber sitesinin toplam sayfa ağırlığının büyük kısmı görsellerdir. Yükleme sırasında görselleri modern formatlara dönüştürmek, uygun boyutlarda kesmek ve srcset ile cihaza göre doğru boyutu sunmak hem LCP’yi hem de mobil veri tüketimini iyileştirir. Editörlerin telefondan çektikleri dev görselleri olduğu gibi yüklemesini engelleyecek bir otomatik boyutlandırma kurgusu da kurun.

5. Reklam alanlarının yüksekliğini önceden ayırın

Haber sitelerinde CLS’nin bir numaralı sebebi reklamlardır. Reklam kodu geç yüklenir, yüklendiğinde de altındaki içeriği aşağı iter. Çözüm, her reklam alanı için yüksekliği önceden ayırmaktır. TiboNews’te 20 reklam alanının yüksekliği önceden ayrılır; reklam yüklendiğinde sayfa zıplamaz. Masaüstü ve mobil için ayrı reklam kodu tanımlanabilir. Reklam geliri ile hız arasındaki dengeyi haber sitesinde reklam geliri ve CLS yazısında ayrıntılı anlattık.

6. Fontların sayfayı bekletmesine izin vermeyin

Web fontları yüklenene kadar metin görünmüyorsa hem LCP hem de algılanan hız kötüleşir. font-display: swap kullanmak, yalnızca gerçekten kullanılan ağırlıkları yüklemek ve font sayısını iki aileyle sınırlamak iyi bir başlangıçtır. TiboNews yazı tiplerini sayfanın açılmasını engellemeyecek biçimde yükler ve hazır başlık-metin font çiftleri sunar.

7. Canlı verileri sayfa açılışından ayırın

Spor ve ekonomi siteleri canlı skor, puan durumu, döviz ve borsa verisi gösterir. Bu veriler her sayfa açılışında dış bir API’den çekilirse hem sayfa yavaşlar hem de API sınırlarına takılırsınız. Doğru yöntem, verileri arka planda periyodik olarak güncelleyip yerel olarak saklamak ve sayfada bu kopyayı göstermektir. TiboNews’te canlı veriler 15 dakikada bir arka planda yenilenir; sayfa açılışında dışarıya istek atılmaz. Spor demosunda puan durumu, fikstür ve skorları, ekonomi demosunda döviz, altın, BIST ve kripto şeritlerini bu yöntemle görebilirsiniz.

8. Gömülü içerikleri tıklanınca yükleyin

YouTube videoları, X gönderileri ve Instagram gömmeleri her biri kendi script’lerini yükler. Bir haberin içinde üç gömme olduğunda sayfa yüzlerce kilobayt ek JavaScript taşır. Bu gömmeleri önce bir önizleme görseliyle gösterip kullanıcı tıklayınca yüklemek, INP ve toplam yükleme süresini belirgin biçimde iyileştirir.

9. Üçüncü taraf script’leri denetleyin

Analiz, reklam, ısı haritası, bildirim, yorum ve sohbet araçları zamanla birikir. Her biri ana iş parçacığını meşgul ederek INP’yi kötüleştirir. Yılda en az iki kez tüm script’leri listeleyin, kullanılmayanları kaldırın, gerekli olanları defer ya da async ile yükleyin. Çerez onayı gereken script’ler zaten onaydan önce yüklenmemelidir; bu hem KVKK hem hız açısından faydalıdır.

10. Veritabanını düzenli temizleyin

Haber sitelerinde binlerce yazı revizyonu, süresi dolmuş geçici veri (transient), spam yorum ve kullanılmayan eklenti tabloları birikir. Revizyon sayısını sınırlayın, geçici verileri düzenli temizleyin ve büyük tabloları optimize edin. Düzenli bakım adımları için WordPress bakım kontrol listesine bakabilirsiniz.

11. Sunucu ve PHP sürümünü güncel tutun

PHP 8.1 ve üstü, eski sürümlere göre belirgin performans avantajı sağlar. OPcache’in açık olduğundan, nesne önbelleği (Redis ya da Memcached) kullanıldığından ve HTTP/2 ya da HTTP/3 desteklendiğinden emin olun. Haber sitelerinde ani trafik artışları sık yaşandığı için paylaşımlı hosting yerine kaynakları garanti edilen bir sunucu genellikle daha sağlıklıdır. Statik dosyalar için CDN kullanmak da uzak bölgelerden gelen okur için faydalıdır.

12. Mobil deneyimi ayrıca test edin

Haber trafiğinin büyük bölümü mobilden gelir ve Google mobil sürümü esas alır. Masaüstünde iyi görünen bir sayfa mobilde ağır olabilir. Mobilde gereksiz bileşenleri gizlemek yerine hiç yüklememek, yapışkan öğeleri hafif tutmak ve alt barın içeriği kaydırmamasını sağlamak önemlidir. TiboNews’in mobil alt barı aşağı kaydırınca çekilir, yukarı çıkınca geri gelir; header yapışkan kalır.

Özet tablo

Hız iyileştirmesi sıralamada bir garanti değildir; ancak okurun sayfada kalmasını, daha fazla haber okumasını ve reklam gösterimlerinin artmasını doğrudan etkiler.

Sık sorulan sorular

Haber sitesinde CLS neden bu kadar sık bozulur?

En yaygın sebep geç yüklenen reklamlardır. Reklam alanının yüksekliği önceden ayrılmadığında reklam yüklenince içerik aşağı kayar. Görsellerde boyut belirtilmemesi ve geç yüklenen fontlar da CLS’yi bozar.

Önbellek eklentisi haber sitesinde yeni haberleri geciktirir mi?

Doğru kurgulanırsa hayır. Yeni haber yayınlandığında ana sayfa ve ilgili kategori önbelleğinin temizlenmesi ve önbellek süresinin kısa tutulması yeterlidir.

Canlı skor ve döviz verileri siteyi yavaşlatır mı?

Her sayfa açılışında dış API’ye istek atılıyorsa yavaşlatır. TiboNews bu verileri 15 dakikada bir arka planda yeniler ve sayfa açılışında dışarıya istek atmaz.

Hızlı site Google’da üst sıralara çıkar mı?

Hız sıralama sinyallerinden biridir ama tek başına sıralama garantisi vermez. İçerik kalitesi ve otorite belirleyicidir; hız ise okur deneyimini ve sayfada kalma süresini doğrudan iyileştirir.

AdSense kullanırken Core Web Vitals iyi olabilir mi?

Evet. Reklam alanlarının yüksekliğini önceden ayırmak, reklam sayısını makul tutmak ve mobil için ayrı kod kullanmak dengeyi kurmanın yollarıdır.

TiboNews’i satın almadan test edebilir miyim?

Deneme sürümü yoktur ve lisans yalnız canlı alan adında çalışır. Spor, ekonomi ve diğer canlı demolarda hızı ve tüm özellikleri satın almadan inceleyebilirsiniz.

Bu 12 adımın önemli bir kısmı temanın yapısıyla ilgilidir. Hız düşünülerek tasarlanmış bir haber altyapısıyla başlamak için TiboNews sayfasını, canlı veri yoğun bir örnek için spor haber temasını inceleyin.