Web Sitesi Hızı Nasıl Artırılır? Uygulanabilir Yöntemler

Yavaş açılan bir site ziyaretçi kaybettirir. Ölçümden görsel optimizasyonuna, önbellekten CDN ve sunucu ayarlarına kadar sitenizi hızlandırmanın uygulanabilir yöntemlerini sıraladık.

İçindekiler
  1. Önce ölçün: Hangi sayfa, hangi sorun?
  2. Site hızı nasıl artırılır? Önce görsellerden başlayın
  3. Önbellek: Aynı işi tekrar tekrar yapmayın
  4. Kod tarafı: CSS, JavaScript ve yazı tipleri
  5. Sunucu ve altyapı
  6. WordPress sitelerde ek kontroller
  7. Öncelik sırası: Nereden başlamalı?
  8. Sık sorulan sorular
  9. Sonuç

Telefonunuzdan kendi sitenizi açtığınızda sayfanın belirmesini beklerken parmaklarınızı ekranda tıklatıyorsanız, ziyaretçileriniz de aynı sabırsızlığı yaşıyor demektir. Üstelik onların çoğu beklemek yerine geri tuşuna basıp rakibinizin sitesine geçiyor. Site hızı nasıl artırılır sorusunun tek bir sihirli cevabı yok; hız, görsellerden sunucuya, kod yapısından üçüncü taraf betiklere kadar pek çok parçanın toplamıdır. Bu yazıda önce nasıl ölçeceğinizi, ardından hangi adımlarla iyileştirebileceğinizi öncelik sırasına göre anlatıyorum.

Önce ölçün: Hangi sayfa, hangi sorun?

Ölçmeden yapılan optimizasyon, karanlıkta ok atmaya benzer. İşe başlamadan önce sitenizin mevcut durumunu tespit edin ve en çok ziyaret alan sayfalara odaklanın: ana sayfa, ürün veya hizmet sayfaları, iletişim sayfası.

  • PageSpeed Insights: Google’ın ücretsiz aracı hem laboratuvar testini hem de gerçek kullanıcı verisini (varsa) gösterir.
  • Search Console Core Web Vitals raporu: Sitenizdeki sorunlu URL gruplarını gerçek ziyaretçi verisine dayanarak listeler.
  • Tarayıcı geliştirici araçları: Ağ sekmesinde hangi dosyanın ne kadar sürede yüklendiğini görebilirsiniz.

Google’ın kullanıcı deneyimi ölçütlerine göre iyi bir sayfada en büyük içerik öğesi (LCP) 2,5 saniye içinde yüklenmeli, etkileşim gecikmesi (INP) 200 milisaniyenin altında kalmalı ve görsel kayma (CLS) 0,1’i aşmamalıdır. Bu ölçütlerin ne anlama geldiğini ayrıntılı olarak Core Web Vitals rehberinde anlattım.

Site hızı nasıl artırılır? Önce görsellerden başlayın

Çoğu sitede sayfa ağırlığının büyük kısmını görseller oluşturur ve en hızlı kazanım genellikle buradan gelir.

  1. Doğru boyut: 400 piksel genişliğinde gösterilecek bir görsel için 4000 piksellik dosya yüklemeyin. Görseli gösterileceği boyuta yakın ölçüde kaydedin.
  2. Modern format: WebP veya AVIF formatları, aynı görsel kaliteyi JPEG ve PNG’ye göre genellikle daha küçük dosya boyutuyla sunar.
  3. Tembel yükleme: Ekranın altında kalan görsellerin, kullanıcı oraya kaydırdığında yüklenmesini sağlayın. Ancak ilk ekrandaki ana görseli (çoğu zaman LCP öğesi) tembel yüklemeye dâhil etmeyin; aksi hâlde LCP süresi uzar.
  4. Boyut bildirimi: Görsellere genişlik ve yükseklik değeri verin; böylece tarayıcı yer ayırır ve sayfa yüklenirken içerik kaymaz.

Önbellek: Aynı işi tekrar tekrar yapmayın

Dinamik bir site, özellikle WordPress, her ziyarette sayfayı veritabanından yeniden oluşturur. Önbellek, oluşturulmuş sayfanın hazır bir kopyasını saklayarak bu yükü ortadan kaldırır.

Önbellek türleri

Tür Ne yapar?
Sayfa önbelleği Oluşturulan HTML’i saklar, sonraki ziyaretçilere doğrudan sunar
Tarayıcı önbelleği CSS, JS ve görselleri ziyaretçinin cihazında tutar
Nesne önbelleği Sık kullanılan veritabanı sorgularının sonuçlarını bellekte saklar
CDN önbelleği Statik dosyaları ziyaretçiye yakın sunuculardan dağıtır

Sunucunuz LiteSpeed kullanıyorsa sunucu seviyesinde çalışan önbellek eklentisi ciddi kazanç sağlayabilir; ancak yanlış ayarlar formların veya sepetin bozulmasına yol açabilir. Güvenli bir yapılandırma için LiteSpeed Cache ayarları yazısına göz atabilirsiniz.

Kod tarafı: CSS, JavaScript ve yazı tipleri

