Cómo aumentar la velocidad de carga de tu página web

Velocidad carga SEOLa rapidez con la que carga tu página web en WordPress puede marcar la diferencia en los resultados de búsqueda, nos comente el SEO Barcelona Xavi. Hoy quiero compartir contigo algunos consejos para reducir el tiempo de carga, o en otras palabras, aumentar su velocidad.

Si en el mundo real siempre vamos con prisas, en el entorno de Internet, ¡todavía más! Según un estudio, el 17% de españoles reconocen haber golpeado sus equipos por funcionar lentamente. El 83% restante, con toda probabilidad, no fue sincero en su respuesta 😉

Pues bien, cuando es tu web la que no carga rápidamente, tienes un serio problema. Y ello por dos razones:

  • Como decíamos al principio, la velocidad de carga de tu web influye en su posicionamiento en buscadores. Google prioriza las websites que cargan rápido como el rayo.
  • El índice de abandonos aumenta proporcionalmente al incremento del tiempo de carga de tu página.

Debes tenerlo claro, tu visitante no va a esperar. Y si en lugar de un simple visitante, se trata de un cliente potencial, ¡la cuestión adquiere tintes dramáticos!

Lo primero que debes hacer, antes de seguir los consejos que daré después, es testar tu web para determinar cuál es la velocidad a la que carga, y guardar esa información para comparar, posteriormente, una vez hayas tomado las medidas oportunas.

Toma nota, porque a continuación hablaremos de algunos programas y aplicaciones que te vendrán muy bien para tu cometido.

Herramientas para testar la velocidad de carga

¿Listo para poner a prueba tu página web? ¡Vamos allá!

  • GTmetrix: una herramienta muy completa, gratuita y muy sencilla de usar. Solo tienes que introducir la url de tu página para empezar el análisis. Te informará de los posibles problemas a nivel de código, peso de las imágenes, etc. En resumen, todo aquello que puede ralentizar tu web.
  • Google PageSpeed Insights: puesto que Google es el primer interesado en que las páginas carguen rápido, es justo que ofrezca su propia herramienta para evaluar la velocidad de carga. Además de un análisis pormenorizado de tu web, este juguetito de Google ofrece consejos y proporciona herramientas asociadas para disminuir el tiempo de carga.
  • YSlow: esta herramienta, desarrollada por Yahoo, también proporciona información valiosa sobre las dificultades que provocan una carga lenta de un site, ofreciendo todo tipo de detalles. Al igual que PageSpeed Insights, también incorpora complementos útiles.

GTmetrix incluye tecnología de la herramienta de Google y la de Yahoo, por cierto. Existen muchas otras herramientas para medir la velocidad de una web, como Pingdom, por ejemplo, pero no podemos detenernos en todas. Lo importante es que ya tienes algunas referencias de páginas para empezar con el test de velocidad.

Consejos para que tu web cargue rápido

Un, dos, tres… ¡Ya! 🙂 ¿Qué tal ha ido el test? Quizá prefieres terminar de leer el post antes de hacerlo. Bien. Entonces, continuamos viendo algunas de las cosas que puedes hacer para que tu web se convierta en toda una velocista.

El hosting, ¡importa!

Un buen servicio de hosting puede ahorrarnos problemas, porque la velocidad puede depender de los recursos del servidor. Factores como la latencia, las características de su disco duro o incluso la ubicación del servidor pueden afectar al tiempo que emplea tu página web en mostrarse al usuario. Los servidores dedicados son ideales, porque los compartidos consumen muchos recursos. Pero también son más caros, y con un buen servicio de hosting compartido debería ser suficiente. También depende del tipo de proyecto online del que se trate, obviamente.

Reduce el número de peticiones HTTP

El tipo de “petición” al que nos referimos es el que hace el navegador al servidor, para que cargue una web. Pero los sites no se cargan en bloque, sino por partes. Cuantos más elementos tenga una página web, más peticiones HTTP producen. La clave, aquí, está en combinar elementos, eliminar scripts innecesarios, etc. No vamos a extendernos en este punto, porque las principales formas de reducir la cantidad de peticiones HTTP las puedes encontrar en los siguientes puntos.

Minimiza CSS y JavaScript

Las líneas y espacios en blanco en el código entorpecen la lectura del mismo, y por tanto, hacen que nuestra web tarde más en cargar. Además, que el código CSS y JavaScrip estén incrustados y esparcidos en el archivo HTML, ¡es fatal!, y puede ralentizar mucho un sitio, dado que aumenta el número de peticiones HTTP. La minificación, o minimización, soluciona estos problemas. Lo más conveniente es juntar todo el CSS en un único archivo. Lo mismo para JavaScript, aunque esta operación es más compleja y puede producir un mayor número de errores. Por suerte, PageSpeed ofrece una utilidad que realiza todo el proceso automáticamente.

Optimización de imágenes

Este es uno de los factores más importantes para ahorrar tiempo a tus usuarios, y de paso, evitarte disgustos por el aumento de abandonos. Las imágenes se pueden optimizar de varias maneras.

  • Emplea formatos ligeros, como JPG o PNG. Esta es para dummies, porque es lo más sencillo, incluso para quien no tiene absolutamente ningún conocimiento de programación.
  • Usa un compresor de imágenes. Hay muchos, pero Google PageSpeed incorpora uno, de modo que puedes utilizarlo, para no complicarte demasiado.
  • Especifica las dimensiones de la imagen con los atributos width y height. De lo contrario, el navegador leerá dos veces la información (antes y después de cargarla).
  • Utiliza Sprites CSS. Consiste en unir varias imágenes en una sola. Utilizando la propiedad background-position, el navegador carga el área en concreto que se desea mostrar como imagen, que viene determinada por un eje de coordenadas X e Y. Buen truco, ¿verdad? Con ello puedes ahorrarte algunas peticiones HTTP.

Definir caducidad de la memoria caché

Cuando alguien visita tu web, las imágenes y otros elementos estáticos quedan guardados en caché. Sirviéndote de atributos como expiry date/maximum age en la cabecera HTTP, puedes decirle al navegador que cargue dichos elementos desde caché para evitar peticiones HTTP innecesarias a tu servidor, dentro de un margen de tiempo máximo que deberás especificar.

Utiliza una red CDN

La red CDN (Content Delivery Network) consiste en un entramado de servidores esparcidos a escala global. La gran ventaja de contar con el apoyo de una de estas redes, es que algunos elementos de tu página web puede cargarse en el navegador de tu visitante desde el servidor más cercano. Esto evita saltos y ahorra la espera a tus visitantes más alejados geográficamente.

¿Te ha gustado la lista de consejos? Si no dispones de conocimientos avanzados, puede que no te atrevas a aplicar tú mismo algunas de las recomendaciones que has visto. ¡Haces bien! Si tienes dudas, te aconsejo que acudas a una empresa profesional. Algunas optimizaciones son complejas, y un paso en falso puede ser catastrófico. Si sabes lo que te traes entre manos… ¡Adelante! 🙂

 

Un pensamiento en “Cómo aumentar la velocidad de carga de tu página web

  1. Interesante esta información y los consejos para optimizar nuestro sitio. Ya que sabemos que la velocidad de carga de este influye en el posicionamiento de esta en los motores de búsqueda. Pero también nos afectan porque si tarda más de tres segundos en carga lo más probable es que nuestros visitantes nos abandonen y ni siquiera lleguen a leer nuestra información.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *