Consejos para mejorar la velocidad de los sitios web / Cómo acelerar los sitios web

¿Cómo pueden los desarrolladores hacer que sus sitios web se carguen más rápido?

La velocidad del sitio web tiene un gran impacto en la experiencia del usuario, el SEO y las tasas de conversión. Mejorar el rendimiento del sitio web es esencial para atraer tráfico a un sitio web y mantener a los visitantes comprometidos. Aquí revisamos los pasos que los desarrolladores pueden seguir para hacer que un sitio web sea más rápido:

Probar el rendimiento del sitio web

Las pruebas de velocidad del sitio web evalúan el rendimiento de un sitio web. Probar un sitio web con regularidad puede ayudar a los desarrolladores a rastrear mejoras o degradaciones de rendimiento. Una prueba de velocidad también debería ayudar a los desarrolladores a identificar algunas o todas las áreas que ralentizan el rendimiento del sitio web y dónde se encuentran las áreas para mejorar.

Hay muchas pruebas de velocidad de sitio de alta calidad para medir el rendimiento, muchas de ellas gratuitas. WebPageTest.org (que se asocia con Cloudflare) tiene varias pruebas gratuitas y produce desgloses detallados de la rapidez con que se cargan los elementos individuales de una página. WebPageTest.org también permite a los desarrolladores probar sitios web para diferentes dispositivos y velocidades de conexión de red.

Google también ofrece información de PageSpeed para pruebas de rendimiento detalladas. Google Chrome DevTools también puede ayudar a los desarrolladores a evaluar el rendimiento de su sitio; la pestaña Red muestra todas las solicitudes HTTP, el tamaño de los activos solicitados y el tiempo que tardan las solicitudes en completarse.

Use una CDN (red de entrega de contenido)

Las CDN aumentan la velocidad de los sitios web al almacenar contenido en caché en varias ubicaciones de todo el mundo. Los servidores de almacenamiento en caché de CDN suelen estar más cerca de los usuarios finales que el host o el servidor de origen. Las solicitudes de contenido van a un servidor CDN en lugar de llegar hasta el servidor de alojamiento, que puede estar a miles de millas y a través de múltiples redes autónomas desde el usuario. El uso de una CDN puede resultar en una disminución masiva de los tiempos de carga de la página.

Optimizar imágenes

Las imágenes comprenden un gran porcentaje del tráfico de Internet, y a menudo tardan más en cargarse en un sitio web, ya que los archivos de imagen tienden a ser de mayor tamaño que los archivos HTML y CSS. Afortunadamente, el tiempo de carga de la imagen se puede reducir a través de la optimización de la imagen. Optimizar imágenes normalmente implica reducir la resolución, comprimir los archivos y reducir sus dimensiones, y muchos optimizadores de imagen y compresores de imagen están disponibles de forma gratuita en línea.

Reducir archivos CSS y JavaScript

Reducir código significa eliminar todo lo que un equipo no necesita para comprender y llevar a cabo el código, incluidos los comentarios de código, los espacios en blanco y los puntos y comas innecesarios. Esto hace que los archivos CSS y JavaScript sean ligeramente más pequeños para que se carguen más rápido en el navegador y ocupen menos ancho de banda. Por sí sola, la minificación solo dará como resultado mejoras de velocidad mínimas. Sin embargo, implementado junto con estos otros consejos, resultará en un mejor rendimiento del sitio web.

Reduzca el número de solicitudes HTTP si es posible

La mayoría de las páginas web requerirán que los navegadores realicen varias solicitudes HTTP para varios recursos de la página, incluidas imágenes, scripts y archivos CSS. De hecho, muchas páginas web requerirán docenas de estas solicitudes. Cada solicitud da lugar a un viaje de ida y vuelta desde y hacia el servidor que aloja el recurso, lo que puede aumentar el tiempo de carga general de una página web. Además, con recursos cargados de varios proveedores diferentes, un problema con uno de los hosts podría afectar la capacidad de carga de la página web rápidamente, o en absoluto.

Debido a estos problemas potenciales, el número total de activos que cada página necesita cargar debe mantenerse al mínimo. Además, una prueba de velocidad debería ayudar a identificar qué solicitudes HTTP están tardando más tiempo. Por ejemplo, si las imágenes hacen que una página se cargue lentamente, los desarrolladores pueden buscar una solución de alojamiento de imágenes más rápida (como una CDN).

Usar caché HTTP del navegador

La caché del navegador es una ubicación de almacenamiento temporal donde los navegadores guardan copias de archivos estáticos para que puedan cargar las páginas web visitadas recientemente mucho más rápidamente, en lugar de tener que solicitar el mismo contenido una y otra vez. Los desarrolladores pueden indicar a los navegadores que almacenen en caché elementos de una página web que no cambiarán a menudo. Las instrucciones para el almacenamiento en caché del navegador van en los encabezados de las respuestas HTTP del servidor de alojamiento. Esto reduce en gran medida la cantidad de datos que el servidor necesita transferir al navegador, acortando los tiempos de carga para los usuarios que visitan con frecuencia ciertas páginas.

Minimizar la inclusión de scripts externos

Cualquier elemento de página web con scripts que se cargue desde otro lugar, como sistemas de comentarios externos, botones de llamada a la acción o ventanas emergentes de generación de leads, debe cargarse cada vez que se cargue una página. Dependiendo del tamaño del script, estos pueden ralentizar una página web o hacer que la página web no se cargue toda a la vez (esto se llama «salto de contenido» o «cambio de diseño» y puede ser especialmente frustrante para los usuarios móviles).

No use redirecciones, si es posible

Una redirección es cuando los visitantes de una página web se reenvían a una página diferente. Las redirecciones añaden unas pocas fracciones de segundo, o a veces incluso segundos enteros, al tiempo de carga de la página. Al crear un sitio web optimizado para el rendimiento, cada segundo cuenta. Las redirecciones a veces son inevitables, pero no deben usarse si no es necesario.