Eliminați codul CSS neutilizat, amânați JavaScript și livrați WebP și AVIF

1. Testați câte o singură modificare pe rând

   Optimizarea resurselor modifică modul în care browserul primește fișierele temei dumneavoastră. Modificați o singură setare, verificați site-ul, apoi continuați, astfel încât o problemă să aibă o cauză evidentă.

2. Deschideți fila CSS și JavaScript

   În WordPress deschideți Zinn Digital®, Cache Pro, apoi CSS și JavaScript. Imaginile se află într-o filă dedicată.

3. Începeți cu setările implicite sigure

   Păstrați opțiunea „Utilizați valorile implicite sigure” activată. Aceasta nu întârzie niciodată jQuery sau bannerele de consimțământ pentru module cookie și nu modifică paginile de finalizare a comenzii.

4. Amânați JavaScript, apoi eliminați CSS-ul neutilizat

   Activați amânarea JavaScript până la interacțiunea vizitatorului, salvați și verificați paginile principale după ce v-ați deconectat. Apoi activați eliminarea CSS-ului neutilizat. Dacă ceva nu mai funcționează, adăugați scriptul sau foaia de stil respectivă în lista fișierelor care nu trebuie modificate.

5. Livrați imagini WebP și AVIF

   În fila Imagini activați WebP sau AVIF, apoi convertiți imaginile existente. Originalele rămân la locul lor, iar un singur clic elimină fiecare copie convertită.

6. De ce nu există o opțiune de minificare sau combinare

   Combinarea fișierelor ajuta pe HTTP/1.1, dar încetinește paginile pe HTTP/2 și HTTP/3, iar minificarea economisește doar câteva procente odată ce fișierele sunt comprimate, fiind totodată cea mai frecventă cauză a stricării aspectului paginii. Eliminarea codului CSS neutilizat și amânarea încărcării codului JavaScript aduc adevăratul câștig.

Ghidul următor: Curățați baza de date WordPress