1. Instale y active el complemento Autoptimize:
- Vaya a su panel de WordPress.
- Haga clic en "Complementos" y luego en "Agregar nuevo".
- Busque "Optimizar automáticamente".
- Haga clic en "Instalar ahora" y luego en "Activar".
2. Configure los ajustes de optimización automática:
- Vaya a "Configuración" y luego a "Optimizar automáticamente".
- En la pestaña "General", asegúrese de que "Optimizar código JavaScript" y "Optimizar código CSS" estén habilitados.
- También puedes optar por habilitar o deshabilitar las opciones de minificación y compresión.
- Haga clic en "Guardar cambios" para aplicar su configuración.
3. Excluyendo guiones:
- Vaya a la pestaña Opciones de JS
- Busque "Excluir scripts de Autoptimize"
- Asegúrese de que se agreguen el archivo de script jQuery y cualquier otro script necesario.
- Se recomienda excluir scripts de complementos de terceros como:
>*jquery.js*
>*jquery-migrar.js*
4. Excluir estilos:
- Vaya a la pestaña de opciones de CSS.
- Establezca "Excluir estilos" en "Incluir solo estilos en línea y estilos que no se encuentran dentro del directorio /wp-content/"
- Por ejemplo, es posible que desee excluir:
>*elementor.css*
>*jetpack.css*
>*woocommerce.css*
5. Habilite el método de entrega CSS:
- Elija el método de entrega CSS
- En línea:integra todo el CSS para mejorar la velocidad de carga de la página.
- Async:para una mejor experiencia de usuario
6. Borre el caché y pruebe su sitio:
- Vaya a la pestaña Configuración general.
- Haga clic en el botón "Borrar caché".
- Pruebe su sitio para asegurarse de que todo funcione correctamente.
Si sigue estos pasos, puede configurar Autoptimize correctamente en su sitio de WordPress para mejorar su rendimiento y velocidad.