La velocidad de la página es una medida de qué tan rápido se carga el contenido de su página. La velocidad de la página a menudo se confunde con “velocidad del sitio,” que es en realidad la velocidad de la página para una muestra de páginas vistas en un sitio. La velocidad de la página se puede describir en “tiempo de carga de la página” (el tiempo que lleva mostrar completamente el contenido en una página específica) o “tiempo hasta el primer byte” (cuánto tiempo tarda su navegador en recibir el primer byte de información del servidor web).

Puedes evaluar la velocidad de tu página con Estadísticas de PageSpeed ​​de Google. PageSpeed ​​Insights Speed ​​Score incorpora datos de CrUX (Informe de experiencia del usuario de Chrome) e informes sobre dos métricas de velocidad importantes: Primera pintura llena de contenido (FCP) y DOMContentLoaded (DCL).

Mejores prácticas de SEO

Google ha indicado la velocidad del sitio. (y como un resultado, velocidad de la página) es una de las señales utilizadas por su algoritmo para clasificar páginas. Y La investigación ha mostrado que Google podría estar midiendo específicamente el tiempo hasta el primer byte cuando considera la velocidad de la página. Adicionalmente, una velocidad de página lenta significa que los motores de búsqueda pueden rastrear menos páginas utilizando su presupuesto de rastreo asignado, y esto podría afectar negativamente su indexación.

La velocidad de la página también es importante para la experiencia del usuario.. Las páginas con un tiempo de carga más largo tienden a tener tasas de rebote más altas y un tiempo promedio en la página más bajo.. Tiempos de carga más largos también se han mostrado afectar negativamente las conversiones.

Estas son algunas de las muchas formas de aumentar la velocidad de su página.:

Habilitar la compresión

Utilizar zip, una aplicación de software para Compresión de archivo, para reducir el tamaño de tu CSS, HTML, y archivos JavaScript que sean más grandes que 150 bytes.

No utilice gzip en archivos de imagen. En lugar, comprímelos en un programa como Photoshop donde puedas mantener el control sobre la calidad de la imagen.. Ver “Optimizar imágenes” abajo.

Minimizar CSS, JavaScript, y HTML

Optimizando su código (incluyendo la eliminación de espacios, comas, y otros personajes innecesarios), Puedes aumentar drásticamente la velocidad de tu página.. Eliminar también los comentarios del código., formato, y código no utilizado. Google recomienda usar CSSNano y UglifyJS.

Reducir las redirecciones

Cada vez que una página redirige a otra página, su visitante enfrenta tiempo adicional esperando que se complete el ciclo de solicitud-respuesta HTTP. Por ejemplo, si su patrón de redireccionamiento móvil se ve así: “ejemplo.com -> www.ejemplo.com -> m.ejemplo.com -> m.ejemplo.com/home,” cada uno de esos dos redireccionamientos adicionales hace que su página se cargue más lentamente.

Eliminar JavaScript que bloquea el procesamiento

Los navegadores deben crear un árbol DOM analizando HTML antes de poder representar una página.. Si su navegador encuentra un script durante este proceso, tiene que detenerlo y ejecutarlo antes de que pueda continuar.

Google sugiere evitar y minimizar el uso del bloqueo de JavaScript.

Aprovechar el almacenamiento en caché del navegador

Los navegadores almacenan en caché mucha información (hojas de estilo, imagenes, archivos javascript, y más) para que cuando un visitante regrese a su sitio, el navegador no tiene que recargar toda la página. Utilice una herramienta como Y lento para ver si ya tienes una fecha de vencimiento establecida para tu caché. Entonces establecer su “expira” Cómo copiar archivos de local a dbfs durante cuánto tiempo desea que esa información se almacene en caché. En muchos casos, a menos que el diseño de su sitio cambie con frecuencia, un año es un período de tiempo razonable. Google tiene más información sobre cómo aprovechar el almacenamiento en caché aquí.

Mejorar el tiempo de respuesta del servidor

El tiempo de respuesta de su servidor se ve afectado por la cantidad de tráfico que recibe, Los recursos que utiliza cada página., el software que utiliza su servidor, y la solución de hosting que utilizas. Para mejorar el tiempo de respuesta de su servidor, busque cuellos de botella en el rendimiento, como consultas lentas a la base de datos, enrutamiento lento, o falta de memoria adecuada y arreglarlos. El tiempo de respuesta óptimo del servidor es inferior a 200 ms.. Aprender más acerca de optimizando su tiempo hasta el primer byte.

Utilice una red de distribución de contenidos

Redes de distribución de contenidos (CDN), También llamadas redes de entrega de contenido., Son redes de servidores que se utilizan para distribuir la carga de entrega de contenido.. Esencialmente, Las copias de su sitio se almacenan en múltiples, Centros de datos geográficamente diversos para que los usuarios tengan un acceso más rápido y confiable a su sitio..

Optimizar imágenes

Asegúrese de que sus imágenes no sean más grandes de lo necesario., que estén en el formato de archivo correcto (Los PNG son generalmente mejores para gráficos con menos de 16 colores, mientras que los JPEG son generalmente mejores para fotografías) y que estén comprimidos para la web.

Utilice sprites CSS para crear una plantilla para las imágenes que utiliza con frecuencia en su sitio, como botones e íconos.. Los sprites CSS combinan tus imágenes en una imagen grande que se carga toda a la vez (lo que significa menos solicitudes HTTP) y luego mostrar solo las secciones que desea mostrar. Esto significa que está ahorrando tiempo de carga al no hacer que los usuarios esperen a que se carguen varias imágenes..