SORU
12 EYLÜL 2013, PERŞEMBE


&; render-engelleme üzeri kat içeriğinde CSS "Ortadan kaldırmak"

Google PageSpeed ınsights deneyin ve benim sitenin performansını artırmak için kullanıyorum, ve şu ana kadar son derece başarılı olduğu kanıtlandı. Şey gibi ertelenmesi komut çalıştı güzel, çünkü ben zaten bir ev sürümü bir WordPress kullanmak .ready() erteleme komut kadar sayfa vardı dolu, tam, bütün yapmam gereken buydu satır, belirli bir işlevi ve hareket tam komut için son sayfa. Bu harika çalıştı.

Ama şimdi kontrol listesi üzerinde kalan sarı nokta kendimi göz kamaştırıcı buluyorum: "tarih, engelleyici CSS üzeri kat Ortadan içerik".

Benim CSS kurmak için bir genel _.css dosyası içeren stilleri uygulamak için sayfa yapısı genel olarak, ya da önceden birden fazla ya da iki yer arasında site. Çoğu sayfayı ilişkili bir CSS dosyası (örneğin party.php party.css) belirli bir sayfa için özel stiller içerir. CSS dosyaları süresiz olarak önbelleğe hiç dosya adları için /t=FILEMTIME ekleme olarak (ve daha sonra bunları kaldırmak .dosyaları ne zaman güncelleştirilmiş olduğunu garanti etmek için Debug) değiştirilmiştir.

Her neyse, Google kritik stilleri--başlığın içeriği için gerekli satır içi uygulaması tavsiye eder. Sorun var... ... o da bu görüntüsüne bir göz atın: http://prntscr.com/1qt49e

Gördüğünüz gibi...TÜM-kat yukarıdaki içerik! İnsanlar kaydırma, özellikle çok sayfa yükleme içeren bir oyun nefret ediyorum. Bir ekran (yeterince iyi bir çözünürlük varsayarak) sığdırmak için site tasarladım. Bu ne anlama geliyor...TÜMstilleri üzeri kat içerik için geçerli! Yani... herhangi bir çözüm var mı? Ya da mükemmele yakın başka bir puan üzerinde sarı çizgi ile takıldım?

CEVAP
14 EYLÜL 2013, CUMARTESİ


Daha önce soruldu ile ilgili bir soru: What is “above-the-fold content” in Google Pagespeed?

Öncelikle bu tüm hakkında olduğunu fark ediyorsunuzmobil sayfalar'.
Soru yorumladım ve doğru ekran görüntüsü, o zaman bu kadarsiteniz için değil!

Aksine, bir şeyler yönergeleri Google tarafından tavsiye edilen bazı yapıyor olacak şeyler daha kötü, daha iyi, daha 'normal' web siteleri.
Ve her şey o Google dan geliyor "kase Google'dan geliyor diye". kutsaldır Ve onlar kendilerini eğer HTML biçimlendirme bir göz varsa iyi bir rol modeli değildir.

Sana verebileceğim en iyi tavsiye

  • Tarayıcı öğeleri düzen ve yerine içerik için beklemek zorunda değil yani CSS elemanları yerine, genişlik ve yükseklik ayarlayın!

Ayrıca neden farklı CSS dosyaları, sadece bir yerine kullanıyor musunuz?
Ek istek veri hacmi küçük bir miktar daha kötü. Ve ilk istek sonra CSS dosyası zaten önbelleğe alınır.

Hep halletmem gereken şeyler var:

  • istekleri sayısını mümkün olduğunca azaltmak
  • genel sayfa ağırlığı mümkün olduğunca düşük tutmak

Ve Google PageSpeed Insights aracı 0 almak için nasıl beyin bulmaca yok ...! ;-)

Burada ki Google bize gösteriyor Sayfa Optimize CSS Delivery tavsiye ediyorlar. ayrıca 1:

Bu gerçekçi ama ne bu ne de anlamlı bir hale getirdiğini sanmıyorum daha önce "normal" web sitesi! dediği gibi Bir zaman, çünkü esas olarakduyarlı web tasarımmedya sorguları ve diğer düzen stillerini kullanmanız en kesin. Eğer edeceksen değil CSS ilk yük ve engelleyici bir şekilde göreceksinHATASI(Stil Uygulanmamış Metin Flash). Gerçekten bu "daha iyi en azından biraz daha" sayfa işlemek için milisaniye! olduğuna inanmıyorum

Imho Google yeni başlıyor "" bir bak bununla ilgili soru Stackoverflow burada var () ...! yutturmaca

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • infodirt

    infodirt

    11 Mart 2009
  • Strata1000

    Strata1000

    28 EYLÜL 2009
  • The Dubstep FX

    The Dubstep

    5 Mart 2011