Métricas de velocidad
¿Qué es el tiempo hasta el primer byte (TTFB)?
TTFB significa tiempo hasta el primer byte. Es una métrica temporal que determina el tiempo que tarda en llegar el primer byte de una respuesta del servidor cuando se realiza alguna petición de un recurso.
¿Qué es el Tiempo Interactivo y cómo mejorarlo?
El Tiempo de Interacción (TTI) es una métrica utilizada para medir el tiempo que tarda una página en ser totalmente interactiva y utilizable después de cargarse. El TTI pretende evaluar el tiempo que transcurre desde que el navegador renderiza el primer fragmento de contenido del DOM (FCP) hasta que los usuarios pueden llevar a cabo su primera interacción con la página, como hacer clic en un botón. Se sabe que el TTI es mucho mejor y más preciso que las típicas métricas de rendimiento, como Onload y carga de página.
¿Qué es First Contentful Paint y cómo mejorarlo?
La Primera Pintura del Contenido (FCP) es lo primero que ves al abrir una página web. El FCP es una de las seis métricas de rendimiento del frontend que PageSpeed Insight mide utilizando Lighthouse. Afecta a la experiencia del cliente y al SEO, por lo que debes medir y optimizar para conseguir un FCP rápido.
¿Qué es la Pintura de Mayor Contenido (LCP) y cómo mejorarla?
A menudo abreviado como LCP, Largest Contentful Paint es una métrica centrada en la experiencia del usuario que mide cuánto tarda en renderizarse el elemento más grande de tu página. El objeto LCP puede ser una imagen, texto, vídeo o animación que aparezca por encima del pliegue.
¿Qué es el Retraso a la Primera Entrada (FID) y cómo solucionarlo?
El Retraso en la Primera Entrada (FID) es una métrica de Core Web Vitals definida por Google que mide la interactividad y la capacidad de respuesta de las páginas web. Al calcular la puntuación PageSpeed de una URL, el valor de Retraso a la primera entrada (FID) representa el tiempo transcurrido entre la primera interacción del usuario con los elementos de la página y el momento en que el navegador web puede procesar realmente la solicitud del usuario.
¿Qué es el Desplazamiento de Diseño Acumulativo (DESA) y cómo solucionarlo?
El Desplazamiento acumulativo del diseño (CLS) es una métrica de Core Web Vitals definida por Google que mide la estabilidad visible de las páginas web. Cuando se producen desplazamientos inesperados en la visualización del contenido durante la carga de una página web debido al cambio de tamaño de las imágenes, la visualización de anuncios, la animación, la renderización del navegador u otros elementos de script, dichos desplazamientos disminuyen la calidad de la experiencia del usuario. Esto puede hacer que los visitantes se sientan confusos o que tengan que esperar a que se complete la carga de la página web, lo que lleva más tiempo.
¿Qué es PageSpeed Insights?
PageSpeed Insights (PSI) es una herramienta de análisis ofrecida por Google para la evaluación del rendimiento de los sitios web en dispositivos de escritorio y móviles. La puntuación Google PageSpeed de cada URL es un valor de referencia calculado a partir de las métricas utilizadas para la optimización de motores de búsqueda (SEO).
Optimización del backend
¿Qué es HTTP/3?
HTTP/3 es la tercera versión del Protocolo de Transferencia de Hipertexto (HTTP) desarrollada por el IETF y se considera la sucesora de HTTP/2. A diferencia de su predecesor, está construido sobre un protocolo diferente, QUIC. ¿Por qué tenía que existir HTTP/3 cuando HTTP/2 no se estandarizó hasta 2015? Para entender y sondear esta pregunta adecuadamente, necesitas comprender cómo evolucionó HTTP como protocolo de Internet.
¿Qué es la compresión Brotli?
Brotli es un algoritmo de compresión que presume de tiempos de compresión más rápidos y una mayor compresión de las páginas web que su predecesor GZIP. Es de código abierto, de uso gratuito y ya está soportado por los servidores web y navegadores modernos.
¿Qué es la compresión GZIP?
La compresión GZIP es un método para reducir el tamaño de los archivos. Cuando se trata de la velocidad de la página, archivos más pequeños significan tiempos de carga más rápidos.
Optimización del frontend
¿Qué es WebP?
WebP es una tecnología de compresión de imágenes desarrollada por Google hace aproximadamente una década. El archivo WebP se representa mediante el formato de archivo ".webp". La compatibilidad con el formato de archivo WebP ha aumentado bastante en los últimos años gracias a los navegadores modernos, plataformas como WordPress y muchas otras herramientas y bibliotecas de software. Y debido a su mayor compatibilidad y popularidad en los últimos años, el WebP se ha convertido en un estándar de facto para las imágenes web.
¿Qué es una CDN?
Una Red de Entrega de Contenidos (CDN, por sus siglas en inglés) es un grupo de servidores distribuidos geográficamente que se utilizan para almacenar archivos en caché a nivel local y conseguir velocidades de descarga más rápidas para los mercados nacionales e internacionales. Las CDN ofrecen cientos de ubicaciones de centros de datos situados cerca de las regiones geográficas más pobladas del mundo, con equilibrio de carga en el tráfico de red que dirige las solicitudes al servidor web más cercano.