LOADING

Mejorar velocidad de carga

El tiempo es el activo más valioso que tenemos, incluso más que el dinero, especialmente en Internet, donde todo tiende a la inmediatez. La verdad es que pocas cosas resultan más frustrantes que una web que no acaba de cargar. Y es que una página demasiado lenta puede lastrar las conversiones y afectar al posicionamiento orgánico.

Si ves que tu sitio tarda más de tres segundos en cargar, deberías averiguar qué cosas están lastrando la velocidad y cómo mejorar el rendimiento general.

En este post te muestro algunas de las causas más frecuentes de la ralentización de un sitio web y lo que puedes hacer para tratar de solucionar cada una de ellas.

Cómo acelerar la carga de tu sitio web

En otro post hablaba sobre la importancia de la velocidad y te daba algunos consejos para mejorar la carga de tu sitio web. Pero ahora quiero centrarme en los problemas más frecuentes que pueden resultar fatales para el rendimiento de una web.

Ahora bien, la optimización tiene sus límites y debes ser consciente de ello. Muchas veces queremos que una tienda virtual con más de mil productos en catálogo, procesos automatizados y demás cargue tan rápido como un pequeño blog. Y eso es imposible.

Si empezamos a tocar sin saber lo que hacemos, lo más probable es que acabemos por romper el sitio web. Así que hay que considerar los pros y los contras de la optimización, para valorar si merece la pena.

A continuación te enumero las causas más comunes de un mal rendimiento, para que puedas averiguar si es tu caso y cómo puedes solucionarlas:

Problemas de almacenamiento en caché

El almacenamiento en caché es uno de los principales pilares a la hora de gestionar la carga de un sitio web. La caché consiste en almacenar temporalmente un conjunto de datos o tareas, de forma que, en futuras solicitudes, los datos se sirven con mayor rapidez que si se tiene que acceder a los datos desde la ubicación de almacenamiento principal.

A grandes rasgos, existen dos tipos de almacenamiento en caché: la caché del servidor y la del navegador. Como su propio nombre indica, la primera se almacena en el servidor donde está alojado el sitio web, mientras que la segunda la gestiona directamente el navegador del usuario. Aunque prestamos mucha importancia a la caché del servidor, muchas veces se descuida la caché del navegador.

El almacenamiento en la caché del navegador es muy importante para las visitas recurrentes. Cada vez que los usuarios llegan a su sitio web por primera vez, su navegador descarga y almacena todos los archivos como imágenes, CSS y archivos Java por un período de tiempo determinado. La próxima vez que los visitantes vuelven a la página web, la caché del navegador tira de estos archivos almacenados localmente antes de solicitar que se descarguen desde el servidor.

Reducir el número de solicitudes como el tráfico de datos de ida y vuelta se consigue un tiempo de carga de la página más rápido y se mejora la experiencia del usuario. Pero no está exento de problemas. Si no configuras el almacenamiento en caché correctamente, puede perjudicar la interacción del usuario.

Si su sitio web utiliza WordPress, puedes usar plugins de caché como WP Rocket, que incluye muchas características adicionales como carga lenta, limpieza de la base de datos, integraciones con CDN y muchas más. Lo bueno de estos plugins es que no necesitas ser un experto para manejarlo. Su asistente de configuración se encarga de todo.

CMS o plugins desactualizados

Un CMS desactualizado no solo puede ralentizar su sitio web, sino también causar muchos problemas de seguridad. La mayoría de vulnerabilidades y errores tienen su origen en software desactualizado. Por eso, te recomiendo que actualices tu software siempre que sea posible.

No te preocupes por no estar al día con las actualizaciones. La mayoría de los CMS como WordPress, Joomla, o Drupal te avisan cuando hay una nueva versión disponible. Tener las últimas actualizaciones de los plugins y extensiones también ayudarán a que la web cargue más rápido.

Eso sí, antes de instalar cualquier actualización conviene averiguar si las últimas versiones del software son compatibles con tu hosting, así como con otros plugins que tengas instalados. Y, por supuesto, haz copias de seguridad frecuentes que puedas restaurar rápidamente por si algo falla tras una actualización.

CSS y JavaScript que bloquean el renderizado

Si has usado la herramienta PageSpeed Insights para comprobar la velocidad de carga de tu web, seguro que te has encontrado con el mensaje de que elimines los recursos que bloquean el renderizado. Cada vez que tu sitio se carga en el navegador, debe solicitar al servidor que le envíe todos los archivos necesarios.

Si hay muchos archivos que descargar y/o son muy grandes, la carga se vuelve muy lenta impidiendo a los visitantes ver el sitio completamente. Para que tu web se cargue más rápido, lo ideal es eliminar o reducir los archivos de JavaScript y CSS que bloquean el renderizado, es decir, la visualización de tu web.

La mayoría de los archivos de JavaScript no son necesarios para que tu sitio web se visualice en el navegador, por lo que puede posponerse su carga. Por ejemplo, si utilizas alguna plataforma para medir el tráfico o las conversiones, asegúrate de que el script se puede cargar de forma asíncrona.

En el caso de los archivos de estilo CSS, se vuelve más complicado, porque muchas plantillas incluyen más estilos de los que van a usarse. Uno de los problemas que veo con más frecuencia es la combinación de plantillas sobrecargadas con algún plugin de rendimiento que unifica los CSS. Al juntar todos los CSS en uno se consigue un archivo extremadamente grande que ralentiza muchísimo la carga, aunque solo se esté usando un 5%.

