Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
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:
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.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2024-09-04 UTC."],[[["This PageSpeed Insights rule is triggered when additional network round trips are needed to render above-the-fold content."],["To optimize, prioritize loading critical above-the-fold content first by restructuring HTML and reducing resource sizes."],["Reduce data size by minifying resources, using CSS instead of images where possible, and enabling compression."],["This documentation refers to a deprecated version of PageSpeed Insights API; the latest version is 5."]]],["The core issue addressed is the delay in page loading caused by excessive data transfer required to render above-the-fold content. Key actions include structuring HTML to prioritize critical content, loading it first, and deferring non-essential parts. Recommendations involve reducing data size by minifying resources (HTML, CSS, JavaScript), using CSS instead of images when feasible, and enabling compression. The document advises optimizing content loading to avoid additional network round trips and improve page speed.\n"]]
