Estás leyendo la publicación: Autoptimize Review: ¿Puede ser bueno un complemento gratuito de velocidad del sitio de WordPress?
Esta revisión de Autoptimize demostrará cómo este complemento de WordPress puede mejorar el rendimiento de su sitio de WordPress. El complemento Autoptimize es muy popular, se usa en más de un millón de sitios, y ha recibido más de mil reseñas de cinco estrellas en WordPress.org.
En esta revisión de Autoptimize, cubriremos:
- Qué es la optimización automática
- Características y cómo usarlas
- Optimizar precios automáticamente
- Pros y contras
- Alternativas
¿Apurado? ¡Obtenga Autoptimize aquí mismo!
Autooptimizar revisión
-
Facilidad de uso
-
Características
-
Apoyo
-
Precios
-
Probable de recomendar
Resumen
Autoptimize es un excelente complemento para minimizar y combinar archivos JavaScript, CSS y HTML. Definitivamente mejorará la velocidad de su sitio web. Si desea lograr aún más, agregue el complemento de almacenamiento en caché WP Rocket. ¡Consigue Autoptimize y WP Rocket aquí mismo!
ventajas
- La optimización automática es gratis
- Fácil de usar
- Buena optimización
Contras
- Puede que tengas que hacer muchas pruebas A/B para lograr los mejores resultados
- No hay soporte para la versión gratuita
¿Qué es el complemento de optimización automática?
Autoptimize optimiza el rendimiento de los sitios web al agregar y minimizar archivos CSS, JavaScript y HTML. Todos los anteriores tienen opciones avanzadas. Autoptimize no realiza ningún almacenamiento en caché de páginas HTML y es compatible con todos los servidores web.
También hay disponible una versión premium de Autoptimize llamada Autoptimize Pro. La versión premium agrega funciones como optimización de imágenes, integración de CDN, reglas CSS críticas automáticas, opciones adicionales de refuerzo y brinda soporte premium.
Autoptimize es menos completo que otros complementos de almacenamiento en caché; su tarea principal es optimizar el código, no el almacenamiento en caché. Para fines de almacenamiento en caché, puede usar WP Rocket. Los dos trabajan juntos sin conflictos.
Notas:
-
- Haga una copia de seguridad de su sitio de WordPress antes de experimentar con Autoptimize.
-
- Revise su sitio después de implementar cualquier optimización.
Funciones de optimización automática
Para esta revisión de Autoptimize, echaremos un vistazo a las características principales en las que sobresale.
- Minificación – Autoptimize se especializa en la eliminación de código innecesario para mejorar el rendimiento de su sitio web.
- Agregación – Autoptimize combina scripts y archivos para reducir las solicitudes de red y mejorar la velocidad de su sitio web.
- Carga lenta – La optimización de imágenes se realiza cargando imágenes solo cuando los visitantes se desplazan en la vista, lo que mejora el rendimiento.
- asíncrono/aplazado – Los scripts se descargan en segundo plano para optimizar los tiempos de carga de la página.
- almacenamiento en caché del navegador – El almacenamiento en caché del navegador es otra forma de mejorar el rendimiento mediante el almacenamiento de archivos en el navegador de un usuario para reducir el tiempo de carga de las páginas web para los visitantes repetidos. Los archivos almacenados no necesitan recuperarse o cargarse nuevamente durante un período específico, lo que hace que las visitas posteriores al sitio sean más rápidas.
- Eliminando emojis – Esto puede ayudar a reducir el tamaño de la página y aumentar la velocidad de la página.
- Optimización de fuentes de Google – La optimización de las fuentes de Google puede acelerar el sitio al cargarlas previamente en la sección principal del archivo de la página.
- CSS en línea – CSS en línea puede cargar imágenes en línea usando “URI de datos” para imágenes más pequeñas para disminuir el tiempo de carga de la página.
- CSS crítico – Esta es una versión más avanzada de la anterior orientada al contenido de la mitad superior de la página.
- Incluir/excluir archivos – Incluya o excluya archivos específicos basados en ID o nombres de clase.
- CDN (Content Delivery Network) – Integración con una red de servidores distribuida en diferentes regiones. Esto le permite almacenar en caché el contenido de su sitio y acercarlo a su cliente.
Opciones de optimización de JavaScript
Las características principales de la optimización de JS en Autoptimize son las siguientes.
Optimización de código JavaScript – Habilite esta opción. La optimización automática minimizará sus archivos JavaScript.
Archivos JavaScript – Agregado – La opción “archivos JS agregados” de Autoptimize puede combinar los archivos JavaScript de su sitio web en un solo archivo. Esta configuración es opcional si utiliza servidores HTTP/2 modernos que admitan multiplexación y descargas paralelas. Aunque la agregación de archivos CSS y JS aún resultará en un aumento de velocidad para sitios específicos de WordPress, puede probar la velocidad de su página con esta opción habilitada y deshabilitada para ver cuál funciona mejor para usted.
JS en línea agregado – Mantenga esta opción deshabilitada. Esta opción extrae JS en línea de su HTML y lo combina con el archivo JS optimizado de Autoptimize. Puede aumentar rápidamente el archivo JS generado y causar problemas en algunos sitios web.
JavaScript en la cabeza – Forzar la entrada de archivos JavaScript puede generar “elementos de bloqueo de renderizado” y ralentizar la velocidad de su sitio. No se recomienda esta opción.
Excluir guiones – Esta opción le permite excluir específicamente ciertos directorios y archivos JavaScript para que no se agreguen juntos. Esto puede ser útil si tiene ciertos archivos que no desea combinar con otros.
Archivos JavaScript asíncronos (en la sección “Opciones adicionales de optimización”) – La característica de “archivos JavaScript asíncronos” de Autoptimize es una excelente manera de mejorar la velocidad de su página al cargar ciertos archivos JavaScript externos de forma asíncrona. Sin embargo, se recomienda realizar algunas pruebas antes de implementar esta función para asegurarse de que no afecte la funcionalidad de su sitio.
Optimizar las opciones de código CSS
Optimización de código CSS – Para minimizar sus archivos CSS, habilite “optimizar código CSS”. Se recomienda habilitar esta opción.
Agregar archivos CSS – No se recomienda combinar archivos CSS en un solo archivo, pero puede hacer pruebas y comparar resultados (“archivos CSS agregados” ACTIVADO y DESACTIVADO). No considere solo los resultados de las aplicaciones de prueba como PageSpeed Insights; verifique la funcionalidad completa de su sitio web en computadoras de escritorio y dispositivos móviles.
CSS en línea agregado – Al igual que en la opción anterior, se recomienda probar los resultados cuando la configuración está en ON.
Generar datos: URI para imágenes – Autoptize codificará imágenes de fondo y las incrustará en archivos CSS si esta opción está habilitada. Activar esta opción puede reducir el número de solicitudes HTTP, pero aumentará el tamaño de los archivos. Se recomienda nuevamente probar los resultados de activar esta opción.
CSS en línea y diferido – Incrustar CSS crítico puede mejorar la velocidad del sitio. La optimización automática requerirá los estilos en línea necesarios para los elementos que están “en la mitad superior de la página”. El CSS en línea generalmente se enfoca en elementos estructurales, familias y tamaños de fuentes globales y estilo de navegación.
El archivo CSS completo más grande se puede cargar más tarde sin afectar el aspecto de la página al incorporar estos elementos esenciales.
No olvide comprobar los resultados en la parte delantera de su sitio web.
Excluir CSS de Autoptimize – Autoptimize, por defecto, excluye los siguientes archivos y directorios de la agregación:
- wp-content/caché/
- wp-content/uploads/
- admin-bar.min.css
- dashicons.min.css
Si no desea que Autoptimize comprima sus archivos CSS, puede agregarlos a esta lista.
Opciones de optimización de HTML
La función de código “optimizar HTML” es beneficiosa porque minimizará el tamaño de la página HTML al eliminar los espacios en blanco innecesarios en su HTML. Aunque esta opción suele ser compatible con la mayoría de los sitios web, deshacerse de los espacios en blanco puede hacer que algunos sitios no funcionen correctamente. Por lo tanto, sugerimos probar la optimización del código HTML antes de usarlo en un sitio web en vivo.
Usando un CDN
Las capacidades de CDN de Cloudflare significan que no necesita realizar ninguna configuración adicional para usar Autoptimize. También puede minimizar su código para una mejor optimización. Ingrese la URL de CDN en este campo si está utilizando un servicio de CDN diferente.
Optimización de imagen
La integración integrada de Autoptimize con ShortPixel ayuda a optimizar las imágenes. (Tendrá que suscribirse a ShortPixel para usar esta función). Además de configurar la calidad de la imagen, la integración de Autoptimize le permite generar y servir versiones WEBP de sus imágenes.
Imágenes de carga diferida – Retrasa la carga de imágenes “debajo del pliegue”. Excluye imágenes en la parte superior de la página, como logotipos, íconos sociales y la imagen destacada de “Lazy load”.
Opciones de optimización adicionales
Fuentes de Google – Las opciones de optimización automática para optimizar las fuentes de Google son:
No selecciones “Dejar como está”. En este caso, no aprovecha ninguna optimización.
Si las fuentes de Google no son un requisito fundamental para su sitio, eliminarlas puede tener un impacto positivo en la velocidad de su página. Si desea seguir usando Google Fonts, le recomiendo probar las últimas tres opciones para ver cuál funciona mejor para su sitio.
En términos generales, Autoptimize es una gran herramienta para optimizar los problemas de fuentes de Google.
Quitar emojis
Esta opción elimina los emojis principales de WordPress. Al habilitar esta opción, puede reducir el tamaño de su página.
Eliminar cadenas de consulta
Si desea eliminar las cadenas de consulta (p. ej., ?ver=) de los recursos estáticos, puede habilitar esta opción. La eliminación de las cadenas de consulta no afectará el tiempo de carga, pero puede mejorar (intente ACTIVAR y DESACTIVAR) la puntuación de su sitio en GTmetrix, Google Pagespeed y otros servicios de prueba de rendimiento.
Preconectarse a dominios de terceros – La directiva de preconexión permite que su navegador se conecte a dominios específicos para procesar búsquedas de DNS y negociaciones de protocolo de enlace SSL antes de que se envíe una solicitud HTTP completa. Hacer esto puede mejorar el rendimiento de su sitio al reducir el tiempo que el navegador pasa conectándose al servidor.
Precargar solicitudes específicas – La directiva de precarga le permite decirle al navegador web que descargue un activo con anticipación. Esto es útil para los recursos necesarios al principio del proceso de carga de la página. En la práctica, la carga previa se usa a menudo para mejorar los tiempos de carga de las fuentes personalizadas cargándolas antes de que se soliciten en el CSS de la página.
Guardar scripts agregados/CSS como archivos estáticos – Se recomienda habilitar esta opción para guardar archivos agregados como archivos estáticos localmente (deshabilitaría esta configuración solo si su servidor no puede manejar la compresión y la caducidad).
Optimización automática de precios
El complemento Autoptimize es gratuito. O puede optar por la versión Pro, que ofrece lo siguiente:
- Optimización de imágenes y CDN: la optimización de imágenes sobre la marcha de Shortpixel utiliza formatos modernos y entrega de CDN para ayudarlo a acelerar su sitio web.
- Critical CSS: Critical CSS es una creación de reglas que garantiza automáticamente que su archivo CSS no bloquee el procesamiento, lo que mejora la velocidad de carga de su página web.
- Pro Boosters: la imagen adaptativa JS de ShortPixel garantiza que siempre se utilicen los mejores tamaños de imagen, por lo que no tiene que preocuparse por cargar imágenes de tamaño incorrecto. También puede especificar qué partes del HTML solo deben cargarse después de una interacción del usuario (o 5 segundos), para que pueda retrasar los nodos complejos debajo de la página, como el pie de página o los comentarios. Y si necesita retrasar la carga del CSS completo hasta la interacción del usuario (o 5 segundos), el CDN de ShortPixel lo tiene cubierto. También puede eliminar JavaScript o CSS específicos (innecesarios) en un sitio o página/nivel de publicación para ayudar a mantener su sitio web ágil y rápido.
La versión Autoptimize Pro cuesta $11,99/mes para un solo sitio y $31,99 para cinco sitios.
Revisión de optimización automática: pros y contras
ventajas
- La versión gratuita ayudará a mejorar CWV. Para ir un paso más allá, es posible que necesite WP Rocket.
- Esta herramienta minimiza y comprime automáticamente los archivos HTML, CSS y JavaScript para mejorar el tiempo de carga de la página.
Contras
- Configurar las diferentes opciones puede ser complicado; recuerde probar su sitio después de cambiar cada configuración.
- Autoptimize carece de algunas de las funciones de almacenamiento en caché que puede encontrar en WP Rocket. Para mejores resultados, sugiero usarlos juntos.
- No hay soporte para la versión gratuita, pero puedes encontrar artículos y videos que te ayudarán.
Autooptimizar alternativas de complementos
Este complemento tiene algunas alternativas; veamos dos de ellos para esta revisión de Autoptimize.
Cohete WP
WP Rocket es un poderoso complemento de almacenamiento en caché de WordPress que puede ayudarlo a aumentar sus tiempos de carga, mejorar su puntaje de PageSpeed y optimizar su Core Web Vitals.
Si está buscando una manera de mejorar el rendimiento de su sitio web, definitivamente vale la pena echarle un vistazo a WP Rocket.
Las características principales son:
- Funciones de almacenamiento en caché
- Optimizar archivos CSS (diferir CSS, eliminar CSS no utilizado, CSS en línea y más)
- Optimización de JavaScript
- Optimización de medios
- Funciones de precarga
- Reglas avanzadas para el ajuste fino de la memoria caché
- Gestión de base de datos
- Integración CDN
- Control de latidos del corazón
- Compatibilidad con muchos temas.
NitroPack
NitroPack es un excelente complemento: la solución perfecta para cualquiera que busque acelerar su sitio web. Combina todas las mejores funciones en un solo paquete, lo que lo convierte en la opción ideal para los propietarios de sitios web que desean un sitio web rápido.
Almacenamiento en caché avanzado, optimización de imágenes, optimización de código, CDN global incorporado, carga diferida: lo que sea, NitroPack lo tiene (y puede consultar nuestra revisión detallada de Nitropack para obtener más información).
NitroPack tiene mala prensa en Internet. La pregunta es: “¿Es el complemento NitroPack Black Hat SEO para la optimización de la velocidad?”.
Según lo declarado por NitroPack, “No, NitroPack no es una solución Black Hat, ni engaña a las herramientas de velocidad de página. En septiembre de 2022, NitroPack realizó un seminario web conjunto con Google, donde se discutieron en detalle los resultados del mundo real de NitroPack. Además, NitroPack fue reconocida como la solución de velocidad del sitio n.° 1 en el primer informe global Core Web Vitals”.
¿Buscas más opciones? Lea nuestro artículo sobre los 13 mejores servicios de optimización de velocidad de WordPress. Además, debe consultar nuestra revisión del complemento Perfmatters para averiguar si esta es la mejor manera de acelerar su sitio web.
Revisión de optimización automática: conclusión
En esta revisión de Autoptimize, analizamos cómo puede usar este complemento para mejorar la velocidad de su sitio web.
Autoptimize es un excelente complemento si tiene un sitio web de WordPress y desea mejorar el rendimiento de su sitio. Al modificar su configuración, puede habilitar funciones como la optimización de HTML y CSS y opciones más avanzadas como directivas de preconexión y precarga. De esta manera, puede asegurarse de que su sitio web de WordPress funcione de la manera más eficiente posible.
Sin embargo, no ofrece almacenamiento en caché.
Nuestra revisión de Autoptimize ha encontrado que el complemento tiene algunas deficiencias. Si puede pagar WP Rocket, le recomiendo usarlo. ¡Tu optimización será mucho mejor, sin duda!
