Web sitesi operatörlerinin en önemli görevlerinden biri, ziyaretçilerin gezinme deneyimini olabildiğince keyifli hale getirmektir. Başlangıç sayfasını çağırmak zaten belirleyicidir: Yükleme süreleri çok uzunsa , gereksiz yere çok sayıda ilgili tarafı kaybedersiniz – artan mobil trafikle giderek daha önemli hale gelen bir konu. Web sitesi performansına göz kulak olur ve düzenli olarak geliştirirseniz, ziyaretçilerinizin web sitenizde daha fazla zaman geçireceğini ve yalnızca tek bir sayfa görüntülendikten sonra kaybolmakla kalmayıp birden çok sayfa açacağını göreceksiniz. Olumlu bir yan etki: Arama motorlarında da iyilik kazanırsınız ve daha iyi sıralamalardan yararlanırsınız.
Google PageSpeed Insights veya pingdom gibi ücretsiz web sitesi hız testleri ile mevcut web sitenizin hızını test edebilirsiniz . Bunlar , medya içeriği veya HTML kodunun yapısı gibi ağdan bağımsız yönleri dikkate alarak performansı ölçer ve değerlendirir . Örneğin Google aracı, web sitenizin hem masaüstü sürümünü hem de mobil sürümünü analiz eder ve size iyileştirme önerileri sunar.
Hangi yönlerin yükleme hızı üzerinde etkisi var? Sizi tipik hız frenleri hakkında bilgilendireceğiz ve olası çözümleri anlatacağız.
Hosting
Kendinize sormanız gereken ilk şey şudur: Mevcut barındırma ortamı web projenizin ihtiyaçlarını karşılıyor mu? Birçok web sitesi operatörü , sunucunun performansından ve kapasitesinden tasarruf etmek ister ve en ucuz teklifi tercih eder. Sonuç: Belirleyici anda, tüm kullanıcı isteklerini işlemek için gerekli bant genişliği eksik. Özellikle, birkaç tarafın bir sunucuyu paylaştığı düşük maliyetli barındırma çözümleri, ziyaretçi sayılarındaki zirveler ve güçlü büyüme ile başa çıkamamaktadır. Diğer bir tipik hata da, kendi web sitenizi yurtdışındaki bir sunucuda barındırmak , teklif öncelikle ulusal pazarla sınırlı olmasına rağmen – bu, ziyaretçilerinizin yükleme süresini de artırır.
Bunu yapabilirsiniz:
- sınırsız web alanı ve trafik ile esnek barındırma çözümlerine erişin
- yalnızca çoğu kullanıcının ülkesindeki veri merkezlerinde bulunan sunucuları kiralayın
- Uluslararası bir kitleye hitap etmek istiyorsanız bir İçerik Dağıtım Ağı (CDN) kullanır.
HTML, CSS ve JavaScript
Ziyaretçiler web sitenizi aradığında, tarayıcıları sunucunuzdaki HTML dosyasını ister ve içerdiği CSS formatına göre görüntüler.Aynı durum, reklam afişleri veya haber etiketleri gibi entegre JavaScript öğeleri için de geçerlidir. Dosyalar büyüdükçe veya okunması ve dönüştürülmesi gereken daha fazla kod, işlem daha uzun sürer . Bununla birlikte, tasarım sayfaları ve komut dosyaları, özellikle dinamik web siteleri için önemlidir – bu nedenle, yüksek bir web sitesi hızı lehine CSS ve JavaScript’ten vazgeçmek söz konusu değildir. Bunun yerine, odak kodları optimize etmeye odaklanmalıdır.
Bunu yapabilirsiniz:
- HTML’yi yalnızca CSS ile mümkün olmayan bilgiler için kullanın
- CSS ve JavaScript için ayrı dosyalar kullanın ve istisnai durumlarda HTML sayfasına yalnızca CSS/JavaScript kodu yazın (JavaScript her zaman belgenin en sonunda, kapanış gövdesi öğesinden önce)
- Kod dosyalarını birleştirin ve sıkıştırın
- yeni programlama tekniğini kullanın WebAssembly
Resimler ve harici içerik
Multimedya içeriği, iyi bir web sitesinin önemli bir parçasıdır. Tıpkı tasarım ve düzen gibi, web sitenizin görünümünü şekillendirir ve metinlere ifade verir. Özellikle e-ticarette, ürünlerinizi yüksek kaliteli görsellerle sunmaya güveniyorsunuz . Ancak, özellikle kendi sunucunuzda değil, üçüncü taraf bir sunucuda depolanıyorsa, eklenen her resim veya fotoğrafla web sitesinin yüklenme süresi artar. Bu aynı zamanda müzik, videolar veya PDF’ler gibi diğer medya dosyaları için de geçerlidir.
Bunu yapabilirsiniz:
- Harici sitelerden mümkün olduğunca az öğe yükleyin
- gereksiz resimlerden, videolardan vb. kaçının
- Araçları kullanarak görüntüleri sıkıştırın
- Görüntüleri harici bir sunucuya aktarın
- Görüntülerin genişliğini ve yüksekliğini belirtin (aksi takdirde tarayıcı tarafından hesaplanacaktır)
- SVG simgelerini kullanın ( ölçeklenebilir vektör grafikleri ).
- jQuery eklentisi Lazy Load kullanarak , görüntüleme alanı dışındaki tüm resimlerin yüklenmesini geciktirin (yalnızca ziyaretçi onlara kaydırdığında yüklenecektir)
- verimli görüntü formatı WebP’yi kullanın
Önbelleğe almak
Birçok yavaş web sitesindeki sorun, önbelleğe alma mekanizmalarının olmamasıdır. İyi kurulmuş bir önbellek, az çabayla web sitesi optimizasyonuna çok katkıda bulunabilir. Önbelleğe alınmış içeriğin web sunucusundan her erişildiğinde talep edilmesi gerekmez ve buna göre daha hızlı yüklenir. Ek olarak, bu aynı zamanda önemli ölçüde daha az istek işlemesi gereken web sunucusunu da rahatlatır . JavaScript ve CSS dosyaları, resimler veya belgeler gibi tüm statik öğeleri önbelleğe alabilir ve önbellekte ne kadar kalmaları gerektiğini tanımlayabilirsiniz.
Bunu yapabilirsiniz:
- ziyaretçinin tarayıcısını önbellek (tarayıcı önbelleği) olarak kullanın: örneğin, bir Apache web sunucusunda “mod_expires” modülünü etkinleştirin ve ilgili dosya türlerinin önbellekte ne kadar kalacağını tanımlayın; kullanıcının tarayıcısı gerisini halleder
- Bir ters proxy sunucusu kurun ve onu bir önbellek (web önbelleği) olarak kullanın veya dünya çapında dağıtılmış tüm ters proxy sunucuları ağına erişmenizi sağlayan bir içerik dağıtım ağının hizmetlerini kullanın.
- Veritabanı erişimini en aza indirmek için dinamik içeriği geçici olarak bellekte depolamak için memcached gibi önbelleğe alma yazılımlarını kullanın