Tarayıcı, sayfayı çizmeden önce bazı CSS ve JavaScript dosyalarını indirip işlemek zorundadır. Bu dosyalar ne kadar büyük ve fazlaysa, ziyaretçi o kadar uzun süre boş ekrana bakar.

  • Kullanılmayan kodu temizleyin: Bir slider eklentisi yalnızca ana sayfada kullanılıyorsa, dosyalarının her sayfada yüklenmesine gerek yoktur.
  • JavaScript’i erteleyin: Kritik olmayan betiklere defer veya async özelliği vererek sayfanın çizilmesini engellemelerini önleyin.
  • Dosyaları küçültün: Boşlukları ve yorumları kaldıran sıkıştırma (minify) dosya boyutunu azaltır.
  • Yazı tiplerini akıllıca yükleyin: Yalnızca kullandığınız ağırlıkları yükleyin, font-display: swap ile metnin yazı tipi gelmeden görünmesini sağlayın.

Üçüncü taraf betikler

Canlı destek araçları, sosyal medya gömmeleri, reklam ve analiz kodları sitenizin kontrolünüz dışındaki sunuculardan dosya yükler. Her biri tek başına küçük görünse de toplamda ciddi gecikme yaratabilir. Sitenizdeki her üçüncü taraf kodunu gözden geçirin ve gerçekten kullanılmayanları kaldırın.

Sunucu ve altyapı

Bütün optimizasyonları yapsanız bile yavaş bir sunucu, ilk baytın gelişini geciktirerek tüm süreci yavaşlatır. Sunucu yanıt süresi yüksekse aşağıdaki noktaları kontrol edin:

  • PHP sürümünüz güncel ve desteklenen bir sürüm mü?
  • Sunucu HTTP/2 veya HTTP/3 destekliyor mu?
  • Paylaşımlı hostingte kaynaklarınız yetersiz kalıyor mu?
  • Sunucu, ziyaretçilerinizin çoğunluğuna coğrafi olarak yakın mı?

Altyapı değişikliği gerektiğinde doğru sunucu türünü seçmek önemlidir; bu konuyu hosting seçimi rehberinde ele aldım. Örnek vermek gerekirse, Palmiye Ahşap Dekorasyon projesinde teknik SEO çalışmasının yanında hız optimizasyonu, CDN kullanımı ve sunucu taşıma adımlarını birlikte ele aldık.

WordPress sitelerde ek kontroller

WordPress esnek bir altyapıdır ama bu esneklik, zamanla biriken eklentiler ve şişen veritabanıyla yavaşlığa dönüşebilir. Eklenti sayısından çok, eklentilerin ne yaptığı önemlidir: tek bir kötü yazılmış eklenti, on iyi eklentiden daha fazla yük getirebilir.

Ağır sayfa düzenleyicilerle hazırlanmış temalar, gereksiz revizyonlar, süresi dolmuş geçici veriler ve otomatik yüklenen seçenekler de hızı etkiler. WordPress’e özgü yavaşlık nedenlerini ve çözümlerini WordPress siteniz yavaşsa başlıklı yazıda ayrıntılı biçimde anlattım.

Öncelik sırası: Nereden başlamalı?

Site hızı nasıl artırılır diye araştırırken onlarca öneriyle karşılaşmak kafa karıştırabilir. Her şeyi aynı anda yapmaya çalışmak yerine etkisi yüksek, riski düşük adımlarla başlayın. Genel bir yol haritası şöyle olabilir:

  1. Ölçüm yapın ve en çok ziyaret alan sayfaları belirleyin.
  2. Görselleri boyutlandırın ve modern formata çevirin.
  3. Sayfa önbelleğini etkinleştirin ve test edin.
  4. Gereksiz eklenti ve üçüncü taraf betikleri kaldırın.
  5. CSS ve JavaScript yüklemesini optimize edin.
  6. Gerekirse sunucu veya CDN tarafında iyileştirme yapın.

Her adımdan sonra yeniden ölçüm yapmak, hangi değişikliğin gerçekten fark yarattığını görmenizi sağlar.

Sık sorulan sorular

Site hızı nasıl artırılır, en hızlı etki veren adım hangisi?

Çoğu sitede en hızlı kazanım görsel optimizasyonundan ve sayfa önbelleğinin etkinleştirilmesinden gelir. Yine de doğru adım sitenin mevcut durumuna bağlıdır; bu yüzden işe ölçümle başlamak gerekir.

PageSpeed puanı 100 olmak zorunda mı?

Hayır. Puan bir laboratuvar göstergesidir; asıl önemli olan gerçek kullanıcıların deneyimidir. LCP, INP ve CLS değerlerinin iyi eşiklerde olması, puanın tam olmasından daha anlamlıdır.

Hız optimizasyonu siteyi bozabilir mi?

Yanlış yapılandırılmış önbellek veya agresif JavaScript erteleme, formların, menülerin ya da sepetin çalışmamasına yol açabilir. Her değişiklikten sonra sitenin kritik işlevlerini test etmek ve yedek almak bu riski azaltır.

CDN her site için gerekli mi?

Ziyaretçileriniz geniş bir coğrafyaya dağılmışsa veya siteniz çok sayıda görsel barındırıyorsa CDN belirgin fayda sağlar. Yalnızca tek bir şehre hizmet veren küçük bir sitede ise iyi yapılandırılmış bir sunucu çoğu zaman yeterlidir.

Sonuç

Hızlı bir site; ölçümle başlayan, görsel, önbellek, kod ve sunucu katmanlarını sırayla ele alan sabırlı bir çalışmanın sonucudur. Sitenizin hız durumunu birlikte değerlendirmek isterseniz bana ulaşabilirsiniz.