Lista de verificación

¿Un sitio web veloz?
Empieza con nuestra lista de verificación.

¿Por qué preocuparse por la velocidad?

Un sitio rápido no es una moda. Es la diferencia entre «compro» y «me voy». Los números lo confirman, el negocio lo siente.

  • Gracias a la mejora de la velocidad de deNatura.cz, en PageSpeed.ONE logramos aumentar el tráfico de Google en un 17,3 %.
  • ¿Carga en un segundo? 6× más conversiones que al cargar en cuatro segundos. Lo medimos en un gran e-commerce.
  • En el sitio se logró aumentar el ratio de conversión en un 25 % con cambios relativamente simples.
  • Si la página cumple con Core Web Vitals, hay un 24 % menos de probabilidad de que el usuario se vaya antes de cargar.
  • Los sitios más rápidos suelen tener costos más bajos en PPC. Esto se demostró tras la optimización de Livesport.

Para no técnicos: Cultura de Rendimiento

La velocidad no es solo cosa de desarrolladores. Afecta a todos: desarrolladores, diseñadores, marketers, jefes. Controla el caos.

  • Mantén siempre el monitoreo activo. Detecta problemas a tiempo, evita deterioros inesperados.
  • Convence a la dirección de que la velocidad es crucial para el negocio.
  • Ten un gerente de rendimiento que aborde activamente el tema.
  • Establece las métricas correctas, para sitios grandes ve más allá de Core Web Vitals.
  • Educa a todos los involucrados, incluidos marketers, editores de contenido y diseñadores.
  • Considera el impacto en la velocidad al diseñar nuevas funciones y elegir soluciones de terceros.
  • CONSEJO: Mira el video introductorio sobre Cultura de Rendimiento.

Optimización de LCP (velocidad de carga)

LCP mide cuándo aparece lo más importante en la página. Tienes 2,5 segundos.

  • Acelera la respuesta del servidor (TTFB). Recomendamos estar por debajo de 0,5 segundos.
  • Asegura una compresión eficiente, como Gzip o Brotli en nivel 6-7.
  • Optimiza las fuentes. Reduce el tamaño de los datos y evita ocultamientos.
  • Usa carga diferida. Pero correctamente. No uses lazy loading en imágenes LCP.
  • Aumenta la prioridad de los elementos LCP. Usa preload o Priority Hints.
  • Imágenes. Usa formatos modernos como WebP o AVIF.
  • Usa CDN y considera implementar Cloudflare.
  • CONSEJO: Aprende a identificar el elemento LCP y explora más opciones de optimización de LCP.

Optimización de INP (respuesta a interacciones)

INP mide la rapidez de respuesta del sitio al hacer clic. El límite es 200 milisegundos.

  • Elimina tareas largas en JavaScript. Las Long Tasks se miden con la métrica TBT.
  • Retrasa el código no crítico. ¿No es necesario para el primer renderizado? Retrásalo.
  • Controla los frameworks. Consulta nuestros textos sobre optimización de React o Vue.
  • Optimiza scripts de terceros, como GTM. A veces causan problemas.
  • Usa el truco de setTimeout() para dividir tareas largas en más pequeñas.
  • CONSEJO: Informa al usuario tras hacer clic que la acción tomará tiempo. Consulta más opciones de optimización de INP.

Optimización de CLS (estabilidad del diseño)

CLS asegura que la página no se desplace inesperadamente. El límite es 0,1.

  • Reserva espacio. En imágenes, siempre usa width/height. Haz lo mismo con otros elementos.
  • Mantén espacio para las fuentes. Usa CSS para evitar desplazamientos al cargar fuentes.
  • CONSEJO: Anima de manera moderna, siempre con transform. Consulta más optimizaciones de CLS.

Monitoreo de velocidad PLUS

5 400 Kč al año por el sitio. Factura, no necesitas tarjeta.

Prueba por un mes gratis

Tipy na závěr

Chcete další důležité technické tipy, které mohou ovlivnit více metrik?