Uklonite neiskorišteni CSS, odgodite JavaScript i poslužite WebP i AVIF
Upotrijebite karticu CSS i JavaScript dodatka Zinn® Cache Pro za uklanjanje neiskorištenog CSS-a i odgodu skripti, te njegovu karticu Slike za WebP, AVIF i nedostajuće veličine slika — zašto ne postoji opcija za sažimanje (minify) ili spajanje, i kako poništiti promjenu koja naruši izgled stranice.
- Ispitajte jednu po jednu promjenu — Optimizacija resursa mijenja način na koji preglednik prima datoteke vaše teme. Promijenite jednu postavku, provjerite web-mjesto, a zatim nastavite dalje, kako bi problem imao očit uzrok.
- Otvorite karticu CSS i JavaScript — U sustavu WordPress otvorite Zinn Digital®, Cache Pro, a zatim CSS i JavaScript. Slike se nalaze na zasebnoj kartici.
- Započnite sa sigurnim zadanim postavkama — Ostavite uključenu opciju Koristi sigurne zadane postavke. Ona nikada ne odgađa jQuery niti natpise za privolu za kolačiće i ne dira stranice za naplatu.
- Odgodite JavaScript, zatim uklonite neiskorišteni CSS — Uključite Odgodi JavaScript dok posjetitelj ne stupi u interakciju, spremite i provjerite svoje ključne stranice odjavljeni. Zatim uključite Ukloni neiskorišteni CSS. Ako nešto prestane raditi, dodajte odgovarajuću skriptu ili stilsku tablicu na popis datoteka koje treba ostaviti nepromijenjenima.
- Poslužite WebP i AVIF slike — Na kartici Slike uključite WebP ili AVIF, a zatim pretvorite svoje postojeće slike. Izvornici ostaju gdje jesu, a jednim klikom uklanjaju se sve pretvorene kopije.
- Zašto ne postoji opcija za sažimanje ili spajanje — Spajanje datoteka pomagalo je na protokolu HTTP/1.1, no usporava stranice na HTTP/2 i HTTP/3, a sažimanje (minifikacija) donosi uštedu od svega nekoliko postotaka nakon što se datoteke komprimiraju, dok je ujedno najčešći uzrok narušenog prikaza. Uklanjanje neiskorištenog CSS-a i odgoda JavaScripta donose stvarni dobitak.
Sa snimkama zaslona: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress