KakapoWP KakapoWP
Yardım Merkezi/Performance/HTML, CSS ve JavaScript'i küçültme

HTML, CSS ve JavaScript'i küçültme

Şunun için geçerlidir: Kakapo Performance· 3 dk okuma

Minify, tarayıcıya giden belgeyi küçültür: gereksiz boşluklar, yorumlar ve boş satırlar çıkarılır. Sayfa cache etkinse bu, daha dosya kaydedilirken yapılır; değilse ön yüzdeki bir çıktı arabelleği üzerinden.

Üç anahtar

  1. Sol kenar çubuğunda “Hız” altında “Minify” maddesi bulunur — üç anahtar orada alt alta yer alır.
  2. “HTML'i küçült”, HTML yorumlarını kaldırır — koşullu IE yorumları yerinde kalır — ve etiketler arasındaki boşluk ile metindeki art arda gelen boşlukları kısaltır. Fabrika ayarında açıktır.
  3. “Inline CSS'i küçült”, <style> bloklarını sadeleştirir: yorumlar kaldırılır, boşluklar daraltılır, { } : ; , karakterlerinin çevresi sıkılaştırılır. Fabrika ayarında kapalıdır.
  4. “Inline JS'i küçült”, satır içi <script> bloklarını satır satır sadeleştirir. Fabrika ayarında kapalıdır.

Neye dokunulmaz

  • src özniteliği olan harici komut dosyaları; orada yalnızca adres bulunur, kod bulunmaz
  • Farklı türdeki komut dosyası blokları, örneğin application/ld+json olarak JSON-LD
  • <pre> ve <textarea> içindeki içerikler
  • /*! ile başlayan CSS yorumları
JS küçültmesi token'ları birleştirmez. Yalnızca gerçek komut dosyası bloklarındaki boş satırları ve girintileri kaldırır; böylece JavaScript'in otomatik noktalı virgül tamamlaması hiçbir şeyi bozmaz.

Çıktı arabelleği ne zaman devreye girer

Sayfa cache olmadan yalnızca ön yüzdeki GET istekleri arabelleğe alınır; yönetim paneli ve beslemeler kapsam dışıdır. Bir çıktı ancak 255 karakterden itibaren ve yalnızca kapanış </html> etiketini içeriyorsa işlenir. Üç anahtar da kapalıysa belge değişmeden kalır.

Sayfa cache etkinken küçültme yalnızca cache'lenmesine izin verilen istekler için çalışır. Giriş yapmış kullanıcılar ve hariç tutulan adresler bu durumda değiştirilmemiş HTML alır.
Bu makale yararlı oldu mu?