Ekranın Üst Kısmındaki İçeriğin Boyutunu Küçültme

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.

Öneriler

Sayfaları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ü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ın

Siteniz 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:

Geri bildirim

Bu sayfayı yararlı buldunuz mu?