Trucos Rápidos para Aumentar la Velocidad de Tu Web WordPress: Mayor y Mejor Optimización

En el artículo anterior, hablamos de la importancia de la velocidad de carga de una web y vimos algunos consejos básicos para aumentar la velocidad de WordPress. En este artículo, vamos a ver cinco consejos más para optimizar aun más tu web.

Sin más preámbulos, ¡empecemos a ver el siguiente grupo de consejos para mejorar el rendimiento!

Cómo Aumentar Aun Más la Velocidad de Tu Web WordPress

Aquí tienes algunos consejos más para mejorar la velocidad de tu web:

Usa un Red de Distribución de Contenidos, conocido como CDN (Content Delivery Network) para tus recursos. 

Cuando quieras mostrar al mundo el vídeo en el que apareces tocando el piano mientras patinas, sería una opción más inteligente que subieses a YouTube en lugar de alojarlo en tu propio servidor. Entonces, ¿por qué no hacer lo mismo con las imágenes, e incluso con los archivos CSS y JavaScript?

Los CDNs, o "redes de distribución de contenidos" sirven precisamente para esto.  Y debido a su naturaleza, normalmente son más rápidos que tu servidor ya que hacen uso de la magia de la nube. Además, desde el punto de vista del navegador, es más rápido que conseguir los archivos desde dos servidores que desde uno solo.  

Aunque el mercado de los CDNs está dominado por servicios de pago como Amazon CloudFront, MaxCDN y otros muchos, muchos más, también es cierto que existen servicios gratuitos. Te sugiero que pruebes y veas como funcionan los sistemas CDN instalando Jetpack desde WordPress.com y activando el módulo "Photon". Si necesitas más potencia y configuraciones personalizadas, podrás migrar a un servicio de pago sin perder ningún archivo. 

Optimiza tus archivos automáticamente con plugins

Las imágenes son importantes en las páginas web ya que suelen resultar su parte más atractiva. Pero usar demasiadas imágenes puede doblar, triplicar o cuadruplicar el peso de tu página, y podría hacer que estas tarden más en terminar su carga.

Si te es posible usar menos imágenes, es algo que podrías hacer para optimizar la velocidad ("sentido común") pero si consideras que es mejor mantener esas grandes imágenes, intenta optimizarlas de forma que ocupen menos espacio y carguen en menos tiempo. 

En otros tutoriales de internet sobre la optimización de la velocidad de WordPress, casi todo el mundo parece estar de acuerdo en sugerir el plugin WP Smush.it, y realmente hace un buen trabajo, pero yo voy a arriesgarme sugiriendo EWWW Image Optimizer. Tiene un nombre raro pero creo que es una mejor alternativa a WP Smush.it porque puede comprimir mayor cantidad de formatos de archivo y tiene más opciones de configuración. Prueba cada uno de ellos y decide por tí mismo.

Usa un tema preparado para dispositivos móviles para proporcionar una mejor experiencia en estos.

Mostrar exactamente la misma página a un usuario móvil que a uno que la visita desde un ordenador de sobremesa es algo de 2010. Hoy en día, todo el mundo hace uso del "diseño web responsive", en el que se reorganiza y modifica el diseño según los tamaños de pantalla de forma que los usuarios puedan visionar la página más fácilmente.

Pero hacer esto normalmente implica coger la página (con el mismo peso) y cambiar simplemente el diseño hasta que éste se ajuste a las pantallas de los dispositivos móviles, pero los usuarios con velocidades de conexión a internet móvil no se esperarán 10 segundos hasta que la página acabe de cargar. ¿No sería fantástico si en lugar de modificar el diseño dinámicamente para los usuarios de dispositivos móviles, pudiésemos mostrarles un diseño completamente nuevo y más liviano?

Pues parece que también tenemos plugins para conseguir esto. El plugin Jetpack by WordPress que hemos mencionado anteriormente dispone de un módulo llamado "Mobile Theme" que nos proporciona un sencillo tema para móviles fácil de configurar.   Si deseas mayor control, puedes buscar WPTouch Mobile Plugin, es gratuito, aunque también cuenta con una versión "pro" que ofrece más temas para móviles que la versión gratuita.

Usa un tema sencillo para mejorar la experiencia de usuario y la velocidad de carga

¿Has comprobado alguna vez el rendimiento de tu tema? Si no lo has hecho, no estás solo: la gente tiende a enamorarse de un tema y olvidan el hecho de que quizá contenga demasiadas imágenes, no tenga un archivo CSS optimizado, su código HTML es horrible, o realiza cientos de consultas para servir cada página. Como humanos que somos, es muy posible que nos sintamos persuadidos por un tema con un diseño espectacular… pero recuerda: los diseño preciosos cuyo código es de baja calidad harán más daño a tu web que un tema no tan sexy pero con un código base sólido.

Comprueba los resultados de los tests de velocidad de tu web en PageSpeed, e instala el plugin Admin Bar Queries para evaluar el rendimiento de tu tema. Si verificas que tu tema ralentiza tu web, deberías instalar uno más sencillo que el que estés usando.

Recuerda: un buen diseño no tiene porque estar necesariamente repleto de gráficos.  En ciertas ocasiones menos es más, especialmente en este momento en el que el "flat design" es la tendencia dominante.

Sé cauto en el uso de plugins

Sí, ya se´, los plugins son una maravilla. Nunca tienes suficientes funcionalidades y características de las que te ofrecen los plugins para enriquecer tu web.  Un plugin para contar las visualizaciones del artículo aquí, un mecanismo para realizar votaciones allá… y de pronto te preguntas por qué el servidor tarda seis segundos en cargar la página.

Podrías decir que hablo como un hipócrita ya que de hecho te he sugerido un montón de plugins en este mismo artículo. Te aseguro que no es así: el empleo de muchos plugins no es lo que ralentiza tu página, pero sí aquellos que interactúan con el front-end, la parte perteneciente a la presentación de la página. En especial aquellos que alteran campos de la base de datos con cada visita a una nueva página.

Irónicamente, puedes comprobar qué plugins hacen que tu web vaya lenta instalando otro plugin. El plugin P3 (Plugin Performance Profiler) realiza tests a través de tus páginas y mide el tiempo de la carga total que le corresponde a cada plugin, proporcionándote una idea de qué plugins ralentizan más tu web.

Conclusión

Como he mencionado al principio de esta serie, la velocidad de carga siempre es un aspecto crítico. Debes vigilarla constantemente, de forma que estos artículos no son del tipo "haz esto una vez y listo". No te estoy diciendo que deberías guardar estos tutoriales, pero sería una buena idea.

¿Te gustaría añadir algo más a esta serie? Cuéntanos tu opinión en un comentario aquí abajo. Y si te gustó el artículo, ¡no olvides compartirlo con tus amigos!