Ya sabemos que un sitio web no debería demorar más de 2 segundos para cargar una página.
En este artículo te voy a hablar de algunos plugins que debes de instalar para optimizar, y también al final les dejo un vídeo explicando todo.
Optimización básica de la velocidad del sitio web
WPRocket:
El plugin por excelencia para mejorar la velocidad. Hay que activar prácticamente todas las opciones que allí dice. Si instalas otro plugin que tiene opciones que hacen lo mismo, entonces aquí desactivas esas opciones, ya que tener 2 plugins haciendo lo mismo genera más código que hace más lento el sitio.
Imagify
Plugin de los mismos creadores de WP-Rocket, que es recomendado al configurar dicho plugin, que optimiza el peso de las imágenes. Es gratuito y debes de integrarlo al WPRocket.
amp-wp.org:
AMP es una tecnología web de código abierto desarrollada por el AMP Open Source Project. Se trata de un framework enfocado principalmente en la creación de páginas web optimizadas para cargar rápidamente en dispositivos móviles.
Optimizar sitio según mensajes de Google Page Speed
Según nuestro sitio web, al momento de testearlo con la herramienta de velocidad de google, entonces aparecerán unos mensajes, para lo cual mi recomendación es que busque en el mismo google que quieren decir esos mensajes (Copie y pegue en el buscados, ese mismo mensaje), y generalmente encontrarás un artículo que dice de que se trata y que plugin deberías usar para ello.
En el pantallazo vemos los mensajes más comunes. Para el primer mensaje si debes de hablar con el hosting, y ya para los otros mensajes si puedes usar los siguientes plugins.
Asset CleanUp Pro: Page Speed Booster
Los archivos CSS se utilizan para almacenar instrucciones que afectan las fuentes, los colores, los anchos. Respecto al Javascript es el lenguaje de programación que se usa para generar ciertas acciones, como por ejemplo formularios, animaciones de la web, etc.
Eliminar CSS no utilizadas y diferir la carga de css que no se utiliza para el contenido de la mitad superior de la página, buscar y encontrar código css innecesario, Eliminar CSS Y JavaScript No Usados, hace que la velocidad mejore mucho, y de eso se encarga este plugin.
Se recomienda que estas opciones en WP-Rocket, las que tienen que ver con optimizar archivos, sean desactivadas.
También se recomienda activar el modo prueba, para ver que sucede si empieza a activar todas las opciones, y si no sucede nada al sitio, entonces quita el modo prueba.
Descargar plugins para WordPress
Existen varios sitios en las que se pueden conseguir plugins de pagos de una forma más económica, revisa en cuales de estos sitios puedes encontrarse una versión más asequible.
gpldl.com
extrawp.com
nobuna.com
wpmagnum.com
plugintheme.net
Plugins opcionales
Con los plugins de arriba se pueden hacer todas las optimizaciones, pero si alguien quiere probar algo adicional, entonces le recomiendo estos otros plugins.
a3-lazy-load:
Este plugin retrasa la carga de imágenes, de tal manera que se carga en la medida que el usuario se desplaza por la página. Si ya tienes los plugins de arriba o por ejemplo el WP-Rocket, entonces no es necesario instalar este.
Plugin Organizer
Este plugin es opciones, si usted tiene muchos plugins instalados, ya que esto permite que usted elija en que orden quiere que se carguen los plugins, y así los que no se necesitan o son muy pesados, quedan al final, y así no demoran la carga del sitio. Esto para webs que tienen más de 10 plugins instalados.
SiteGround Optimizer:
Es bueno utilizar el plugin que provee el hosting, ya que logra una mejor integración entre el hosting y el sitio web respecto a la configuración de la velocidad. En mi caso desactivé las mismas opciones de optimización de WPRocket, y dejé solo una opción que decía Caché dinámica y Automatic Purge.
Async JavaScript
Cuando un usuario llega a un sitio web, normalmente se desplaza de arriba hacia abajo, por tanto, los recursos de la parte final del sitio web, no es algo que en esos momentos necesite.
Cuando aparece el mensaje de que «elimine los recursos de bloqueo de renderizado», es que se está cargando recursos innecesarios en la parte superior del código de su sitio, y va a hacer que los navegadores de los visitantes tarden más en descargar la parte visible de su contenido.
Autoptimize y Async JavaScript son dos plugins independientes y gratuitos del mismo desarrollador. Juntos ayudan a optimizar la entrega de su CSS y JavaScript. Async JavaScript ayudaría especialmente a este propósito.
Y por último algunas recomendaciones:
- Haga copia de seguridad antes de hacer la optimización
- Lea cada apartado y active las opciones que considere más adecuadas de cada plugin, sino entiende busque en Google
- Si un plugin hace una misma función que otro, entonces desactívela en uno de ellos, recomiendo desactivar esa misma función en WP-Rocket, que es el más general de todos.
- Cada que haga un cambio pruebe en la herramienta de velocidad de Google, si aumenta la velocidad, entonces la deja, si no, entonces la desactiva.
- Cada que haga un cambio, revise como se ve la página, si se ve mal desactive la opción o restaura la versión anterior de la web.
