Zinn® Cache: Ongebruikte CSS verwijderen, JavaScript uitstellen en WebP en AVIF leveren

Verwijder ongebruikte CSS, vertraag JavaScript en lever WebP en AVIF

Gebruik het tabblad CSS en JavaScript van Zinn® Cache Pro om ongebruikte CSS te verwijderen en scripts te vertragen, en het tabblad Afbeeldingen voor WebP, AVIF en ontbrekende afbeeldingsformaten — waarom er geen optie voor verkleinen of combineren is, en hoe u een wijziging ongedaan maakt die een pagina verstoort.

1. Test één wijziging tegelijk — Optimalisatie van assets verandert hoe de browser de bestanden van uw thema ontvangt. Wijzig één instelling, controleer de site en ga dan pas verder, zodat een probleem een duidelijke oorzaak heeft.
2. Open het tabblad CSS en JavaScript — Open in WordPress Zinn Digital®, Cache Pro en vervolgens CSS en JavaScript. Afbeeldingen staan op hun eigen tabblad.
3. Begin met de veilige standaardwaarden — Houd Veilige standaardwaarden gebruiken ingeschakeld. Dit vertraagt jQuery of cookietoestemmingsbanners nooit en laat afrekenpagina's ongemoeid.
4. Vertraag JavaScript en verwijder daarna ongebruikte CSS — Schakel JavaScript vertragen totdat de bezoeker interactie heeft in, sla op en controleer uw belangrijkste pagina's terwijl u bent uitgelogd. Schakel vervolgens Ongebruikte CSS verwijderen in. Als er iets niet meer werkt, voeg dan het bijbehorende script of stylesheet toe aan de lijst met ongemoeid te laten bestanden.
5. Lever WebP- en AVIF-afbeeldingen — Schakel op het tabblad Afbeeldingen WebP of AVIF in en converteer vervolgens uw bestaande afbeeldingen. De originelen blijven behouden en één klik verwijdert elk geconverteerd exemplaar.
6. Waarom er geen optie voor verkleinen of combineren is — Het combineren van bestanden hielp op HTTP/1.1, maar vertraagt pagina's op HTTP/2 en HTTP/3, en verkleinen bespaart slechts enkele procenten zodra bestanden zijn gecomprimeerd, terwijl het de meest voorkomende oorzaak is van een verstoorde lay-out. Het verwijderen van ongebruikte CSS en het vertragen van JavaScript levert de echte winst op.

Met schermafbeeldingen: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress