Autoptimize es un plugin para mejorar la velocidad de tu sitio de WordPress que es recomendado por muchos expertos.
El problema en términos de velocidad es que muchos usuarios no se educan y piensan que presionando botones van a obtener mejoras de rendimiento
Veamos cada uno de las opciones que Autoptimize nos da para mejorar la velocidad de un sitio de WordPress.
Table of Contents
Reseña sobre Autoptimize
Autoptimize es un plugin que tiene cinco pestañas que te pueden ayudar a optimizar un sitio web:
- JS, CSS y HTML
- Images
- Critical CSS
- Extra
- Optimize More
La sección de JS, CSS y HTML es una opción para optimizar esos tres archivos que son parte importante de nuestros sitios de WordPress. Todas las opciones en esta sección son completamente gratuitas.
La sección llamada Images tiene la opción de optimizar las imágenes por medio de Short Pixel y de aplicar Lazy Loading qué es una función nativa de WordPress. La funcionalidad de ShortPixel requiere de una suscripción.
La sección de Critical CSS es una opción premium del plugin por lo que debes pagar una mensualidad para usar esta sección.
La sección de Extras tiene opciones como Remover Emojis, optimizar los Google Fonts, remover query strings y opciones para preconectar y precargar. También cuenta una opción para cargar el JS del sitio de forma asincrónica.
La sección de optimizar más tiene enlaces a servicios que el desarrollador del plugin desea recomendar.
Lo Más Importante de Autoptimize
Lo más importante de este plugin es la sección que permite optimizar el CSS, JS y el HTML del sitio.
Optimizar el JavaScript
Estas son las opciones disponibles para la optimización del JavaScript
Optimize JavaScript Code? | Solo Minifica el JavaScript |
Aggregate JS File? | Combina el JS en un solo archivo |
Do not aggregate but defer? | Deferir el JS del sitio |
Also aggregate inline JS? | Esto extrae el JS del HTML |
Force JavaScript in <head>? | Carga rapida del JS, causa Render Blocking |
La recomendación es:
- Usar las primera opción para minificar los scripts
- No combienes los scripts si tu sitio usa HTTP/2, esta optimización puede tener un impacto negativo en la velocidad.
- La opción de deferir el JavaScript incluyendo JQuery es una de mis optimizaciones favoritas que hago usando PerfMatters
- Los expertos no recomiendan usar las últimas dos opciones en la tabla
Optimizar el CSS
Estas son las opciones disponibles para la optimización del CSS del sitio
Optimize CSS Code? | Minificar el CSS del sitio |
Aggregate CSS-files? | Combina archivos CSS |
Also aggregate inline CSS? | Agrega el CSS en el HTML |
Generate data: URIs for images? | Incrustar imágenes de fondo en el CSS |
Inline and Defer CSS? | Creación de CSS Crítico en sitios Externos |
Se recomienda:
- Usar la primera optimización ya que esta minifica el CSS del sitio
- Para quienes usan HTTP/2, la opción de combinar el CSS puede aumentar el tiempo de carga.
Recomendación
Mi recomendación es hacer pruebas en GTMetrix para determinar si vale la pena mantener este plugin instalado.
Toma en cuenta lo siguiente:
- Combinar el CSS y el JS aumenta el tiempo de carga. Esta es una optimización que no realizó.
- La minificación del JS, HTML y CSS puede ser realizada desde el panel de CloudFlare pero la minificación realizada con Autoptimize es muy superior y mucho más agresiva. Confirmalo haciendo la prueba con ambas tecnologías y revisando el código fuente.
Entradas Relacionadas
Espero que hayas encontrado todo lo que estabas buscando sobre la optimización de la velocidad de tus sitios de WordPress.
Estas son algunas entradas relacionadas con el tema de optimización web
- Cómo Usar la Cascada de GTMetrix y Optimizar WordPress
- Reseña Honesta sobre PerfMatters
- Cómo Reducir el Impacto de Google Analytics en WordPress
- Cómo Desactivar el HeartBeat de WordPress
- 7 Plugins de Cache para WordPress
- Reseña sobre Flying Scripts de WP Speed Matters
- ¿Debería Generar CSS Crítico en WordPress?
Si tienes preguntas sobre este contenido, puedes escribirme por medio de mis redes sociales.