Zinn® Cache: Nem használt CSS eltávolítása, JavaScript késleltetése, valamint WebP és AVIF kiszolgálása

A nem használt CSS eltávolítása, a JavaScript késleltetése, valamint WebP és AVIF képek kiszolgálása

Használja a Zinn® Cache Pro CSS és JavaScript lapját a nem használt CSS eltávolításához és a szkriptek késleltetéséhez, a Képek lapját pedig a WebP, az AVIF és a hiányzó képméretek kezeléséhez — miért nincs tömörítési (minify) vagy egyesítési lehetőség, és hogyan vonható vissza egy olyan módosítás, amely működési hibát okoz az oldalon.

1. Egyszerre csak egy módosítást teszteljen — Az erőforrások optimalizálása megváltoztatja azt, ahogyan a böngésző megkapja a sablon fájljait. Módosítson egy beállítást, ellenőrizze a webhelyet, és csak ezután lépjen tovább, így az esetleges probléma oka egyértelmű marad.
2. Nyissa meg a CSS és JavaScript lapot — A WordPress felületén nyissa meg a Zinn Digital®, Cache Pro, majd a CSS és JavaScript menüpontot. A képek külön lapon találhatók.
3. Kezdje a biztonságos alapértelmezésekkel — Hagyja bekapcsolva a Biztonságos alapértelmezések használata lehetőséget. Ez soha nem késlelteti a jQuery-t vagy a cookie-hozzájárulási sávokat, és érintetlenül hagyja a pénztároldalakat.
4. Késleltesse a JavaScriptet, majd távolítsa el a nem használt CSS-t — Kapcsolja be a JavaScript késleltetése a látogatói interakcióig lehetőséget, mentse a beállításokat, és kijelentkezve ellenőrizze a kulcsfontosságú oldalakat. Ezután kapcsolja be a Nem használt CSS eltávolítása opciót. Ha valami nem működik megfelelően, adja hozzá az érintett szkriptet vagy stíluslapot a kihagyandó fájlok listájához.
5. Szolgáljon ki WebP és AVIF formátumú képeket — A Képek lapon kapcsolja be a WebP vagy az AVIF lehetőséget, majd alakítsa át meglévő képeit. Az eredeti fájlok a helyükön maradnak, és egyetlen kattintással eltávolítható az összes átalakított másolat.
6. Miért nincs tömörítési vagy egyesítési lehetőség — A fájlok egyesítése hasznos volt a HTTP/1.1 idején, de lassítja az oldalakat a HTTP/2 és HTTP/3 protokollokon, a tömörítés (minify) pedig csak néhány százalékos megtakarítást eredményez a fájlok tömörítése után, miközben a széteső elrendezések leggyakoribb oka. A valódi előnyt a nem használt CSS eltávolítása és a JavaScript késleltetése jelenti.

Képernyőképekkel: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress