Bu kural, PageSpeed Insights, sayfanın ekranın üst kısmındaki içeriğinin oluşturulması için ağda ek gidiş gelişler gerektiğini belirlediğinde tetiklenir.
Genel bakış
Gereken veri miktarı ilk sıkışma penceresini (genellikle 14,6 kB sıkıştırılmış) aşıyorsa, sunucunuzla kullanıcının tarayıcısı arasında ek gidiş gelişler gerekecektir. Bu durum, mobil ağlar gibi yüksek gecikmeye sahip ağlardaki kullanıcılarda sayfa yüklerken önemli gecikmelere neden olabilir.
ÖnerilerSayfalarınızın daha hızlı yüklenmesini sağlamak amacıyla sayfanızın, ekranın üst kısmında görünen içeriği oluşturmak için gereken verilerinin (HTML işaretlemesi, resimler, CSS, JavaScript) boyutunu sınırlandırın. Bunu yapmanın birkaç yolu vardır:
- HTML'nizi ekranın üst kısmındaki kritik içeriği en başta yükleyecek şekilde yapılandırın
- Kaynaklarınızın kullandığı veri miktarını azaltın
HTML'nizi ekranın üst kısmındaki kritik içeriği en başta yüklemek üzere yapılandırın
Sayfanızın ana içeriğini en başta yükleyin. Sayfanızı, sunucunuzdan gelen ilk yanıtın sayfanın kritik bölümünü hemen oluşturmak ve geri kalanını ertelemek için gereken verileri gönderecek şekilde yapılandırın. Bu durumda CSS'nizi iki bölüme ayırmanız gerekebilir: İçeriğin ATF bölümünün stilini belirlemekten sorumlu satır içi bölüm ve ertelenebilecek bölüm.
Bir sitenin nasıl daha hızlı yüklenecek biçimde yapılandırılabileceğini gösteren şu örneklere bakın:
- HTML'niz ana içeriği yüklemeden önce üçüncü taraflara ait widget'ları yüklüyorsa, ana içerik en başta yüklenecek biçimde sıralamayı değiştirin.
- Siteniz bir gezinme kenar çubuğu ve makaleden oluşacak biçimde iki sütunlu bir tasarım kullanıyorsa ve HTML'niz, kenar çubuğunu makaleden önce yüklüyorsa, ilk önce makaleyi yüklemeyi düşünün.
Kaynaklarınız tarafından kullanılan verilerin miktarını azaltınSiteniz birden fazla cihazda iyi çalışacak ve kritik içeriği başta yükleyecek şekilde yeniden tasarlandıktan sonra, sayfanızı oluşturmak için gereken veri miktarını azaltmak üzere aşağıdaki teknikleri kullanın:
- Kaynakları Küçültün: Gereksiz boşlukları ve yorumları kaldırarak HTML, CSS ve JavaScript'i küçültebilirsiniz. Kaynaklarınızdaki değişkenleri yeniden adlandıran araçlar kullanarak daha ileri optimizasyonlar yapabilirsiniz.
- Mümkün olan yerlerde resimler yerine CSS kullanmayı düşünün.
- Sıkıştırmayı Etkinleştir
Geri bildirim
Bu sayfayı yararlı buldunuz mu?