Velocidad de página
¿Qué es la velocidad de la página?
La velocidad de la página se puede definir de muchas formas. Desde un punto de vista técnico, se puede definir como el tiempo que tarda en mostrar todo el contenido en una página web específica, o incluso para que un navegador web reciba el primer byte de un servidor web. Sin embargo, al final del día, lo que realmente importa es qué tan rápido los visitantes sentirán que se carga una página. Es una sensación por encima de todo, no solo de métricas. Esta sensación es un poco más complicada de medir con valores numéricos.
Es por eso que gigantes de la Web como Google llegaron con métricas centradas en el usuario más precisas. Estos ayudan a determinar cuánto tiempo tarda una página en estar lista para la interacción del usuario o para mostrar contenido consumible de valor agregado como texto o imágenes. Todo depende de la parte de la experiencia del usuario en la que desee centrarse y si la interpreta como una métrica base, parte de un análisis general del rendimiento de la página.
¿Por qué el rendimiento de la página es importante para el SEO?
Experiencia de usuario
Los estudios han demostrado que una página de carga lenta evitará que los visitantes permanezcan en su sitio web. Cuanto más lenta sea una página, más perderá el visitante la confianza en un sitio web y lo abandonará precozmente. Y si se van, es posible que no regresen. Después de 3 segundos, casi la mitad de sus visitantes cambiarán al sitio de un competidor. No quieres eso.
SEO
Los desarrolladores web saben que la velocidad de la página es importante cuando se trata de SEO. Los motores de búsqueda han comenzado a tener en cuenta la velocidad de la página en sus resultados de búsqueda. En 2010, Google ha hecho público el hecho de que está utilizando la velocidad de la página como factor de clasificación.
En 2017, anunciaron que destacarían aún más las páginas web que se cargan rápidamente en dispositivos móviles. También fue entonces cuando Google comenzó a presionar con fuerza por un nuevo estándar web: las páginas móviles aceleradas (AMP). Esta tecnología optimiza y hace que las páginas web se carguen muy rápido en dispositivos de baja potencia y conectividad.
Hacer que sus páginas web se carguen más rápido le brinda una mejor clasificación para más palabras clave de búsqueda y, en consecuencia, más tráfico orgánico gratuito de alta calidad.
A medida que los motores de búsqueda han evolucionado, Google se ha centrado significativamente en la experiencia general del usuario de un sitio. En 2020, el gigante de las búsquedas introdujo Page Experience en sus señales de clasificación. Esta nueva señal de clasificación combina Core Web Vitals con métricas existentes como navegación segura y compatibilidad con dispositivos móviles para generar señales de búsqueda para la experiencia de la página en general.
Las señales de Page Experience buscan evaluar las páginas web según la experiencia de sus usuarios. En resumen, amplían los criterios recientes de Google en la página con factores que afectan la experiencia de la persona mientras consume el contenido de la página.
Conversiones
Según un informe de Akamai, las páginas de carga rápida también conducen a tasas de conversión más altas. Walmart.com experimentó un aumento del dos por ciento en la conversión con cada segundo de mayor velocidad de página. Este es solo un ejemplo famoso que muestra cómo dedicar tiempo a la velocidad de carga de la página podría generar más ventas y permitir que los visitantes elijan qué contenido quieren ver sin tiempos de espera innecesarios.
Aunque no todos los sitios web son tan grandes y complejos, esas páginas de carga rápida mantendrán la satisfacción de los visitantes y los convertirán en clientes leales.
Métricas de velocidad de página
Al optimizar su sitio web para ofrecer una experiencia rápida, hay varias métricas básicas que puede considerar. Todos forman parte de un enfoque holístico de la ingeniería de velocidad. Sin embargo, echemos un vistazo más de cerca a Core Web Vitals:
- Pintura con contenido más grande (LCP): esta métrica describe el tiempo de carga de una página. Mide en qué punto se representa en la pantalla el elemento de contenido más grande de la ventana gráfica.
- Retraso de la primera entrada (FIP): esta métrica se relaciona con la interactividad de una página. El FID se mide como el intervalo entre la primera interacción del usuario y cuando el navegador comienza a responder a este evento.
- Cambio de diseño acumulativo (CLS). Esta métrica se ocupa de la estabilidad visual de la página. Le muestra las instancias en las que el diseño de una página cambia inesperadamente. Una página que cambia puede hacer que el usuario haga clic accidentalmente en el botón equivocado y traer consecuencias terribles.
Varias otras métricas importantes componen la puntuación de rendimiento de una página web y deben optimizarse adecuadamente:
- Índice de velocidad: calcula la rapidez con la que se muestra visualmente el contenido de la mitad superior de la página durante la carga de la página, de forma controlada y coherente en todos los dispositivos y navegadores que le interesan. Grabamos un video de la carga de la página en el navegador y examinamos la progresión visual entre cuadros.
- Time to Interactive (TTI): esta métrica mide la rapidez con la que una página es utilizable e interactiva una vez que el navegador comienza a recuperar su contenido.
- Tiempo total de bloqueo (TBT): determina la cantidad de tiempo acumulado que una página web está bloqueada para no responder a ninguna entrada del usuario. Se calcula sumando la parte de bloqueo de todas las tareas largas entre First Contentful Paint y Time to Interactive. Cualquier tarea larga que se ejecute durante más de 50 ms. La cantidad de tiempo después de 50 ms es la parte de bloqueo de una tarea larga. Por ejemplo, cuando se detecta una tarea de 70 ms, la porción de bloqueo es de 20 ms.
¿Cómo mejorar la velocidad de la página del sitio web?
Alojamiento web de alto rendimiento
La optimización de hardware y software de un servidor puede hacer que los tiempos de respuesta sean inferiores a 100 ms. La medición del tiempo hasta el primer byte (TTFB) es una de las métricas de rendimiento clave que los motores de búsqueda analizan de las páginas que rastrean para clasificarlas frente a la competencia. Le recomendamos que utilice siempre los servicios de proveedores en la nube con un historial sólido, ya que esto le asegura un rendimiento, seguridad, funciones y soporte de primer nivel. WP Engine es la solución probada en batalla para que su sitio web funcione rápidamente en poco tiempo.
Aproveche el almacenamiento en caché del navegador
Los navegadores almacenan en caché toneladas de datos (CSS, imágenes, archivos JavaScript y más) para que cuando un visitante regrese a su sitio, el navegador no necesite recargar toda la página. Utilice las herramientas de desarrollo de su navegador y compruebe si ya ha establecido una fecha de caducidad para su caché. Luego, configura el encabezado "expires" de la respuesta HTTP con el tiempo que deseas que se almacene en caché esa información. A menos que el diseño y los componentes de su sitio cambien con regularidad, le recomendamos que defina ese caché en un año.
Optimice CSS, JavaScript y HTML
Reduzca la cantidad de bytes descargados para su página web comprimiendo, combinando y minimizando archivos CSS, JavaScript y HTML.
Reducir las solicitudes HTTP
Mantenga el número de solicitudes HTTP y sus dominios de origen necesarios para representar su página lo más bajo posible. Cada solicitud agrega latencia informática y de red a su aplicación web. Además, cada vez que el navegador envía una solicitud HTTPS a un dominio por primera vez, debe realizar un protocolo de enlace SSL / TLS con el servidor remoto, que normalmente puede tardar varios cientos de milisegundos en completarse.
Utilice el protocolo HTTP más reciente
HTTP / 2 es otra forma sencilla de hacer que su página web sea más rápida. HTTP / 2 es una versión de próxima generación del protocolo HTTP que va más allá de los problemas de rendimiento de HTTP / 1.X con transferencia de datos binarios, multiplexación y unión de conexiones. La tercera versión del protocolo está en camino y promete un rendimiento aún mejor. Usted debe darle una oportunidad.
Reducir redireccionamientos
Los usuarios se enfrentan a un tiempo adicional esperando que se complete el ciclo de solicitud-respuesta HTTP cada vez que la página A redirige a la página B. El impacto acumulativo de estas redirecciones puede ser tremendo. Sugerimos utilizar un script de redireccionamiento optimizado para el rendimiento y evitar un gran número de redireccionamientos.
Eliminar JavaScript que bloquea el procesamiento
Aplazar o eliminar eliminar la cantidad máxima de scripts de su documento HTML para que el navegador pueda continuar con la construcción de un árbol DOM y renderizar su página sin interrupciones. Esto hace que su sitio se cargue más rápido al disminuir el tiempo que le toma al navegador encontrar y analizar todo su contenido.
Utilice una red de distribución de contenido (CDN)
Las redes de entrega de contenido (CDN) son sistemas distribuidos de servidores que almacenan en caché copias de su contenido en todo el mundo y lo entregan increíblemente rápido desde ubicaciones cercanas al usuario final. Las CDN pueden ofrecer un gran aumento del rendimiento: reducen la latencia de su sitio, reducen el tiempo de carga de la página y reducen la sobrecarga en su servidor.
Optimizar imágenes
Asegúrese de que sus imágenes no sean más grandes de lo necesario, que utilicen un formato de archivo de última generación y que estén comprimidas para la Web. Por ejemplo, el formato WebP ofrece una alta tasa de compresión mientras mantiene alta la calidad de la imagen.
Los sprites CSS combinan varias imágenes en una y son una técnica poderosa para acelerar su sitio web. Esto reduce las solicitudes HTTP, ya que solo necesita cargar una imagen grande y luego renderizar una parte de esa imagen en ubicaciones específicas de una página.
Habilitar la compresión
Habilitar la compresión Gzip o Brotli en el servidor reduce en gran medida el tamaño de los archivos antes de enviarlos al navegador. Dado que ayuda a entregar páginas más pequeñas y más rápidas con menos consumo de memoria en el lado del cliente, es una ganancia rápida y fácil para el rendimiento de su sitio web.
Eliminar código muerto
Siempre tenga cuidado de no agregar JavaScript, CSS o comentarios inútiles en el código de su página. Por ejemplo, si una biblioteca (por ejemplo, jQuery) solo es necesaria en una página específica, asegúrese de que no esté cargada en otras páginas donde afectaría la velocidad de su página sin agregar valor.
Cargue rápidamente contenido en la mitad superior de la página
A menudo, los desarrolladores web diseñan páginas para que se consuman solo después de que la página y sus recursos se hayan cargado por completo. Sin embargo, optimizar el código y la estructura de sus páginas para el contenido de la mitad superior de la página les brindará a sus usuarios una experiencia de navegación significativamente mejorada, ya que podrán consumir su contenido mucho más rápido.
Conclusión
La velocidad de la página define qué tan rápido se carga una página.
La velocidad de la página es fundamental para el rendimiento de un sitio, la percepción de la marca y la experiencia general del usuario.
El rendimiento de la página es tan importante en dispositivos móviles como en computadoras de escritorio.
Una página lenta hace que un visitante abandone el sitio web prematuramente.
La velocidad de la página es fundamental para la optimización de motores de búsqueda.
Las páginas web de alto rendimiento obtienen mejores clasificaciones en los motores de búsqueda.
Invertir en un proveedor de alojamiento web sólido vale la pena.
Ejecute nuestra prueba de velocidad de la página para evaluar los problemas de rendimiento de cualquier página pública.
Aplique las recomendaciones anteriores para mejorar rápidamente la velocidad de su página.
Supervise continuamente el rendimiento de sus páginas.
Realice una prueba de velocidad de página después de cada cambio de código para seguir proporcionando la mejor experiencia de usuario.
Consejos
- Pruebe la plataforma de alojamiento WP Engine para obtener la mejor velocidad del sitio.
- Realice periódicamente una auditoría SEO completa para completar la optimización de sus páginas.
- Explore los recursos de web.dev para obtener la información más reciente sobre el rendimiento web.
