Comience con la experiencia del visitante
Pruebe páginas importantes en dispositivos móviles y de escritorio, incluidas páginas con formularios, imágenes y secuencias de comandos de terceros. Busque inicios lentos, movimientos de diseño, interacción retrasada y contenido que aparece tarde.
Una puntuación sintética es útil para encontrar pistas, pero no abarca toda la experiencia del usuario. Compare pruebas repetidas y busque problemas consistentes.
Pruébalo: Comprobador de velocidad de página — Abrir una auditoría de rendimiento para una URL pública.
Arregle primero a los contribuyentes más importantes
Las imágenes grandes, JavaScript innecesario, respuestas lentas del servidor, recursos que bloquean el procesamiento y widgets externos son causas comunes de páginas lentas. Cambie el tamaño y comprima imágenes, elimine el código no utilizado y cargue funciones no esenciales solo cuando sea necesario.
No sacrifique contenido útil o accesibilidad por una pequeña mejora en la puntuación. El verdadero objetivo es una página clara y rápida que complete la tarea del visitante.
Pruébalo: Comprobador de Google PageSpeed Insights — Ejecute una auditoría de rendimiento de PageSpeed móvil para una URL pública.
Vuelva a realizar la prueba después de cada cambio significativo
Utilice el Comprobador de velocidad de página or Comprobador de estadísticas de velocidad de página de Google antes y después de un cambio. Registre la página, la estrategia del dispositivo, la fecha y el cambio para poder saber si la mejora es repetible.
El rendimiento es un mantenimiento continuo. Vuelva a verificar después de rediseños, cambios de complementos, nuevos anuncios, análisis o una migración de alojamiento.
Pruébalo: Comprobador del tamaño de página — Medir el tamaño de respuesta de una página web pública.
Mide las páginas que llevan el negocio.
La página de inicio es sólo una parte de la experiencia. Pruebe una página de destino, una página de precios o de registro, una página de contenido con imágenes y la transición de autenticación o de pago más importante cuando pueda hacerlo de forma segura. Las diferentes plantillas suelen tener diferentes problemas de rendimiento.
Registre el dispositivo, perfil de conexión, URL, fecha y condiciones de prueba. Una puntuación sin contexto es difícil de comparar. el Comprobador del tamaño de página puede proporcionar una señal rápida sobre el peso de la respuesta, mientras que una auditoría de desempeño completa puede ayudar a explicar hacia dónde se está acabando el tiempo.
Pruébalo: Obtener el código fuente de una página web — Obtener e inspeccionar fuente HTML pública.
Mejorar la ruta crítica ante todo el sitio.
Comience con lo que retrasa el contenido útil o impide la interacción: la respuesta del servidor, la imagen visible más grande, CSS que bloquea el procesamiento, JavaScript costoso, cambios de diseño o un formulario que permanece inutilizable mientras la página termina de cargarse. Arreglar un gran contribuyente suele ser mejor que recopilar muchas optimizaciones pequeñas.
No elimine contenido significativo, etiquetas, estados de enfoque o mensajes de error simplemente para que una puntuación sintética se vea mejor. Una página rápida que sea confusa o inaccesible no es una mejora. Utilice el Visor de código fuente cuando necesita inspeccionar lo que realmente se envía, no sólo lo que pretendía el archivo de diseño.
Pruébalo: Comprobador de la proporción de código y texto — Compara el texto visible con el tamaño de origen HTML.
Trate los guiones y anuncios de terceros como decisiones de producto.
Los análisis, el chat, los experimentos, los widgets sociales, las bibliotecas de pagos y los anuncios compiten por el tiempo de la red y del hilo principal. Conserve sólo los scripts que tengan un propósito claro, cárguelos en el momento adecuado y compruebe si el beneficio justifica el retraso en un dispositivo más lento.
Mida nuevamente después de agregar un proveedor. Esto es especialmente importante para la publicidad: un espacio publicitario debe tener espacio reservado para no mover la página y no debe interrumpir la tarea principal. El rendimiento es parte de la confianza, no una puntuación de ingeniería separada.
Pruébalo: Comprobador de velocidad de página — Abrir una auditoría de rendimiento para una URL pública.
Establecer un presupuesto de rendimiento repetible
Elija un pequeño conjunto de umbrales para las plantillas que importan: tamaño de respuesta, número de solicitudes, peso de la imagen, costo de JavaScript y las métricas de cara al usuario que su equipo puede observar. El presupuesto exacto depende del producto, pero la regla debe ser visible antes de que una gran dependencia ingrese al código base.
Revise el presupuesto durante los rediseños, las campañas de contenido y los cambios de alojamiento. Un control mensual detecta una deriva gradual; un control de liberación detecta regresiones repentinas. Mantenga el proceso lo suficientemente ligero como para que la gente lo utilice y lo suficientemente específico como para que conduzca a una decisión.
Pruébalo: Comprobador de Google PageSpeed Insights — Ejecute una auditoría de rendimiento de PageSpeed móvil para una URL pública.
Explicar el trabajo de desempeño en términos comerciales.
Es más fácil priorizar un cambio de rendimiento cuando está conectado a una tarea de usuario. Un primer contenido más rápido puede ayudar al lector a iniciar un artículo; un diseño estable puede impedir que se mueva el botón de pago; Un costo de secuencia de comandos más bajo puede hacer que un formulario se pueda utilizar en un teléfono más antiguo. Describe la experiencia afectada, no sólo la puntuación.
Mantenga una nota de antes y después con la URL, el cambio, las condiciones de la prueba y el resultado observado. Si un cambio mejora una métrica pero la página es más difícil de usar, rechacelo. El objetivo es una página que parezca confiable mientras alguien intenta aprender, comparar, registrarse o comprar.
Pruébalo: Comprobador del tamaño de página — Medir el tamaño de respuesta de una página web pública.
Preguntas frecuentes
¿Qué puntuación de velocidad de página es buena?
Ninguna puntuación garantiza el éxito. Usa los valores para priorizar problemas y presta la misma atención a la carga y a la interacción reales.
¿Debería optimizar primero para móviles?
Sí. Empieza por móviles, que revelan limitaciones que las pruebas de escritorio pueden ocultar; después, confirma que la página también funciona bien en pantallas grandes.
¿La velocidad de la página puede afectar al SEO?
El rendimiento forma parte de la experiencia de usuario y es uno de los factores que los buscadores tienen en cuenta al evaluar páginas. Debe mejorarse junto con la relevancia, la calidad del contenido y la accesibilidad.