KakapoWP KakapoWP
Giriş Ücretsiz dene
Kakapo Performance

Kritik CSS

Sayfanın üst bölümünün ihtiyacı head içinde yer alır. Gerisi sonradan gelir.

Her template için kakapo, web sitesinden gerçek bir örnek sayfa çeker, orada bağlanan yerel stil sayfalarını diskten okur ve her kuralı belgeye karşı denetler. Üstte gereken şey inline olarak head'e girer; değerlendirilen stil sayfaları sonradan, sayfa oluşumunu engellemeden yüklenir. Bu işe hiçbir tarayıcı karışmaz: “üstte görünür”, öğe sırasına dayanan ve açıkça belirtilen bir yaklaşıklıktır; kuşku durumunda kural dahil edilir. Bu yüzden önizleme, test modu ve her template için bir anahtar bulunur.

Kritik CSS

7 template · her template için ayrı çalıştırma, ayrı anahtar, ayrı önizleme

Test moduÖnizleme

Kritik CSS bunu sunar

7 template, her biri ayrı ayrı analiz edilip onaylanır
Kritik CSS head içinde inline, incelenen stylesheet'ler gecikmeli yüklenir
Rapor: hiçbir öğeyle eşleşmeyen kurallar
Aynı sayfanın işlemli ve işlemsiz önizlemesi
Test modu: değişikliği yalnızca giriş yapmış yöneticiler görür
URL'ler için dışlama listesi, stylesheet'ler için istisna listesi

İşleyişi şu şekildedir

1

Template'i analiz etme — örnek sayfayı getirme, kuralları kontrol etme

2

Önizleme işlemli ve işlemsiz karşılaştırılır

3

Template'i onaylayıp test modundan canlıya geçirme

Kritik CSS hakkında sık sorulan sorular

Üstte gerçekten görünen kısım mı ölçülüyor?
Hayır. Ne tarayıcı var ne de viewport. body altındaki tüm öğeler baştan numaralanır; “üst” olarak ilk %30 (5 ile 90 arasında ayarlanabilir) ile kayıtlı yer imlerinin içindeki her şey sayılır — başlık alanı, gezinme, ilk h1 ve eklenenler. Yöntemin bir sınıra dayandığı yerde kural isabetli sayılır: birkaç kilobayt fazlalık, eksik bir kuraldan daha zararsızdır.
Kullanılmayan kurallar buradan kaldırılabilir mi?
Liste bir rapordur, araç değil. Sayım, template başına bir örnek sayfaya karşı yapılır — JavaScript'in ancak tıklamada eklediği sınıflar ya da başka bir sayfadaki bir form orada görünmez. Silme işini theme'in kaynak kodunda yapmak daha iyidir; orada izlenebilir kalır.
Analiz çalışması neye ihtiyaç duyar, sonrasında ne olur?
PHP eklentisi dom/libxml ve çalışan bir loopback — web sitesinin HTTP üzerinden kendisine ulaşması gerekir. Bunlardan biri eksikse analiz hiç başlatılamaz; nedeni de orada yazar. Sonradan analiz edilmiş bir CSS dosyası ya da theme değişirse, işlem olası yanlış bir kritik CSS sunmak yerine askıya alınır.

Diğer performans işlevleri

Hazır mısınız?

Performance 24 saat boyunca ücretsiz denenebilir.

Kredi kartı yok, risk yok. 2 dakikada kullanıma hazır.

Şimdi ücretsiz deneyin