Zinn® Cache: Odstraňte nepoužívaný CSS, odložte JavaScript a poskytujte WebP a AVIF

Odstraňte nepoužívané CSS, odložte JavaScript a poskytujte WebP a AVIF

Použijte kartu CSS a JavaScript v Zinn® Cache Pro k odstranění nepoužívaného CSS a odložení skriptů, a kartu Obrázky pro WebP, AVIF a chybějící velikosti obrázků — proč zde není možnost minifikace ani sloučení a jak vrátit změnu, která naruší stránku.

1. Testujte vždy jednu změnu — Optimalizace prostředků mění způsob, jakým prohlížeč přijímá soubory vaší šablony. Změňte jedno nastavení, zkontrolujte web a teprve poté pokračujte, aby měla případná chyba zřejmou příčinu.
2. Otevřete kartu CSS a JavaScript — Ve WordPress otevřete Zinn Digital®, Cache Pro a poté CSS a JavaScript. Obrázky jsou na samostatné kartě.
3. Začněte s bezpečným výchozím nastavením — Ponechte zapnutou možnost Použít bezpečné výchozí nastavení. Nikdy neodkládá jQuery ani lišty se souhlasem s cookies a neponechává stránky pokladny beze změn.
4. Odložte JavaScript, poté odstraňte nepoužívané CSS — Zapněte možnost Odložit JavaScript, dokud návštěvník neprovede akci, uložte nastavení a zkontrolujte klíčové stránky v odhlášeném stavu. Poté zapněte možnost Odstranit nepoužívané CSS. Pokud něco přestane fungovat, přidejte příslušný skript nebo styl do seznamu souborů, které se nemají upravovat.
5. Poskytujte obrázky WebP a AVIF — Na kartě Obrázky zapněte WebP nebo AVIF a poté převeďte stávající obrázky. Originály zůstanou na svém místě a jedním kliknutím odstraníte každou převedenou kopii.
6. Proč zde není možnost minifikace ani sloučení — Slučování souborů pomáhalo v protokolu HTTP/1.1, ale v HTTP/2 a HTTP/3 stránky zpomaluje, a minifikace ušetří po kompresi souborů jen několik procent, přičemž bývá nejčastější příčinou rozbitého rozvržení. Skutečný přínos spočívá v odstranění nepoužívaného CSS a odložení JavaScriptu.

Se snímky obrazovky: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress