Zinn® Cache: Elimine el CSS no utilizado, retrase JavaScript y sirva WebP y AVIF

Eliminar el CSS no utilizado, retrasar JavaScript y servir WebP y AVIF

Utilice la pestaña CSS y JavaScript de Zinn® Cache Pro para eliminar el CSS no utilizado y retrasar scripts, y su pestaña Imágenes para WebP, AVIF y tamaños de imagen faltantes: por qué no hay opción de minimizar o combinar y cómo deshacer un cambio que rompa una página.

1. Pruebe un cambio a la vez: La optimización de recursos cambia la forma en que el navegador recibe los archivos de su tema. Modifique un ajuste, revise el sitio y luego continúe, de modo que cualquier problema tenga una causa evidente.
2. Abra la pestaña CSS y JavaScript: En WordPress, abra Zinn Digital®, Cache Pro y luego CSS y JavaScript. Las imágenes se encuentran en su propia pestaña.
3. Comience con los valores predeterminados seguros: Mantenga activado Usar los valores predeterminados seguros. Nunca retrasa jQuery ni los banners de consentimiento de cookies, y no modifica las páginas de pago.
4. Retrase JavaScript y luego elimine el CSS no utilizado: Active Retrasar JavaScript hasta que el visitante interactúe, guarde y revise sus páginas principales con la sesión cerrada. Luego active Eliminar el CSS no utilizado. Si algo deja de funcionar, añada su script o su hoja de estilos a la lista de archivos que no se deben modificar.
5. Sirva imágenes WebP y AVIF: En la pestaña Imágenes, active WebP o AVIF y luego convierta sus imágenes existentes. Los originales permanecen donde están y un solo clic elimina cada copia convertida.
6. Por qué no hay opción de minimizar o combinar: Combinar archivos resultaba útil en HTTP/1.1, pero ralentiza las páginas en HTTP/2 y HTTP/3; además, la minimización ahorra solo un pequeño porcentaje una vez que los archivos están comprimidos, siendo al mismo tiempo la causa más común de diseños rotos. Eliminar el CSS no utilizado y retrasar JavaScript es donde se encuentra la verdadera ganancia.

Con capturas de pantalla: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress