Incluso si tu sitio web tiene un contenido espectacular, ¿crees que la gente pagará para estar ahí si la velocidad de carga es demasiado lenta?
Aunque la velocidad de Internet en América Latina está muy por debajo de la media, algunos sitios web son muy pesados y empeoran todavía más esta situación. Por desgracia, se desarrollan sin la debida consideración a la velocidad de carga y terminan convirtiéndose en una verdadera prueba de la paciencia del usuario.
Plantéate esta situación: han pasado 15 minutos desde que hiciste tu pedido en un restaurante, en específico uno que es conocido por entregar pedidos en 5 minutos. ¿Cancelarías la orden? ¿Y su otro establecimiento te ofreciera lo mismo en un periodo de 3 minutos?
Sucede de forma parecida en Internet, pero el periodo se convierte en segundos. También lo has experimentado, cuando quieres abordar cierto contenido, visitas un sitio web y se tarda más de 10 segundos en cargar. Antes de darte cuenta, ya estás buscando en Google otra opción, ¡cada segundo que pasa parece una eternidad!
En la actualidad, el tiempo es más valioso que el dinero. La inmediatez es la principal moneda de cambio en el mundo de hoy, en especial en el mundo de Internet. En consecuencia, nuestro público es cada día más exigente. Incluso si tu sitio web tiene un contenido de calidad, ¿la gente entrará a verlo si tarda más de cinco segundos en cargar? Aprende aquí cómo mejorar la velocidad de carga de la página, además de probar el tiempo de carga de un sitio web.
¿Cuál es una buena velocidad de carga de la página? Según el anuncio de Google, la velocidad de carga de la página es uno de los más de 150 factores de clasificación. Por lo tanto, el tiempo que tarda tu sitio web en cargar en comparación con tus competidores representa uno de los factores principales que influyen en tu posicionamiento orgánico, respecto la página principal de resultados de búsqueda. Un sitio web que carga con tanta lentitud es penalizado de inmediato.
La velocidad de página es una medida de la rapidez con que se carga el contenido de la página. Para aumentar la velocidad de tu sitio web, aquí presento algunos consejos:
La velocidad de página para una muestra de páginas en un sitio es diferente de la "velocidad del sitio", es decir, la velocidad de página para la totalidad del sitio.
Es posible describir la velocidad de la página en términos de "tiempo de carga de la página": el tiempo que tarda una página específica para mostrar todo tu contenido; con diferencia en "tiempo para primer byte", o sea, cuánto tiempo tarda tu navegador para recibir el primer byte de información del servidor. ¿Has intentado probar el tiempo de carga de un sitio web?
Bajo estas consideraciones, Google PageSpeed Insights te permite medir la velocidad de tu página. Basado en los datos de CrUX (Chrome User Experience Report), PageSpeed Insights Speed Score mide dos métricas de rendimiento importantes: First Contentful Paint (FCP) y DOMContentLoaded (DCL).
Entre las señales utilizadas por Google para clasificar páginas se encuentra la velocidad del sitio y por lo tanto la velocidad de la página SEO. Un estudio reciente sugiere que Google puede utilizar el tiempo al primer byte como un factor al determinar la velocidad de la página. Además, una página de carga lenta podría evitar que los motores de búsqueda rastreen todas tus páginas usando tu presupuesto de rastreo, de forma que llegue a impactar de forma negativa en la indexación.
La experiencia del usuario también se ve afectada por la velocidad de la página. La tasa de rebote y el tiempo promedio en la página son menores en las páginas con largos tiempos de carga. Las tasas de conversión también pueden verse afectadas negativamente por tiempos de carga más largos.
Los tiempos de respuesta del servidor dependen del tráfico, el uso de recursos, el software que utilizas en tu servidor y la solución de alojamiento que utiliza. Procura solucionar estos “cuellos de botella” de rendimiento, tales como consultas lentas de bases de datos, enrutamiento o memoria insuficiente para mejorar el tiempo de respuesta del servidor. Bajo 200ms es el tiempo óptimo de respuesta del servidor. Descubre cómo puedes optimizar el tiempo hasta el primer byte, como sería lo más ideal.
Debes asegurarte que tus imágenes no son más grandes de lo que necesitan ser, que se guardan en el formato correcto y que están comprimidos para la web. Los archivos PNG son generalmente mejores para gráficos con menos de 16 colores, mientras que los JPEG son mejores para fotografías.
Haz una plantilla de imágenes en tu sitio que uses con frecuencia, como botones e iconos, con sprites CSS. Usando sprites CSS, puedes combinar cualquier número de imágenes en una imagen grande para preservar el ancho de banda (reduciendo las solicitudes HTTP) y luego mostrar solo las partes que quieres mostrar. Esto significa que al no cargar varias imágenes a la vez, ahorra tiempo a tus usuarios y hace que su experiencia sea más agradable.
También procura buscar tu banco de imágenes indicado, de los cuales ya hemos hablado con anterioridad.
Hay muchos elementos en caché (hojas de estilos, imágenes, archivos JavaScript, etc.) que permiten al navegador volver a cargar la página cuando un usuario regresa. Averigua si ya has establecido una fecha de vencimiento para tu caché. Puedes usar herramientas como YSlow. Especifica cuánto tiempo deseas que esa información esté almacenada en caché al establecer el encabezado "expires". La mayoría de las veces, un año es un período razonable, a menos que el diseño de tu sitio cambie con frecuencia.
Si tus archivos CSS, HTML y JavaScript superan los 150 bytes de tamaño, utilice Gzip, una aplicación de software para la compresión de archivos.
Es mejor reducir la calidad de las imágenes mediante el uso de un programa como Photoshop o TinyPNG.
El rendimiento de tu página se puede mejorar drásticamente mediante la optimización de código (incluyendo la eliminación de comas y espacios). Eliminar todo el código no utilizado, comentarios de código, y el formato, así. CSSNano y UglifyJS están recomendados por Google.
El ciclo de petición-respuesta HTTP continúa ejecutándose cada vez que una página redirige a otra.
Digamos que tiene el siguiente patrón de redirección móvil:
ejemplo.com -> www.example.com -> m.example.com -> m.example.com/home
Estas dos redirecciones adicionales hacen que la carga de página sea mucho más lenta.
La renderización tiene lugar después de que el navegador ha construido un árbol DOM analizando HTML. Mientras este proceso está en curso, tu navegador puede encontrar un script que tiene que ser ejecutado antes de continuar. El bloqueo de JavaScript debe evitarse y minimizarse, según Google.
Una red de distribución de contenido (CDN), también conocida como red de distribución de contenido, es una red de servidores utilizados para distribuir la carga de entrega de contenido. Los centros de datos que almacenan copias de tu sitio se distribuyen por todo el mundo para que los usuarios puedan acceder a tu sitio más rápido y de forma más confiable.
Como podemos ver, no sirve de nada tener un sitio web innovador con un gran diseño que no priorice el tiempo de carga, porque al final dará resultados por debajo de la competencia.
Por tanto, la velocidad a la que carga tu sitio web es fundamental para tu estrategia de marketing digital. Afecta directamente a sus rankings orgánicos en Google y otros motores de búsqueda, mejora la experiencia del usuario y aumenta las tasas de conversión.
Varias de las optimizaciones listadas aquí ya pueden estar instaladas en tu sitio web, por lo que algunas pueden no tener un impacto significativo en el tiempo de carga. Sin embargo, existen diagnósticos de sitios web y una priorización de acciones que deberían manejarse de forma ideal por herramientas de prueba.
Recuerda probar el tiempo de carga de un sitio web, incluso aquellos que representen tu competencia. Ahora que has visto todo en acción, por favor comparte lo que has experimentado en la sección de comentarios. ¿Aprendiste cómo mejorar la velocidad de carga de la página? Entonces, si ya has optimizado tu sitio web y deseas ver otros consejos o herramientas, no dudes en checar otros artículos en este sitio: