¿Por qué tarda tanto en cargar mi web?

¿La respuesta rápida?

Porque pesa demasiado y/o realiza demasiadas peticiones a recursos externos

Vale, imagino que eso no te sirve de mucho, así que comentaremos el tema un poco más a fondo…

La semana pasada se puso en contacto conmigo alguien que tenía un problema de velocidad de carga en su web ( de hecho, ésta es una de mas consultas mas frecuentes que recibo). Me dijo que había oído hablar de un hosting muy bueno, optimizado para WordPress y me pedía mi opinión. También quería saber si creía que valía la pena contratar una CDN (más abajo explico lo que es).

Lo primero que hice fue entrar a su web para ver realmente lo que tardaba en cargarse y si veía alguna pista de porqué. Hubiera sido divertido ver la cara que debí poner al hacerlo.

Era un WordPress con un theme de esos tan populares en themeforest, esos monstruitos con 10 demos diferentes preparados con todos los plugins y tipos de post personalizados posibles. Con un slider que ocupaba más de media página y todos los widgets de redes sociales posibles, además de los de artículos relacionados, pop-up de suscripción y anuncios de Ad Sense.

Me costó mucho saber cómo contestarle, cómo decirle, educadamente, que ningún hosting ni CDN ni plugin de caché hace milagros… y mientras lo hacía pensé en escribir este post. Es cierto que ese caso era algo extremo, pero se que la velocidad de carga de la web preocupa a muchos y les puede ser útil.

Este no pretende ser un artículo técnico sobre como reducir el tiempo de carga de nuestra web, sino más bien una reflexión sobre qué debemos tener en cuenta, que factores afectan y que podemos hacer para mejorar nuestra web, siempre dentro de lo razonable.

¿Por qué es importante el tiempo de carga?

Es obvio que cuanto menos tarde en cargar, mejor. Sobretodo hoy en día que tantos navegamos desde móviles o tablets, no tenemos ni tiempo ni paciencia para esperar mucho.

No seré tan drástica como algunos datos que se pueden leer por ahi:

Amazon calcula que 1seg de retraso en la carga costaría hasta 1.6 mil millones de dólares en ventas anuales.

Cada 3 segundos tus ventas bajan un 25%

Bueno, no somos Amazon… pero lo cierto es que conseguir una rápida carga de la web aumenta la usabilidad del usuario e incrementa la posibilidad de que visite más páginas dentro de tu web.

Otra de las razones que no siempre se tienen en cuenta es de cara al posicionamiento web. Google penaliza las páginas web que tardan demasiado en cargarse y las posiciona peor en sus resultados.

Puedes invertir en SEO o incluso en Adwords, pero ¿qué pasa si resulta que estás pagando por un anuncio en Google y la gente que hace clic en él se va antes de ver completamente la página porque tarda demasiado en cargase?

¿Qué afecta al tiempo de carga de una web?

Básica y principalmente, su contenido. Una página no es más que un conjunto de etiquetas html y de código que muestra información, principalmente de texto e imágenes y otro contenido multimedia. Cuanto más contenido, y sobretodo, cuantas más imágenes y código contenga, más pesará.

Y es por eso que lo primero que deberemos revisar es el contenido de nuestra web. ¿Estamos abusando de imágenes? ¿Están optimizadas para web?

Si una imagen va a verse a 500px de ancho, por muy grande la pongamos no se va a ver mejor, y va a tardar mucho a cargarse. Una fotografía para verse en un monitor no necesita tanta resolución como una para imprimirse. Con cualquier programa básico o utilidad online podemos reducir las fotografías para que tengan el tamaño que necesitamos con el mínimo peso posible.

Llamadas a recursos externos: además del contenido propio de la página, una web realiza muchas veces llamadas a recursos externos que necesita cargar antes de mostrarse: scripts de analítica, tipografías, scripts para efectos, sliders, animaciones… a veces son archivos externos pero alojados en nuestro propio servidor, pero otras veces son llamadas a otros servidores. Cuantas más llamadas y cargas de recursos externos deba hacer nuestra web, más tardará en cargarse.

En alguna ocasión he hablado ya de los widgets de redes sociales, y de la carga que implica para la web tener que conectar con Facebook, Twitter y otros para mostrar nuestro perfil o las últimas publicaciones… ¿Es realmente necesario?