Puedes analizar el uso de CSS mediante el para identificar qué archivos no son necesarios y pueden retrasarse. El problema más común es que muchos plugins cargan sus propios archivos, con lo que a veces no pueden . Mi consejo es reducir el número de plugins a los imprescindibles.

Base de datos sobrecargada

Una base de datos excesivamente grande puede ser un enorme lastre en el rendimiento de un sitio web. Una de las desventajas de WordPress es que guarda muchas cosas en su base de datos y ésta acaba por sobrecargarse. Pero hay varias cosas que puedes hacer para evitarlo.

Por ejemplo, los trackbacks y pingbacks no tienen ningún uso práctico en WordPress, así que los puedes desactivar. Las revisiones de los post son muy útiles cuando estás editando un artículo. Pero conviene que borres las que ya no te sirvan porque saturan tu base de datos.

Asegúrate de eliminar plugins innecesarios. Los plugins desactivados que ya no estás utilizando pueden almacenar información en la base de datos. Es mejor eliminarlos y, si en un futuro los vuelves a necesitar, instalarlos de nuevo.

Para mantener un tamaño óptimo en la base de datos te recomiendo utilizar algún plugin premium como WP Rocket. Estos plugins te permiten programar limpiezas periódicas de la base de datos, con lo que no tendrás que preocuparte de hacerlo manualmente.

Scripts de medios sociales

Las redes sociales se han convertido en una herramienta de marketing esencial para cualquier sitio web, facilitando que los usuarios compartan sus mensajes. Pero el uso excesivo de scripts y plugins de medios sociales puede disminuir el rendimiento de tu sitio.

Reduce el número de scripts y complementos de medios sociales que no son necesarios y, siempre que puedas, busca formas alternativas de programar y automatizar los procesos. En WordPress hay multitud de plugins que te permiten añadir botones de compartir al final de cada publicación.

Sin embargo, estos plugins pueden añadir mucha carga a su sitio web haciendo que vaya más lento. Mi consejo es que busques aquellos que están optimizados para cargar de forma asíncrona y te permitan activar o desactivar funciones según las necesites.

El uso de chatbots

Los chatbots te ayudan a gestionar las consultas de tus clientes directamente en tu sitio web. Según Salesforce, el 69% de los clientes prefieren usar los chatbots para acelerar su comunicación con una marca. Pero no es oro todo lo que reluce. Los chatbots también pueden perjudicar la velocidad de tu sitio web en caso de que no se implementen correctamente.

Cuando un chatbot realiza cualquier acción en tu sitio web, como iniciar una conversación con un cliente o enviar pings, esta acción genera peticiones a servidores externos. Es importante que te asegures de que el script que hace funcionar el chatbot se cargue de forma asincrónica.

Para facilitar la configuración y la comunicación, puedes utilizar una solución lista para usar como Tidio, que no requiere ningún tipo de conocimientos de codificación y que sólo tarda un momento en crear un chatbot. La herramienta también se integra con diferentes aplicaciones de terceros para ofrecer un mejor servicio al cliente.

Páginas móviles aceleradas (AMP)

Accelerated Mobile Pages (AMP) es un proyecto de Google creado para acelerar las páginas web de los dispositivos móviles añadiendo la marca “AMP” junto a los fragmentos del móvil. Aunque la idea de tener un sitio web móvil rápido es buena en principio, las AMPs tienen sus desventajas.

Si bien las páginas móviles aceleradas mejoran el rendimiento del sitio web, también eliminan todas las características dinámicas que pueden ralentizar los sitios web. Es decir, cambia el diseño de tu sitio web y proporciona menos funcionalidad para sus visitantes, lo que puede resultar en una reducción de las conversiones.

Por lo tanto, usa las AMP con cuidado ya que puede reducir las conversiones de su móvil. Si todavía quieres usarlos, hazlo correctamente (más instrucciones aquí). Asegúrate de validar AMP para la búsqueda de Google y de solucionar cualquier posible problema.

HTML y CSS no válidos

A veces el problema es mucho más profundo y se encuentra en el corazón mismo del código web. Si utilizas un gestor de contenidos o CMS (como WordPress), no deberías tener este tipo de problemas, ya que muy rara vez se modifica el código fuente.

Pero si tu web está hecha desde cero, o se ha modificado parte de su código (si tu plantilla ha sido personalizada, por ejemplo), es posible que existan errores de HTML o CSS, que pueden aumentar el tiempo de renderización de las páginas web o, incluso, hacer que no se visualicen correctamente en algunos navegadores.

Si vas a tocar código, asegúrate de crear HTML y CSS que cumplan los estándares del W3C para que los navegadores interpreten adecuadamente tu sitio y se muestre de forma correcta. Puedes utilizar el validador de W3C para asegurarte de que el código HTML y el CSS de tu web se ajustan a los estándares.

En resumen

Un sitio web con una carga lenta puede hacer que sus clientes se vayan antes de que puedan ver correctamente tu sitio web. Para evitarlo, comprueba si tienes algunos de estos lastres de rendimiento que hemos analizado en este post. Si es así, es importante que los elimines cuanto antes.

Y, como siempre, si conoces algún otro problema que lastre el rendimiento de tu sitio web, o tienes algún consejo extra, puedes dejármelo en los comentarios.

Social Shares
0 0 voto
Valora este post
Suscribirse
Notify of
guest
0 Comentarios
Inline Feedbacks
Ver todos los comentarios