驴C贸mo mejorar la velocidad de carga de mi sitio web? 馃殌

Tiempo recomendado para trabajar en este hack: 60 minutos 鈱


La velocidad de carga de tu sitio web es un factor muy importante para recibir visitas e incrementar las conversiones. Existen varias acciones que pod茅s realizar para optimizarlo.


En este tutorial, te compartimos algunas herramientas para medir el rendimiento de tu sitio junto con una serie de recomendaciones para acelerarlo. Por eso, contiene dos secciones:

  • Realizar un diagn贸stico

  • Tomar medidas de mejora


馃敼Realizar un diagn贸stico


Antes de tomar medidas, es importante que puedas realizar un diagn贸stico del tiempo de carga de tu sitio. Esto te va a aportar informaci贸n objetiva sobre el problema que buscas resolver, y te va a permitir realizar una comparaci贸n del tipo "antes y despu茅s".


A continuaci贸n, te compartimos tres herramientas 煤tiles para hacerlo:


馃寪 Test my site: La ventaja de esta herramienta es que simula la conexi贸n a redes m贸viles de celulares, lo que te da un indicio de la experiencia de tus clientes al ingresar a tu sitio en la v铆a p煤blica.

馃寪 GTmetrix: Esta herramienta te da informaci贸n sobre la performance de tu sitio desde la computadora.

馃寪 PageSpeed Insights: Este sitio te da informaci贸n relevante no solo de la velocidad general de tu sitio, sino sobre qu茅 im谩genes son "optimizables".

Nuestra sugerencia es que pruebes las tres herramientas para tener un panorama global del funcionamiento de tu sitio, y puedas contrastar resultados. Se considera una velocidad de carga "normal" a valores por debajo de los 3 segundos.



馃敼Tomar medidas de mejora

Si tu sitio tiene una velocidad de carga superior a los 3 segundos o simplemente te interesa optimizar al m谩ximo su velocidad, te proponemos seguir los siguientes consejos:


1. Comprimir las im谩genes m谩s pesadas

Pod茅s optimizar el tama帽o de tus im谩genes para obtener una mejor performance. No necesit谩s hacerlo con todas, sino que pod茅s priorizar las que mayor impacto tienen.

Para eso, te sugerimos realizar estas acciones:

  • Medir la velocidad de tu sitio con 馃寪 PageSpeed Insights.

  • Prestar atenci贸n a las im谩genes marcadas como "optimizables" y comprimirlas con la herramienta 馃寪 Tiny PNG.

  • Subirlas a tu sitio nuevamente y volver a realizar la medici贸n.


2. Para ecommerce, reducir la cantidad de productos por p谩gina.

Otra opci贸n sencilla para mejorar el rendimiento de tu sitio es limitar la cantidad de productos por p谩gina, en el caso de que hayas configurado m谩s de 12. Esto va a impactar en el tiempo de carga de tus productos.


3. Mantener al m铆nimo la cantidad de tipograf铆as

Cuando se trata de tipos de letra para tu dise帽o, te sugerimos utilizar, como m谩ximo, dos. Podr铆as usar un tipo de fuente para tus t铆tulos y otro para el resto del sitio, por ejemplo. Esto no solo mejora su rendimiento sino que mantiene la consistencia en el dise帽o de tu sitio.

Incluso, si te animas al minimalismo, podr铆as optar por una sola tipograf铆a para toda tu sitio. Record谩 que cuantos menos tipos de fuente utilices, m谩s liviano y veloz va a quedar.


4. Reducir la cantidad de c贸digos externos

Tener configurados varios c贸digos externos en tu sitio puede perjudicar tu velocidad de carga. Por eso, te recomendamos que utilices solamente los que mayor valor le aportan a tu negocio, como por ejemplo los c贸digos de Analytics o el P铆xel de Facebook.


5. Hosting

A la hora de cargar tu sitio web, es importante que el servicio que tengas contratado para alojarlo sea lo suficientemente r谩pido. Generalmente estos servicios tienen muchos planes y dependiendo el tr谩fico y el peso de tu sitio te pueden recomendar un plan m谩s r谩pido.

Una vez que hayas realizado estas acciones o algunas de ellas, te sugerimos volver a medir la performance de tu sitio para evaluar los cambios realizados. Si el resultado es positivo, 隆Felicitaciones! Tus clientes van a tener una mejor experiencia. 馃コ