Tanto el contenido como los recursos externos los encontramos en cualquier tipo de web, pero si hablamos específicamente de WordPress, que es el caso que más a menudo me llega, los problemas de lentitud pueden venir además por otros factores

• Theme o plantilla: teóricamente, un theme de WordPress es el encargado de darle el diseño a nuestra web, tiene que tener los estilos necesario para darle un aspecto concreto. Y ya está.
  Sin embargo nos encontramos con themes o plantillas que además de estilos, vienen preparados con múltiples funcionalidades y extras que, muchas veces sin necesidad, complican infinitamente el código, lo llenan de javascripts y css para darnos múltiples opciones que es posible que no lleguemos nunca a utilizar: sliders, efectos parallax, plugins para concertar citas, reservar entradas, mostrar eventos. Grandes maquetadores visuales con acordeones, pestañas, galerías fotográficas, carouseles, destacados….tantas opciones diferentes que necesitan montar 7 (o 100) demos diferentes para poder mostrarnos todo lo que ponen a nuestra disposición.
• Plugins: los plugins son realmente los que deben añadir funcionalidades a nuestro WordPress, pero ojo, porque los hay de muy buenos, y los hay tremendamente mal programados. Hemos de ser muy cuidadosos con lo que instalamos en nuestra web y comprobar la reputación del creador y los comentarios de otros compradores. Malos plugins generan incompatibilidades, ensucian la base de datos y provocan mil problemas. Y lo peor de todo es que aunque los desinstales y borres, dejan un rastro de código y datos que no podrás eliminar.

Es cierto que esto también son extremos, pero aún los buenos plugins y temas van dejando huella en tu instalación de WordPress, y si eres un poco inquieto y te gusta probar y probar, y vas instalando y desinstalando… llega un momento que aunque tengas lo mínimo instalado, la base de datos y el código ya no vuelven a ser los mismos.

¿Qué puedo hacer yo?

Lo primero y más básico de todo, es ser consciente de ello. No pretendas tener una web con todos los efectos posibles, grandes fotos, videos y mil y un widgets y que cargue a la velocidad del rayo.

Si queremos tener una web que cargue muy rápido, tenemos que saber renunciar a todo aquello que la perjudica y que puede ser prescindible o superficial.

• Sliders: se que soy un poco pesada con este tema, pero es que está tan demostrado que son bastante inútiles y recargan tanto el código y la web… intenta evitarlos siempre que sea posible, por lo menos en la versión móvil de la web.
• Páginas eternas con scroll infinito, con imágenes parallax, iconos animados, barras progresivas, acordeones, mapa, formulario….
• Widgets de redes sociales: ¿las últimas publicaciones de twitter o facebook son realmente necesarias en todas las páginas de tu web? Utiliza las redes sociales en el sentido adecuado: para atraer usuarios a tu web, no al contrario. Créeme, por mi experiencia, son de los elementos que más retrasan la carga de una web.
• Códigos y utilidades diversas: existen algunas herramientas o softwares que te permiten, insertando un pequeño código en tu web, añadir mil y una funcionalidades: poder monitorizar lo que hacen los usuarios: que páginas visitan, donde hacen clic… pueden ser muy útiles en momentos puntuales para analizar la usabilidad y la experiencia del usuario, pero ojo, en momentos puntuales, después elimina el código añadido porque también recargan y ralentizan la web. Lo mismo con algunos plugins que miden rendimiento, buscan enlaces rotos y otras tareas parecidas… utilizalos puntualmente y luego desactivalos.

Y en general, evita cualquier utilidad y plugin que no sea imprescindible, piénsalo bien antes de instalar algo e infórmate bien de su funcionamiento y su efecto en la web.

¿Cómo se que mi web es lenta?

Existen varias herramientas online que te dirán lo que tarda en cargarse e incluso le darán puntuación y te dirán que cosas puedes mejorar:

Las 3 que acostumbro a utilizar yo:

• PageSpeed Insights
• Pingdom
• GTmetrix

Sin embargo, utilízalas como referencia, no al pie de la letra.

