Autoptimize para WordPress – Minificar, combinar y cachear

Autor: | 2016-08-12T11:35:40+00:00 Fecha: 04/11/2015|Categorías: WordPress|Comentarios: 31 comentarios

Para obtener una buena puntuación en Google PageSpeed debemos cumplir ciertas reglas, que, al fin y al cabo, son buenas prácticas para favorecer al cliente, aunque no mejoren la velocidad de carga.
En este caso voy a hablar de un plugin que realmente si puede llegar a funcionar al 100% sí que mejora la velocidad de carga, pero la posibilidad de poder utilizar todas sus opciones o no depende totalmente del theme utilizado.

Autoptimize es un plugin completamente gratuito que está en constante desarrollo, las funcionalidades básicas del plugin incluyen la posibilidad de optimizar el código HTML, el optimizar código Javascript y optimizar código CSS.
Además, Autoptimize permite cachear todo este código optimizado para que no sea necesario optimizarlo cada vez que un visitante cargue el sitio web, lo malo es que solo permite guardar el cache en disco.

Autoptimize solo tiene una pantalla de opciones con muchas casillas de verificación que podemos activar para activar sus funcionalizadades:

autoptimize wordpress

Si pulsas sobre el botón de arriba de todo “Show Advanced Settings” podrás abrir todas las funcionalidades de Autoptimize:

autoptimize wordpress

Como puedes ver, todo está separado en tres secciones definidas y una cuarta sección que casi nunca se usa.

  • Optimizar el código HTML.
  • Optimizar el código Javascript.
  • Optimizar el código CSS.
  • Implementación de un CDN en subdominio para HTML, Javascript y CSS.

Al abrir las opciones avanzadas, además también tendremos una sección donde nos da información sobre el cache de archivos optimizados, ya que el cache viene activado por defecto.

autoptimize wordpress

Esta funcionalidad es una de las más interesantes de Autoptimize, ya que otros plugins que hacen exactamente lo mismo no tienen cache y a veces pueden ser bastante más lentos y consumir bastantes más recursos de los que consume Autoptimize.

No existe un manual exacto para configurar Autoptimize ya que depende muchísimo del theme que estamos utilizando, existen casos en los que solo se puede activar la optimización completa del código HTML que sería algo así:

autoptimize wordpress

Y en otros casos podremos activar la optimización Javascript o la CSS adaptando las opciones a las necesidades de nuestro sitio web o a los elementos que tiene nuestro sitio web.

autoptimize wordpress

Por ejemplo, en casos donde la web tenga un slider tenemos que tener especial cuidado con la activación de las funcionalidades de javascript si no queremos tener problemas, por otro lado si utilizamos un editor visual como Visual Composer o Thrive Content Builder debemos tener especial cuidado con la optimización de CSS ya que los elementos CSS3 muy elaborados pueden dar problemas.

Lo que quiere decir lo escrito en el párrafo anterior es que en algunas ocasiones es imposible cumplir al pie de la letra las reglas que impone Google PageSpeed Insights debido a que no todos los elementos de la web pueden ser optimizados siguiendo el procedimiento que hace Autoptimize: limpiar, minificar y combinar.

Puedes encontrar más información acerca de Autoptimize en el repositorio de plugins de WordPress: https://es.wordpress.org/plugins/autoptimize/

[Total: 26 Promedio: 4.1]
Mi nombre es Alvaro Fontela, soy consultor Wordpress y blogger activo desde hace años. Co-Fundador de Raiola Networks, escribiendo sobre Wordpress en este blog día tras día.

Utilizamos cookies propias y de terceros para obtener información estadística, mostrar publicidad personalizada a través del análisis de tu navegación, así como para interactuar en redes sociales. Si continúas navegando, consideramos que aceptas nuestra Política de cookies. ACEPTAR

Aviso de cookies