Elimine el CSS no utilizado, retrase JavaScript y sirva WebP y AVIF

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. Cambie un ajuste, revise el sitio y luego continúe, para 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 están en su propia pestaña.

3. Comience con los valores predeterminados seguros

   Mantenga activada la opción «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 la opción de posponer JavaScript hasta que el visitante interactúe, guarde los cambios y revise sus páginas principales con la sesión cerrada. A continuación, active la opción de 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 deben modificarse.

5. Servir imágenes WebP y AVIF

   En la pestaña Imágenes, active WebP o AVIF y, a continuación, convierta sus imágenes existentes. Los originales permanecen donde están y un solo clic elimina todas las copias convertidas.

6. Por qué no hay una opción de minificar o combinar

   Combinar archivos ayudaba en HTTP/1.1, pero ralentiza las páginas en HTTP/2 y HTTP/3, y la minificación ahorra solo un pequeño porcentaje una vez comprimidos los archivos, siendo la causa más común de un diseño roto. La verdadera ventaja está en eliminar el CSS no utilizado y retrasar JavaScript.

Siguiente guía: Limpiar la base de datos de WordPress