Engelleme CSS Kaynakları

Question

ben .... 3 saat sonra CSS ... ve ben yatmaya gidiyorum büyük bir baş ağrısı yüklemek

google sayfası hızını ertelemeyi veya eşzamansız bir öğreticiler ton ve "düzeltmeleri" okudum sınama: Sayfanızda 3 engelleme CSS kaynağı var. Bu, sayfanızı oluştururken gecikmeye neden olur.

Ive ... ... biri halt satır içi css kullanmadan bu yükü nasıl lamens açıklamak misiniz Abit aptal hissederek javascript yöntemleri, jquery yöntemlerini ve tüm net etrafında cevapları bir ton okumak

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/custom.min.css" rel="stylesheet" type="text/css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 

Answer 1

İşleme engelleme dosyalarıyla ilgili bazı deneyimlerim var. Bu yüzden yardım etmeyi umuyoruz ama şunu bilmelisiniz ki bu sorunu çözmek biraz zor ve istediğiniz kadar ileri değil. İlk olarak kendinize şu üç soruyu sorun: İlk olarak

: İçeriğiniz öncelikli midir?
İkincisi: WordPress kullanıyor musunuz? Eğer bazı müdahale eklentileri yüklü değil emin: Eğer
Üç yaparsanız
?

İlk olarak: içerik önceliklendirmesi için HTML5 semantikleri önemlidir, ancak bunları yanlış kullanma olasılığı vardır. Örneğin, bir kenar çubuğu gibi bir eleman, katlama içeriğinin üzerinde görünebilir, ancak bu, katlamanın üzerinde sayılmaz. İşlemi engelleme araçlarını biliyorsunuz: yükleme sayfası, doğru zamanda olmayan bir yere ihtiyaç duyar ve beklemelidir. İstenmeyen eleman bu duruma yol açabilir.

İkinci : WordPress kullanmak ve bunun için bazı tema satın almış sonra muhtemelen tema standart değil. Sorun çözülmüş olabilir ama buna değmez, zaman alır ve sonraki tema güncellemeleri hakkında düşünmelisiniz. Temanızı değiştirmek en kolay olduğunu düşünüyorum, ancak düzeltmek mümkün. Ancak, bazı statik sayfalar kullanıyorsanız, CSS dosyalarını mümkün olan en kısa sürede aramanız yeterlidir.

Üç: Son zamanlarda tüm CSS ve JavaScript dosyalarım için böyle bir sorun yaşadım. Bu görüntüleri tembel yükleme için bir eklenti kullanması nedeniyle oldu. Her şeyle uğraştı, devre dışı bıraktım ve problem çözdüm. Bu görüntüleri yükler ve bazı avantajlar kazanır ama tüm dosyaları indirmek için toplam sayfa yükleme erteler, Artı daha Eksiler! Etkiniz olabilecek bir şey için eklentinizden geçin.


Hala bir CSS'yi engelleme işlemi yapıyorum ama üzerinde çalışıyorum. CSS dosyalarını birleştirmek için bir eklenti kullanıyorum ve engelleme buna neden oluyor. Yapabileceğim eklentiler kadar elimden geliyorum ve CSS dosyaları isteğini azaltmak için çocuk temasında yeteneklerini geliştirdim, sonra bu birleştirme eklentisini devre dışı bırakabilirim.