Sayfa yükleme hızı, sadece Google kriterlerini karşılamak açısından değil, ziyaretçilerine iyi bir kullanıcı deneyimi yaşatmak isteyen site sahipleri için de oldukça önemli bir faktördür. Teknik açıdan bakıldığında hızlı ve etkili şekilde çözülmesi gereken sayfa yükleme hızı Web sitenize ve SEO projenize ciddi katkı sağlayabilir. Google tarafından 1 Ağustos 2018 tarihinde gerçekleştirilen algoritma güncellemesinde belirleyici faktörlerden birisinin sayfa yükleme hızı olduğu söyleniyor. Gelin sizler için oluşturduğumuz Sayfa Yükleme Hızı Optimizasyonu Rehberi’ne hep birlikte göz atalım.

Google sitenizin bir saniyeden daha hızlı bir sürede yüklenmesini istiyor. Böyle bir şey mümkün olabilir mi? Google bu isteğiyle nereye varmak istemektedir?

Aslında Google’ın hedeflediği şey oldukça basit: Daha hızlı yüklenen sayfalar. 2018 yılına az bir zaman kala, yüklenmesi 10 saniyenin üzerinde zaman alan Web siteleriyle karşılaşmak kimin hoşuna gider? Bir kullanıcı olarak düşünün; yavaş yüklenen sayfalar, kullanıcı deneyimini yok eden bir numaralı sebeptir. Yavaş yüklenen sayfaların birden fazla sorunu olduğunu düşünerek, aşağıdaki listeye bir göz atalım ve nelerin sayfa yükleme hızını olumsuz etkilediğini görmeye çalışalım:

• CSS ve JS komut dosyalarının işleme süreçleri
• Kullandığınız fontlar ve eklentiler
• Yüksek boyutlara sahip görsel ve medya dosyaları
• İlk bayt zamanı ölçümü
• Toplam yükleme süresi, sayfa boyutları ve istek sayıları
• Farklı coğrafi konumlardan performans testleri
• Farklı tarayıcılardan performans testleri
• Http Üstbilgilerinin analiz edilmesi
• İçerik Dağıtım Ağı performansının ölçülmesi

Sayfa Yükleme Hızı Kavramları

Birinci Bayt Zamanlaması: Bu kavram (Time to first byte, TTFB) web sunucusunun tepki hızını ölçmeye yarar. Temel olarak tarayıcının isteği gönderdiği andan itibaren sunucunun ilk yanıt verme süresi milisaniye olarak ölçülür. İyi konfigüre edilmiş bir sunucu veya coğrafi konuma göre ayarlanmış bir CDN sunucusu birinci bayt zamanlamasını iyileştirmeye yarayabilir.

Oluşturmayı Önleyen JavaScript ve CSS Kodları: JavaScript komut dosyaları ve CSS dosyaları sayfa yüklenirken çalışmaya ve sayfanın hızlı yüklenmesini engellemeye başlayabilir. Bundan kaçınmak için JavaScript dosyalarınızı satır içine yerleştirebilirsiniz. CSS dosyaları için de olabildiğince az özelleştirilmiş stil ve az sayıda stil dosyası kullanmak yüklemeyi hızlandırmanızı sağlayabilir.

Kaynak Optimizasyonu: Sitenizde yer alan her şey, bir miktar kaynağın kullanılmasına sebep olur. Özellikle Html, Js ve Css dosyalarınızda yer alan;

• Boşluk karakterleri,
• Yeni satır karakterleri,
• Yorumlar / bilgi komutları,
• Blok sınırlayıcıları

dosya boyutlarının normalden fazla bir miktara ulaşmasına sebep olur. Bu dosyalar gözünüze çok küçük gibi görünebilir ancak sayısı artan kod parçacıkları bir araya geldiğinde hatırı sayılır miktarda gecikmeye yol açabilir.

HTTP İstekleri: Tarayıcınız bir sunucudan veri getirdiğinde bunu HTTP (Köprü Metni Aktarım Protokolü) kullanarak yapar. Bu süreç kullanıcı ve sunucu arasındaki istek – cevap olayını tanımlar. Sayısı gittikçe artan Http istekleri sunucunun yanıt süresini de uzatacaktır. Bu süreyi kısaltmak için yapabilecekleriniz:

• CSS ve JS dosyalarınızı birleştirmek
• Js dosyalarını satır içi kullanmak (boyutlarının küçültülmesi şartıyla)
• Css Sprite kullanmak
• Üçüncü parti eklenti ve / veya dosyaları kullanılıyorsa bunların sayısını azaltmak