Descripción
Speed Auditor ayuda a los propietarios de sitios de WordPress a identificar los cuellos de botella en el rendimiento en tiempo real mientras navegan por su sitio. Genera un informe técnico descargable que señala los elementos críticos para Core Web Vitals y la eficiencia estructural.
Speed Auditor ahora incluye un potente Visual CLS Highlighter. Deja de adivinar qué elementos están causando cambios en el diseño; activa el radar en tiempo real desde tu barra de administración para ver los elementos problemáticos resaltados con cuadros rojos mientras navegas.
Nuevas características:
* Radar CLS visual: activa un conmutador en tiempo real para dibujar cuadros rojos alrededor de los elementos que provocan cambios en el diseño. Perfecto para detectar anuncios, imágenes o texto inestables.
* **Señal de rendimiento visual: íconos codificados por colores en tiempo real (verde/amarillo/rojo) en la barra de administración según el estado de optimización de LCP.
* Base de conocimientos técnicos: nueva guía en Herramientas > Auditor de velocidad para ayudar a los usuarios a comprender métricas como la profundidad DOM, LCP y la latencia de los medios.
* **Glosario técnico: una nueva guía integrada que explica etiquetas HTML.
<
div>, y específicamente en el contexto de CLS y rendimiento.
* Identificación precisa de LCP: Detecta el elemento Largest Contentful Paint y valida su optimización.
* Auditoría estructural del DOM: Desglose de nodos por zonas (encabezado, contenido, pie de página) y análisis de la profundidad máxima de anidamiento.
* Supervisa la latencia de medios: Identifica las imágenes que se cargan más lentamente en la página midiendo la duración de la transferencia en tiempo real.
* Informes dinámicos: Genera un informe .txt con un nombre de archivo inteligente que incluye el slug de la página y la fecha para facilitar el seguimiento.
* Centrado en la privacidad: Funciona íntegramente en el navegador utilizando la API de rendimiento. No se guardan datos en la base de datos.
* Listo para la traducción: Totalmente compatible con los estándares de internacionalización (i18n) de WordPress.
Aviso de actualización
1.1.9
Actualización importante. ¡Nueva herramienta visual! Ahora puedes resaltar los elementos que causan cambios en el diseño (CLS) directamente en tu sitio desde el menú Speed Auditor. ¡Visualiza los cambios en el diseño! Esta versión agrega un radar en tiempo real para detectar los elementos que perjudican tu puntuación CLS. Imprescindible para sitios que utilizan AdSense o contenido dinámico.
1.1.8
Esta versión mejora el informe técnico con consejos prácticos que te ayudarán a pasar de un ícono naranja/rojo a uno verde optimizando tus elementos LCP.
1.1.7
Esta actualización garantiza la precisión de las auditorías al desactivar los informes y las alertas de color dentro del área de administración de WordPress.
1.1.6
Esta versión introduce una nueva Guía técnica en Herramientas > Speed Auditor para ayudarle a comprender sus informes.
1.1.5
Esta versión agrega un sistema de semáforo visual en tiempo real a tu barra de administración.
Capturas de pantalla
Radar visual CLS: resalta los elementos inestables (anuncios, imágenes, texto) con cuadros rojos directamente en el sitio. 
Indicador de rendimiento en tiempo real en la barra de administración. El ícono cambia de color dinámicamente (verde, naranja, rojo) en función del estado de LCP. 
Ejemplo del informe técnico generado por el auditor, incluyendo las zonas DOM y la latencia de medios. 
Nueva página de glosario técnico y base de conocimientos en el menú Herramientas.
Instalación
- Sube la carpeta
speed-auditoral directorio/wp-content/plugins/. - Activa el plugin a través del menú “Plugins” en WordPress.
- Verás un nuevo enlace “Speed Auditor” en la barra de administración superior (solo para administradores).
- Accede a la guía técnica en “Herramientas > Speed Auditor”.
FAQ
-
¿Qué significa “ins” o “div” en los recuadros rojos?
-
Estas son etiquetas HTML que suelen utilizar redes publicitarias como Google AdSense. Si ves un recuadro rojo con la etiqueta “ins”, significa que un anuncio está desplazando tu contenido y perjudicando tu puntuación CLS.
-
¿Por qué aparecen los recuadros rojos solo después de desplazarme?
-
La API de rendimiento del navegador suele detectar cambios en el diseño solo cuando el elemento entra en la ventana gráfica o cuando el contenido dinámico (como los anuncios) se activa al desplazarse. Esto garantiza que el auditor le muestre el impacto real en la experiencia del usuario.
-
¿La función “Mostrar CLS” afecta a la velocidad de mi sitio web?
-
No. El visualizador solo funciona para los administradores que han iniciado sesión y utiliza la API de rendimiento nativa del navegador, que es extremadamente ligera y no tiene ningún impacto en tus visitantes.
-
¿Cómo puedo evitar que aparezcan los recuadros rojos?
-
Simplemente haz clic de nuevo en el botón “Mostrar CLS” en la barra de administración para cambiar el estado. El complemento recordará tu preferencia para la próxima página que visites.
Reseñas
No hay reseñas para este plugin.
Colaboradores & Desarrolladores
“Speed Auditor” es software de código abierto. Las siguientes personas han contribuido a este plugin.
Colaboradores
“Speed Auditor” ha sido traducido en 2 idiomas. Gracias a los traductores por sus contribuciones.
Traduce “Speed Auditor” a tu idioma.
¿Interesado en el desarrollo?
Revisa el código, echa un vistazo al repositorio SVN, o suscríbete al registro de desarrollo por RSS .
Historial de cambios
1.1.9
- Nuevo: botón Visual CLS Highlighter. Se ha agregado un conmutador en la barra de administración para activar/desactivar los cuadros visuales. Modo visualizador persistente mediante localStorage. Audite varias páginas sin problemas. Identifique exactamente qué elementos se mueven en su página. Deje de adivinar qué elementos se mueven; véalos resaltados en cuadros rojos.
- Mejorado: ahora los recuadros siguen a los elementos durante el desplazamiento y permanecen por encima de los anuncios utilizando un índice z extremo.
- Nuevo: Glosario técnico en la guía de administración que explica etiquetas HTML como “ins”, “div” e “img” en el contexto de CLS.
1.1.8
- Mejora: el informe técnico ahora incluye consejos prácticos detallados para optimizar los elementos LCP (carga diferida y Fetchpriority).
- Mejora: mayor diferenciación entre los elementos LCP de imagen y texto en los informes.
1.1.7
- Corrección: Se ha restringido la supervisión del rendimiento y la generación de informes únicamente a la vista pública.
- Mejora: el ícono de la barra de administración permanece inactivo en el panel de control para garantizar la precisión de la auditoría.
1.1.6
- Nuevo: Se ha agregado la página Guía técnica a Herramientas > Speed Auditor con explicaciones para todas las métricas auditadas.
- Nuevo: Se ha agregado la tabla de umbrales de latencia de medios a la base de conocimientos.
- Mejorado: Compatibilidad con la internacionalización (i18n) para la interfaz y los informes.
- Mejora: el pie de página del informe ahora incluye un enlace directo a la guía del panel de control de WordPress.
- Corrección: Se ha cambiado el nombre a Speed Auditor para cumplir con las políticas de marcas registradas del repositorio.
1.1.5
- Nuevo: Indicadores visuales del estado del LCP (verde, amarillo, rojo) en la barra de administración.
- Nuevo: Detección automática de LCP basado en texto para un estado “OK” instantáneo.