37 documentos con la etiqueta «Core Web Vitals»
«Volver a todas las etiquetas»
If you have ever looked into web performance for SEO, you have run into Core Web Vitals. These are three metrics Google uses to judge whether your pages load quickly and respond smoothly. They shape both your search rankings and the cost of your PPC ads.
At PageSpeed.ONE, we have put Core Web Vitals at the centre of the dashboard and monitoring. Below you will find our articles on the topic, from deep dives into individual metrics (LCP, INP, CLS) to practical optimisation tips and measurement guides.
¿Cómo encontrar el elemento LCP?
Para optimizar LCP, es fundamental identificar el "elemento LCP", que es el elemento más grande en la parte visible del navegador.
¿Por qué optimizar la velocidad web?
Psicología, conversiones y Google. ¿Por qué también debería interesarte un sitio rápido?
API de Reglas de Especulación: El Camino Hacia una Carga Instantánea de Páginas
El API de Reglas de Especulación nos ofrece la posibilidad de precargar, o incluso pre-renderizar, otra página. De esta manera, podemos lograr una carga casi instantánea de la página a la que el usuario navega, mejorando así su experiencia general en la web.
Barras de cookies y velocidad web
¿Tienes optimizada la velocidad de tu web? Excelente, pero quizás aún no has implementado la barra de cookies.
BFcache: acelera la navegación en el historial para tus usuarios
La caché de retroceso/avance (o BFcache) es una optimización del navegador que permite una navegación instantánea hacia atrás y adelante. Mejora significativamente la experiencia de navegación, especialmente para usuarios con redes o dispositivos más lentos.
Carga diferida de imágenes: guía detallada para mejorar LCP
Recomendamos la carga diferida de imágenes y otros elementos como uno de los métodos básicos y al mismo tiempo muy efectivos para optimizar la velocidad de carga de la página. Le recomendamos posponer conservadoramente la carga de todas las imágenes fuera del primer viewport. Tenga cuidado de aplicar la carga diferida a las imágenes que son elementos LCP, ya que esto puede empeorar la velocidad.
Cloudflare: tu arma secreta para un sitio web más rápido y estable (artículo con lista de verificación)
Cloudflare actúa como intermediario entre tu sitio web y sus visitantes. A diferencia de una CDN común (Red de Entrega de Contenidos), no es solo un sistema para distribuir imágenes y archivos.
CLS: cómo mantener la altura de los elementos (imágenes, componentes JS, iframes...)
En este texto aprenderás por qué y cómo es necesario asegurarse de las dimensiones de los elementos que se insertan de forma asíncrona en la página, como elementos <img>, <iframe> o componentes de JavaScript, a nivel de HTML o CSS.
Cómo acelerar tu tienda en Shoptet: consejos concretos y errores comunes
Shoptet es rápido, siempre que no lo frenes. Te mostramos cómo optimizar la velocidad: qué perjudica, qué ayuda y cómo vigilar tu tienda.
Compónlo en el HEAD
Te gusta WebExpo y te gusta el rendimiento. Además, nos gusta Harry Roberts porque sus charlas y artículos siempre profundizan.
Compresión web con Gzip y Brotli: ¿lo tienes bien configurado?
En PageSpeed.ONE a menudo discutimos problemas muy específicos. Aun así, me sigue sorprendiendo el nivel de detalle al que llegamos. Lo mismo ocurre con la compresión de datos, que exploraremos en este artículo.
Core Web Vitals: todo sobre métricas de velocidad
Core Web Vitals (CWV) es un conjunto esencial de métricas de Google diseñado para reflejar la velocidad de carga de los sitios web y la experiencia del usuario. Descubramos qué métricas incluye, por qué son importantes y cómo medirlas.
Estudio PageSpeed.ONE: Impacto de los widgets de chat en la velocidad web
El chat en vivo es utilizado por el veinte por ciento de los operadores de tiendas en línea checas. Pero, ¿cómo afectan estos componentes a la velocidad del sitio web?
First Contentful Paint (FCP)
First Contentful Paint (FCP) es una métrica que mide el tiempo desde que comienza a cargarse una página hasta que el navegador pinta el primer fragmento de contenido en la página.
Google Search Console y Core Web Vitals: guía práctica
Cómo interpretar los datos de velocidad web y Core Web Vitals en Google Search Console. Guía práctica para desarrolladores, especialistas en marketing y propietarios de sitios web: dónde encontrar los informes, cómo interpretarlos correctamente y qué limitaciones tiene GSC.
Informe «Dominios»
El informe «Dominios» muestra el estado de velocidad de los dominios medidos. Es el informe más importante en cuanto al desarrollo de la velocidad de todo el sitio web.
Informe «Resumen»
La página de inicio, conocida como «Resumen», sirve para mostrar rápidamente el estado actual de la velocidad del sitio web en diferentes contextos y tipos de medición
Los errores más comunes que perjudican Web Vitals
Recientemente tuve la oportunidad de dar una charla en la primera conferencia de frontend de la República Checa. Dado que la velocidad web es un tema en el que estoy inmersa diariamente, el tema de la charla estaba claro.
Métrica de Desplazamiento Cumulativo del Diseño (CLS): cómo identificar y eliminar los desplazamientos no deseados
¿También te molesta cuando un anuncio en la web desplaza el texto que estás leyendo? ¿Te enfadas cuando el contenido salta justo antes de hacer clic y terminas haciendo clic donde no querías?
Métrica INP: 7 consejos para su optimización
La INP no es precisamente la métrica más sencilla de optimizar, por eso hemos seleccionado los problemas más comunes y cómo resolverlos.
Métrica Interaction to Next Paint (INP): cómo abordar interacciones lentas
Google introduce una nueva métrica, Interaction to Next Paint (INP), que en marzo de 2024 reemplazará a First Input Delay (FID) como una de las tres métricas principales de Core Web Vitals.
Métrica Largest Contentful Paint (LCP): guía para una carga más rápida de la web
El mundo de la métrica Largest Contentful Paint (LCP) podría compararse con el emocionante ambiente de las carreras de autos: es una batalla interminable contra el tiempo.
Monitoreo de la velocidad de sitios web con PageSpeed.ONE (tutorial)
Aprende a controlar eficientemente la velocidad de tus sitios web con nuestro probador de velocidad. Es sencillo y el probador está disponible gratuitamente.
Monitoreo de la velocidad web: ¿por qué es importante y cómo utilizarlo eficazmente?
Medir la velocidad ocasionalmente no es suficiente. Sin un monitoreo continuo de la velocidad, no se detectarán problemas ocultos, no se tendrá un historial de datos para análisis y se pueden pasar por alto tendencias que podrían costarle a tu sitio web conversiones y visitantes.
Optimización de imágenes: Cuando entre kilobytes y píxeles deciden milisegundos
Incluso ustedes, simples mortales, pueden domar sus imágenes y hacer que trabajen a su favor, no en su contra. Solo necesitan usar WebP o AVIF, comprimir bien y no olvidar la carga diferida.
Optimización de la métrica CLS
Exploremos juntos cómo evitar los problemas con CLS y cómo solucionarlos cuando ya hayan ocurrido.
Optimización de la métrica LCP
Exploremos juntos los problemas que puede presentar la métrica Largest Contentful Paint (LCP) y cómo optimizarla de manera más efectiva.
Optimización de la velocidad de WordPress: 6+1 consejos para complacer a Google y a tus visitantes
La velocidad del sitio web no es solo un detalle estético, es un factor crucial que afecta el éxito de tu negocio en línea. Un WordPress lento a menudo se debe a una mala elección de plugins, plantillas voluminosas o falta de conocimiento sobre la optimización de velocidad del sitio.
Optimización de Velocidad: ¿Cómo Ayudar desde el Backend?
El backend juega un papel crucial en la optimización de la velocidad web, ya que una correcta optimización del código y el servidor puede eliminar retrasos que a menudo surgen en el procesamiento de solicitudes y la entrega de contenido.
Optimización de Vue.js y Nuxt.js: consejos y trucos
Mejora la velocidad de tu sitio web Vue.js con SSR, carga diferida y otros consejos. Un rendimiento superior significa usuarios más satisfechos y mejores conversiones.
Presentamos la ayuda de PageSpeed.ONE
La misión de PageSpeed.ONE es mejorar la conciencia sobre la utilidad de sitios web rápidos a través de charlas, encuentros y también artículos.
Prueba: ¿es mejor tener muchos archivos CSS pequeños o uno grande?
En el equipo de PageSpeed.ONE, hay varias discusiones "perennes" en las que no todos estamos de acuerdo. Una de las preguntas eternas es: ¿es más rápido tener muchos archivos CSS pequeños divididos por componentes, o uno grande?
Pruebas de Web Vitals en el navegador (una habilidad clave para desarrolladores)
Core Web Vitals son métricas que utilizamos para evaluar el rendimiento de las páginas web en áreas como la velocidad de carga, la interactividad y la estabilidad del diseño. Estas métricas son cada vez más importantes para garantizar una buena experiencia de usuario y Google las utiliza como uno de los criterios para el posicionamiento en los resultados de búsqueda.
Puntuación PageSpeed.ONE (SPS): ¿cómo calculamos la velocidad web para los usuarios?
Presentamos un solo número que actúa como "métrica proxy" para Core Web Vitals tanto en móviles como en escritorio. Lo llamamos "Puntuación PageSpeed.ONE" (SPS).
Reportaje de SmashingConf Freiburg 2023 🥨
Al comienzo del nuevo año escolar, asistí a una conferencia organizada por Smashing Magazine en Friburgo
Tiempo Hasta el Primer Byte (TTFB)
TTFB indica la velocidad del servidor (o infraestructura), la parte del servidor de la aplicación, y también la velocidad de la red entre el servidor y el navegador del usuario.
Tipos de Navegación
Conocer los diferentes tipos de navegación es crucial, ya que algunos son mucho más rápidos que otros. El objetivo desde la perspectiva de la optimización de velocidad web es mover el máximo de usuarios hacia los tipos de navegación rápidos.