tutorial autoptimize wordpress

Comprimir el c贸digo de tu p谩gina web para mejorar la velocidad de la web es una t茅cnica muy utilizada y muy f谩cil de aplicar en WordPress.

Existen muchos plugins para comprimir el c贸digo y tambi茅n se puede realizar la compresi贸n manualmente modificando los archivos y copiando el c贸digo en herramientas online.

驴Pero en el Tutorial del plugin Autoptimize que cre茅is que vamos a utilizar?

Pues est谩 claro, en este caso vamos a utilizar el plugin Autoptimize para realizar la compresi贸n del c贸digo HTML, CSS y JavaScript.

Autoptimize

Este plugin tiene m谩s de 300.000 instalaciones activas es gratuito y se puede instalar desde el repositorio de WordPress.

instalar plugin autoptimize

Una vez instalado sus opciones est谩n en Ajustes > Autoptimize

menu autoptimice

Una vez dentro de las opciones tienes que activar las tres casillas que aparecen para comprimir el tipo de c贸digo correspondiente.

Si utilizas una CDN puedes indicar la URL ra铆z de la CDN para usar los archivos comprimidos de Autoptimize.

Comprimir-html-css-wordpress

隆Y ya est谩! El c贸digo ya estar谩 comprimido.

En el bot贸n de la parte superior puedes ver m谩s opciones avanzadas.

Encontraras algunas 煤tiles como comprimir el css y java que este incrustado en el HTML y poder cargar estos c贸digos al final de la p谩gina.

Aqu铆 tienes que tener cuidado con lo que configuras y despu茅s comprobar que todo funciona bien en tu web.

Si tienes alg煤n problema en tu web despues de tocar estas opciones puedes volver a configurarlas por defecto y debes borrar la cache desde el bot贸n Autoptimize que aparece en la barra superior de WordPress.

Otras funciones

Autoptimize no solo comprime los archivos si no que tambi茅n combina los聽archivos聽despu茅s de minificarlos para generar muchas menos peticiones de la base de datos.

Por ejemplo si en nuestra p谩gina web se cargan varias hojas de estilo CSS Autoptimice las comprime聽y las reunifica聽en un solo archivo que crea autom谩ticamente.

De esta manera se reduce mucho las peticiones a la base de datos de WordPress, mejorando aun mas la velocidad y los recursos del servidor聽sobretodo cuando tenemos muchas visitas.

Y ademas Autoptimize permite que el archivo unificado sea cacheado autom谩ticamente, para que no tenga que generarlo siempre y se pueda utilizar conjuntamente con una cache.

Recomendaciones

Una vez activadas las opciones del plugin navega por tu web y comprueba que funciona correctamente.

Estas funciones pueden verse afectadas sobre todo por comprimir el c贸digo JavaScript, si notas alg煤n error desactiva el comprimido del JavaScript.

Comprueba al menos:

  • El slider
  • El comportamiento Responsive de la plantilla
  • El men煤 y los botones

Despu茅s mide la velocidad de carga de tu web y compara los resultados con Gtmetrix.

Busca los par谩metros de la imagen para comprobar que tienes la compresi贸n de c贸digos activada.

comprueba la compresion de wordpress

Otra recomendaci贸n, no utilices dos plugin que realicen esta misma opci贸n, otros plugins de optimizaci贸n tienen esta opci贸n integrada, como por ejemplo algunos plugins de cach茅 como WP-Rocket y W3 total cache

驴Esperabas un post de 7000 palabras? Pues por suerte para ti este plugin no es nada complejo y por suerte para mi salud no todos los tutoriales de plugins son tan largos Jajajaja.

5 comentarios en “Tutorial Autoptimize ,comprime c贸digo html css y javascript

  1. Yo uso W3 Total Cache y me va bien, pero cuando minifico los archivos css, js y html me da errores de carga del CSS y me aparece la p谩gina 芦descarajada禄. Tendr茅 que averiguar qu茅 es lo que me est谩 fastidiando. A ver si puedo probar este plugin, que parece bastante interesante.

    隆Gracias por el aporte! Un saludo.

Deja un comentario

El email no ser谩 publicado. Vas a introducir datos en la web si comentas:

  • Responsable de los datos Gerardo Garc铆a Asensio
  • Los datos se usar谩n para gesti贸n de comentarios y medidas de seguridad
  • Legitimaci贸n: tu consentimiento.
  • Destinatarios: los datos estar谩n ubicados en los servidores de Siteground.
  • Derechos: podr谩s ejercer tus derechos, entre otros, rectificar, limitar y borrar tus datos.

Pin It on Pinterest

Esta web utiliza cookies para su funcionamiento. Lee y acepta el aviso legal o abandona la web. m谩s info

Los ajustes de cookies de esta web est谩n configurados para "permitir cookies" y as铆 ofrecerte la mejor experiencia de navegaci贸n posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estar谩s dando tu consentimiento a esto.

Cerrar