Guías y tutoriales
Todas las guías de WebVitalsDev, organizadas por tema. Empieza por los fundamentos o ve directamente al problema que quieres resolver.
Core Web Vitals
Ver todo-
Datos de campo y de laboratorio: por qué PageSpeed difiere
Dos resultados pueden diferir sin ser incorrectos: revisa población, periodo y método antes de decidir qué reparar.
-
Cómo corregir CLS: estabiliza imágenes, anuncios y fuentes
El párrafo que se desplaza suele ser el síntoma; el espacio que falta encima es la causa.
-
Cómo mejorar Interaction to Next Paint: diagnosticar los retrasos de entrada, procesamiento y renderizado
Un controlador rápido no basta si otra tarea impide que empiece o el navegador no puede mostrar su resultado.
-
Cómo mejorar Largest Contentful Paint corrigiendo la etapa más lenta de LCP
La imagen más grande no siempre es el problema: el retraso antes de iniciar su descarga puede importar más.
-
Core Web Vitals para principiantes: cómo medir y mejorar LCP, INP y CLS
Empieza por la experiencia de tus visitantes y utiliza la medición adecuada para decidir qué corregir.
Optimización de velocidad web
Ver todo-
Scripts de terceros: mide su coste y cárgalos cuando hagan falta
Un cargador pequeño no convierte una función en ligera: mide toda la interacción.
-
Cómo reducir el tiempo de ejecución de JavaScript y dividir las tareas largas
Una grabación de rendimiento indica qué código eliminar, aplazar, dividir o trasladar a un worker.
-
Eliminar recursos que bloquean el renderizado: CSS y JavaScript sin romper la página
Retira dependencias innecesarias del primer renderizado y conserva estilos e interacciones fiables.
-
Optimizar fuentes web: texto más rápido sin cambios de diseño evitables
Controla cuándo aparece el texto, qué archivos necesita y qué cambia al llegar la fuente definitiva.
-
Optimización de imágenes web: formatos, tamaños adaptables y prioridades de carga
Un archivo más pequeño ayuda cuando el navegador recibe la imagen adecuada en el momento oportuno.
-
Cómo se calcula la puntuación de rendimiento de Lighthouse y por qué cambia
La puntuación es un resultado de laboratorio ponderado; las decisiones útiles empiezan por sus mediciones y condiciones.
-
Cómo leer PageSpeed Insights y elegir la siguiente mejora
Empieza por la experiencia real y utiliza el diagnóstico de laboratorio para localizar el componente responsable.
Rendimiento del servidor
Ver todo-
HTTP/2 y HTTP/3: multiplexación, QUIC y comprobaciones de rendimiento
Descubre qué cambia con HTTP/2 y HTTP/3, qué sigue siendo lento y cómo verificar su activación.
-
CDN y caché perimetral: entrega más rápida con reglas seguras
Elige entre archivos estáticos y páginas completas, con reglas explícitas para actualizar y proteger datos privados.
-
Caché del navegador: Cache-Control, validadores y actualización segura de archivos
Elige la política según el contenido y su sensibilidad y comprueba qué reutiliza realmente el navegador.
-
Cómo reducir el tiempo de respuesta del servidor: diagnóstico y mejora de TTFB
Separa los retrasos de conexión del trabajo de la aplicación antes de cambiar el alojamiento, la caché o la entrega.
SEO técnico
Ver todo-
SEO JavaScript: cómo renderiza Google y cómo mantener indexable el contenido importante
Comprueba qué contenido puede recuperar Google; una sesión correcta en tu navegador no demuestra indexabilidad.
-
Fundamentos de SEO técnico: páginas rastreables, indexables y bien conectadas
Crea un recorrido accesible hasta el contenido útil y comprueba qué procesó Google realmente.
-
¿Afectan Core Web Vitals al posicionamiento en Google?
Core Web Vitals cuentan para Google Search, pero aprobarlos no garantiza posiciones ni sustituye un contenido útil.
Optimización por plataforma
Ver todo-
Cómo mejorar Core Web Vitals en Next.js con renderizado, imágenes e hidratación
Decide qué envía el servidor, qué ejecuta el navegador y qué representa realmente cada medición.
-
Velocidad en Shopify: optimiza lo que realmente controla tu tienda
Empieza por el recorrido de compra y los recursos que solicita realmente el tema.
-
Core Web Vitals en WordPress: alojamiento, temas, plugins y WooCommerce
Adapta cada cambio a la plantilla, el estado del visitante y la etapa que necesita mejorar.