Prueba de rendimiento
Peso de la página con una barra de anuncios: Bulletin vs WPFront vs HashBar
Pusimos la misma barra de anuncios (una línea de texto y un botón con enlace, en la parte superior de la página) en la misma tienda con Bulletin, WPFront Notification Bar y HashBar, de uno en uno, y medimos lo que cada plugin añade a la página.
- −83% menos JavaScript y CSS en Bulletin 3.17 que en la 3.16 (81 KB → 13 KB gzip)
- 0 desplazamiento del diseño: la página no salta cuando aparece la barra
- +2 solicitudes, las mismas que WPFront (HashBar: +12)
Lo que cada plugin añade a la página
Página de inicio, visitante sin sesión, mediana de 10 ejecuciones. Añadido = lo que carga el plugin sobre la misma página sin barra.
| Métrica | Bulletin 3.17 | WPFront | HashBar |
|---|---|---|---|
| Solicitudes añadidas | 2 | 2 | 12 |
| JS + CSS añadido (gzip) | 13 KB | 3 KB | 44 KB |
| JS + CSS añadido (sin comprimir) | 60 KB | 8 KB | 182 KB |
| Desplazamiento del diseño (CLS) | 0 | 0 | 0 |
Bulletin 3.16 vs 3.17
La misma barra, la misma página. Bulletin 3.17 prepara el mensaje en el servidor y muestra la barra directamente en su sitio, en lugar de insertarla después de que cargue la página.
| Métrica | Bulletin 3.16 | Bulletin 3.17 |
|---|---|---|
| JS + CSS añadido (gzip) | 81 KB | 13 KB |
| JS + CSS añadido (sin comprimir) | 228 KB | 60 KB |
| Desplazamiento del diseño (CLS) | 0.046 | 0 |
Cómo lo medimos
Cargamos cada página 11 veces en Chrome headless, cada vez en un navegador nuevo con la caché vacía; descartamos la primera carga y damos la mediana de las otras 10. «Añadido» se refiere a los archivos que aparecen con el plugin activo y no aparecen en la misma página sin ningún plugin de barras.
Solo había un plugin de barras activo a la vez, y todos mostraban la misma barra superior: una línea de texto y un botón con enlace, con el estilo por defecto de cada plugin. La caché de página estaba desactivada. Todo lo demás en la tienda se mantuvo igual.
Bulletin 3.17.0 (Pro), WPFront Notification Bar 3.5.2 y HashBar 2.0.6. Bulletin 3.16.0 se midió del mismo modo para la tabla de antes y después.
Preguntas
¿Qué plugin de barra de anuncios es el más ligero?
En nuestra prueba, WPFront Notification Bar fue el que menos añadió: unos 3 KB. Bulletin 3.17 añadió 13 KB y HashBar, 44 KB. Ninguno de los tres provocó desplazamiento del diseño con la barra en la parte superior de la página.
¿Qué cambió en Bulletin 3.17?
Ahora los mensajes se convierten de Markdown en el servidor, y no en el navegador de cada visitante, y las barras superiores se muestran directamente con la página. Con eso, los archivos de Bulletin en la parte pública se redujeron un 83% y desapareció el desplazamiento del diseño.
¿Puedo reproducir la prueba?
Sí. La configuración y el método están arriba; el mismo procedimiento funciona en una copia de staging de tu propio sitio.
