Site hızını artırmak için yapabileceğiniz on şey
Yavaş açılan sayfa ziyaretçiyi ve sıralamayı kaybettirir. Görsellerden önbelleğe, yazı tiplerinden veritabanına kadar etkisi yüksek on iyileştirme.
Bu yazıda 13 başlık
- Önce ölçün
- 1. Görselleri küçültün ve WEBP kullanın
- 2. Görselleri geç yükleyin
- 3. Görsellere boyut verin
- 4. PHP sürümünü güncelleyin ve OPcache'i açın
- 5. Sayfa ve sorgu önbelleği kullanın
- 6. Veritabanı indekslerini kontrol edin
- 7. Yazı tiplerini kendi sunucunuzdan sunun
- 8. Gereksiz betikleri kaldırın
- 9. Sıkıştırmayı ve tarayıcı önbelleğini açın
- 10. HTTP/2 ve doğru sunucu konumu
- Yavaş mobil bağlantıyı da düşünün
- Sonuçları yeniden ölçün
Ziyaretçinin sabrı kısa: sayfa birkaç saniye içinde açılmazsa geri dönüp başka bir siteye geçer. Arama motorları da sayfa deneyimini sıralamada dikkate alır. İyi haber şu ki sitenizi hızlandırmak için çoğu zaman yazılımı baştan yazmanız gerekmez. Aşağıdaki on adım, etkisi en yüksek olandan başlayarak sıralandı.
Önce ölçün
İyileştirmeye başlamadan önce mevcut durumu ölçün. Google'ın PageSpeed Insights aracı, Core Web Vitals adı verilen üç ölçüt üzerinden sayfanızı değerlendirir:
- LCP (Largest Contentful Paint): Sayfadaki en büyük içeriğin ne kadar sürede göründüğü. 2,5 saniyenin altı iyi kabul edilir.
- INP (Interaction to Next Paint): Tıklama ve dokunmalara sayfanın ne kadar hızlı tepki verdiği. 200 milisaniyenin altı hedeflenir.
- CLS (Cumulative Layout Shift): Sayfa yüklenirken öğelerin ne kadar kaydığı. 0,1'in altı iyidir.
1. Görselleri küçültün ve WEBP kullanın
Çoğu sitede sayfa ağırlığının büyük kısmı görsellerdir. Görselleri gösterildikleri boyuttan büyük yüklemeyin ve WEBP ya da AVIF gibi modern biçimlere dönüştürün. Aynı kalitede JPEG'e göre belirgin şekilde daha küçük dosyalar elde edersiniz.
2. Görselleri geç yükleyin
Sayfanın alt kısmındaki görsellerin ilk açılışta indirilmesine gerek yok. Görsel etiketlerine loading="lazy" eklemek, ziyaretçi o bölüme gelene kadar indirmeyi erteler. Sayfanın en üstündeki ana görseli ise geç yüklemeyin; LCP'yi kötüleştirir.
3. Görsellere boyut verin
Genişliği ve yüksekliği belirtilmemiş görseller yüklendiğinde altındaki içeriği aşağı iter; CLS puanınız bu yüzden düşer. Her görsele boyut ya da en-boy oranı tanımlayın.
4. PHP sürümünü güncelleyin ve OPcache'i açın
Güncel PHP sürümleri aynı kodu daha hızlı çalıştırır. OPcache ise derlenmiş kodu bellekte tutarak her istekte yeniden derlemeyi önler. İkisi birlikte sunucunun yanıt süresini belirgin şekilde kısaltır.
5. Sayfa ve sorgu önbelleği kullanın
Sık değişmeyen sayfaları ve ağır veritabanı sorgularının sonuçlarını önbellekte tutmak sunucunun yükünü azaltır. Ancak oturum açmış kullanıcıya özel sayfaların önbelleğe alınmamasına dikkat edin.
6. Veritabanı indekslerini kontrol edin
Ürün ya da ilan sayısı arttıkça filtreleme ve arama sorguları yavaşlar. Sık filtrelenen alanlarda indeks olup olmadığını kontrol edin; yavaş sorgu kaydını açarak en çok zaman alan sorguları bulun.
7. Yazı tiplerini kendi sunucunuzdan sunun
Harici yazı tipi servisleri her sayfada ek bağlantılar kurulmasına yol açar. Yazı tiplerini WOFF2 biçiminde kendi sunucunuzdan sunun, yalnızca kullandığınız ağırlıkları yükleyin ve font-display: swap ile metnin yazı tipini beklemeden görünmesini sağlayın.
8. Gereksiz betikleri kaldırın
Kullanılmayan eklentiler, birden fazla istatistik kodu ve sohbet pencereleri her sayfanın yükünü artırır. Her harici betiğin gerçekten gerekli olup olmadığını sorgulayın; gerekli olanları sayfanın ilk çizimini engellemeyecek şekilde yükleyin.
9. Sıkıştırmayı ve tarayıcı önbelleğini açın
Sunucunuzda Gzip ya da Brotli sıkıştırması etkin olmalı. CSS, JavaScript ve görseller için uzun süreli tarayıcı önbelleği tanımlamak, tekrar gelen ziyaretçilerin bu dosyaları yeniden indirmemesini sağlar.
10. HTTP/2 ve doğru sunucu konumu
HTTP/2 ya da HTTP/3 destekleyen bir sunucu, birden fazla dosyanın tek bağlantı üzerinden paralel indirilmesine izin verir. Ziyaretçilerinize yakın bir veri merkezi de her isteğin gidiş-dönüş süresini kısaltır. Yurt dışından da yoğun trafiğiniz varsa bir içerik dağıtım ağı (CDN) değerlendirilebilir.
Yavaş mobil bağlantıyı da düşünün
Ofisteki hızlı internetle yapılan testler gerçek durumu yansıtmayabilir. Ziyaretçilerinizin önemli bir kısmı sitenize mobil veriyle, bazen zayıf çeken bir yerden ulaşır. Tarayıcının geliştirici araçlarında bağlantıyı yavaşlatarak sitenizi bir de bu koşullarda açın; ilk ekranın birkaç saniye içinde okunabilir hâle gelmesi hedeflenmelidir.
Sonuçları yeniden ölçün
Her değişiklikten sonra ölçümü tekrarlayın ve hangi adımın ne kadar fark yarattığını not edin. Gerçek kullanıcı verileri birkaç hafta içinde güncellenir; laboratuvar ölçümündeki iyileşmenin oraya yansımasını bekleyin.
Yazılımlarımız görselleri otomatik dönüştüren, yazı tiplerini kendi sunucusundan sunan ve gereksiz betik yüklemeyen bir yapıyla geliştiriliyor. Mevcut sitenizi hızlandırmak isterseniz Hız ve SEO iyileştirmesi hizmetimize göz atabilirsiniz.