Bu yazıda, bir web sitesini daha hızlı hale getirmek için atılabilecek adımları gözden geçiriyoruz:
Web sitesi performansını test edin
Web sitesi hız testi , bir web sitesinin nasıl performans gösterdiğini değerlendirir. Bir web sitesini düzenli olarak test etmek, geliştiricilerin performans düşüşlerini veya iyileştirmelerini izlemelerine yardımcı olabilir. Hız testi, geliştiricilerin web sitesi performansını yavaşlatan alanların bir kısmını veya tamamını ve iyileştirme alanlarının nerede olduğunu belirlemelerine de yardımcı olmalıdır.
Performansı ölçmek için çoğu ücretsiz olan çok sayıda yüksek kaliteli site hızı testi vardır. WebPageTest.org (Cloudflare ile ortaktır) birkaç ücretsiz teste sahiptir ve bir sayfanın tek tek öğelerinin ne kadar hızlı yüklendiğine dair ayrıntılı dökümler üretir. WebPageTest.org ayrıca geliştiricilerin web sitelerini farklı cihazlar ve ağ bağlantı hızları için test etmelerine olanak tanır.
Google ayrıca ayrıntılı performans testi için PageSpeed Insights sunar. Google Chrome DevTools, geliştiricilerin sitelerinin performansını değerlendirmelerine de yardımcı olabilir; Ağ sekmesi, tüm HTTP isteklerini, istenen varlıkların ne kadar büyük olduğunu ve isteklerin yerine getirilmesinin ne kadar sürdüğünü gösterir.
Web sitenizin hızını test etmek için tıklayın.
Bir CDN (Content Delivery Network) kullanın
CDN’ler , içeriği dünyanın çeşitli yerlerinde önbelleğe alarak web sitelerinin hızını artırır. CDN önbelleğe alma sunucuları genellikle son kullanıcılara ana bilgisayardan veya kaynak sunucudan daha yakındır. İçerik talepleri, barındırma sunucusuna gitmek yerine bir CDN sunucusuna gider; bu, binlerce kilometre uzunluğunda ve kullanıcıdan gelen birden fazla özerk ağ üzerinden olabilir. CDN kullanmak , sayfa yükleme sürelerinde büyük bir azalmaya neden olabilir .
Görüntüleri optimize edin
Görüntüler, İnternet trafiğinin büyük bir yüzdesini oluşturur ve görüntü dosyalarının boyutu HTML ve CSS dosyalarından daha büyük olma eğiliminde olduğundan, bir web sitesine yüklenmesi genellikle en uzun sürer. Neyse ki, görüntü optimizasyonu yoluyla görüntü yükleme süresi azaltılabilir . Görüntüleri optimize etmek genellikle çözünürlüğü düşürmeyi, dosyaları sıkıştırmayı ve boyutlarını küçültmeyi içerir ve birçok görüntü iyileştirici ve görüntü sıkıştırıcı çevrimiçi olarak ücretsiz olarak mevcuttur.
CSS ve JavaScript dosyalarını küçültün
Kodun küçültülmesi, bir bilgisayarın kodu anlamak ve yürütmek için ihtiyaç duymadığı, kod yorumları, boşluklar ve gereksiz noktalı virgüller dahil olmak üzere herhangi bir şeyin kaldırılması anlamına gelir. Bu, CSS ve JavaScript dosyalarını biraz daha küçük yapar, böylece tarayıcıda daha hızlı yüklenirler ve daha az bant genişliği alırlar. Kendi başına, küçültme yalnızca minimum hız iyileştirmeleriyle sonuçlanacaktır. Ancak, bu diğer ipuçlarıyla birlikte uygulandığında, daha iyi web sitesi performansı sağlar.
Mümkünse HTTP isteklerinin sayısını azaltın
Çoğu web sayfası, tarayıcıların resimler, komut dosyaları ve CSS dosyaları dahil olmak üzere sayfadaki çeşitli varlıklar için birden çok HTTP isteğinde bulunmasını gerektirir. Aslında birçok web sayfası bu isteklerden düzinelercesini gerektirecektir. Her istek, kaynağı barındıran sunucuya gidiş gelişle sonuçlanır ve bu, bir web sayfasının toplam yükleme süresine katkıda bulunabilir. Ek olarak, birkaç farklı sağlayıcıdan yüklenen kaynaklarla, ana bilgisayarlardan biriyle ilgili bir sorun, web sayfasının hızlı yüklenme yeteneğini veya hiç etkileyebilir.
Bu olası sorunlar nedeniyle, her sayfanın yüklenmesi gereken toplam varlık sayısı minimumda tutulmalıdır. Ayrıca, bir hız testi, hangi HTTP isteklerinin en çok zaman aldığını belirlemeye yardımcı olmalıdır. Örneğin, resimler bir sayfanın yavaş yüklenmesine neden oluyorsa, geliştiriciler daha hızlı bir resim barındırma çözümü (CDN gibi) arayabilirler.
Tarayıcı HTTP önbelleğini kullan
Tarayıcı önbelleği , tarayıcıların statik dosyaların kopyalarını kaydettiği geçici bir depolama konumudur, böylece aynı içeriği tekrar tekrar istemek yerine son ziyaret edilen web sayfalarını çok daha hızlı yükleyebilirler. Geliştiriciler, tarayıcılara, sık sık değişmeyecek bir web sayfasının öğelerini önbelleğe alma talimatı verebilir. Tarayıcı önbelleğe alma talimatları, barındırma sunucusundan gelen HTTP yanıtlarının üstbilgilerinde bulunur. Bu, sunucunun tarayıcıya aktarması gereken veri miktarını büyük ölçüde azaltır ve belirli sayfaları sık sık ziyaret eden kullanıcılar için yükleme sürelerini kısaltır.
Mümkünse yönlendirme kullanmayın
Yönlendirme, bir web sayfasını ziyaret edenlerin bunun yerine farklı bir sayfaya yönlendirilmeleridir. Yönlendirmeler, sayfa yükleme süresine saniyenin birkaç kesri, hatta bazen tam saniye ekler. Performansı optimize edilmiş bir web sitesi oluştururken her saniye önemlidir. Yönlendirmeler bazen kaçınılmazdır, ancak gerekmedikçe kullanılmamalıdır.