Reseña Honesta sobre Autoptimize

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.

Veamos cada uno de las opciones que Autoptimize nos da para mejorar la velocidad de un sitio de Wordpress.

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 membresía.

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

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 primeras dos opciones sin embargo 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 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 las dos primeras optimizaciones, 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.

Si el combinar el CSS y el JS aumenta el tiempo de carga, recuerda que la minificación del JS, HTML y CSS desde el panel de CloudFlare.

Entradas Relacionadas

Estas son algunas entradas relacionadas con el tema de optimización web

  1. Cómo Usar la Cascada de GTMetrix y Optimizar WordPress
  2. Reseña Honesta sobre PerfMatters
  3. Cómo Reducir el Impacto de Google Analytics en WordPress
  4. Cómo Desactivar el HeartBeat de WordPress
  5. 7 Plugins de Cache para WordPress
  6. Reseña sobre Flying Scripts de WP Speed Matters
  7. ¿Debería Generar CSS Crítico en WordPress?

Sobre Jose manuel

Soy José Manuel, empecé un blog en el 2011 como un pasatiempo y para hacerlo en mis clases y poco a poco, me enamoré de WordPress. Espero que algo de todo lo que he escrito te sirva de ayuda.

RevistaWP

RevistaWP es un sitio donde registro mis pensamientos y descubrimientos sobre todo lo que sucede dentro del mundo WordPress

Contacto

Puedes contactarme por medio de los siguientes canales