Entra en tu web desde ordenadores o móviles que no sean el tuyo (que seguramente tendrá la web en caché y siempre irá más rápido que si fuera la primera vez que entraras) y navega por diversas páginas de tu web.

No te limites a mirar la página de inicio, recuerda que es posible que la mayoría de visitas entren directamente a páginas interiores de tu web.

Pregunta a conocidos y familiares, diles que entren y que te digan si creen que se carga rápido o no. Es un poco como el frío, una cosa son los grados reales y otra la sensación de frío que podemos tener, dependerá de la humedad, de si está nublado o no… pues con esto lo mismo.

¿.. y el hosting, caché, CDN..?

Además de el contenido y código de tu web, existen otros factores que influyen en su velocidad de carga o que pueden ayudar a disminuirla

• Hosting: los hay de muy malos que realmente pueden afectar a la velocidad, pero la mayoría de veces tampoco es necesario invertir en la opción más avanzada o cara. Busca un buen proveedor, si es posible con servidores en tu mismo país, pero escoge el plan o tipo de hosting más adecuado a tu tipo de web y tráfico. Siempre estarás a tiempo de contratar uno superior si luego es necesario.
• CDN: explicado rápido y mal, una Content Delivery Network sirve para tener los recursos de nuestra web duplicados en servidores distribuidos por todo el mundo, de forma que si alguien se conecta, por ejemplo, desde Estados Unidos, en lugar de cargar los recursos del servidor en España, hace la petición al servidor que hay más cerca y de esta forma carga más rápido. Es una buena solución para empresas multinacionales con millones de visitas desde todo el mundo, pero  a menos que ese sea tu caso, seguramente no va a ser necesario.
• Caché: existen diferentes tipos de caché, el de tu navegador, que guarda los archivos de las páginas que visitas para cargarlas más rápido la siguiente vez que accedas y las de servidor, que hacen lo mismo pero para todos los usuarios. Hay hostings que ya lo tienen implementado y hay formas de hacer por código que se guarden los archivos externos (de estilos, de script, imágenes, etc..) para que no tengan que cargarse cada vez sino que se guarden en memoria. Esto si es algo que recomiendo y que realmente tiene efectos reales sobre el tiempo de carga.Lo que no aconsejo tanto, al menos en la mayoría de casos, son plugins de caché para WordPress, pueden ser útiles, pero como última opción. Antes de llegar a eso intentaría optimizar todo lo demás, ya que son plugins que interfieren mucho en la funcionalidad de la web y generan bastantes problemas de errores e incompatibilidades.

He revisado todo y aún así mi web sigue lenta, ¿Qué hago?

En ocasiones, aunque elimines imágenes y sliders, cambies de hosting y actives caché, la web sigue tardando demasiado en cargar. El problema, sobretodo en WordPress, es que como comentaba antes si has ido instalando y desinstalando plugins y probando códigos y utilidades externas, llega un momento que todo ello va dejando código en tu web y base de datos, y por mucho que hagas va a ser complicado limpiarlo del todo.

Ocurre igual que con los ordenadores, al cabo del tiempo de utilizarlo, de instalar y desinstalar programas y utilidades, notas que cada vez va más lento, tarda más en encenderse, en responder… y al final la única forma de recuperarlo es formateando.

Si realmente tu web va lenta y no consigues mejorarla, antes de invertir en un super-hosting o una CDN, prueba de reinstalar WordPress desde cero, con la misma plantilla si quieres, importando todo el contenido e instalando los mismos plugins, pero al menos eliminarás todo aquello que ha ido quedando y ya no utilizas.

Y sobretodo, una vez consigas optimizar tu web, ¡no te olvides de ella! Sino es posible que a los pocos meses vuelvas a estar igual…. y si no quieres tener que preocuparte por los temas técnicos de tu WordPress, échale un vistazo al servicio de mantenimiento que ofrezco a mis clientes.

Al final me he alargado un poco con la pequeña reflexión, pero se que es un tema que preocupa bastante y en la que intervienen muchos factores, por lo que he intentado dar una visión global para ser de la máxima ayuda posible.

Espero que te haya sido útil!

¿Cansado de los temas técnicos de tu web?
Contrata ahora el servicio de mantenimiento y preocúpate de hacer crecer tu negocio.