Benchmark
Seitengewicht von Hinweisleisten: Bulletin vs. WPFront vs. HashBar
Wir haben dieselbe Hinweisleiste (eine Textzeile und ein Link-Button, oben auf der Seite) im selben Shop nacheinander mit Bulletin, WPFront Notification Bar und HashBar eingerichtet und gemessen, was jedes Plugin zusätzlich lädt.
- −83% weniger JavaScript und CSS in Bulletin 3.17 als in 3.16 (81 KB → 13 KB gzip)
- 0 Layout-Verschiebung: Die Seite springt nicht, wenn die Leiste erscheint
- +2 Anfragen, genauso viele wie bei WPFront (HashBar: +12)
Was jedes Plugin zusätzlich lädt
Startseite, Gastbesuch, Median aus 10 Durchläufen. Zusätzlich = vom Plugin geladen, gemessen an derselben Seite ohne Leiste.
| Messwert | Bulletin 3.17 | WPFront | HashBar |
|---|---|---|---|
| Zusätzliche Anfragen | 2 | 2 | 12 |
| Zusätzliches JS + CSS (gzip) | 13 KB | 3 KB | 44 KB |
| Zusätzliches JS + CSS (unkomprimiert) | 60 KB | 8 KB | 182 KB |
| Layout-Verschiebung (CLS) | 0 | 0 | 0 |
Bulletin 3.16 vs. 3.17
Gleiche Leiste, gleiche Seite. Bulletin 3.17 bereitet die Nachricht auf dem Server vor und zeigt die Leiste direkt an ihrem Platz an, statt sie nach dem Laden der Seite einzuschieben.
| Messwert | Bulletin 3.16 | Bulletin 3.17 |
|---|---|---|
| Zusätzliches JS + CSS (gzip) | 81 KB | 13 KB |
| Zusätzliches JS + CSS (unkomprimiert) | 228 KB | 60 KB |
| Layout-Verschiebung (CLS) | 0.046 | 0 |
So haben wir gemessen
Wir haben jede Seite 11-mal in Headless Chrome geladen, jedes Mal in einem frischen Browser mit leerem Cache. Den ersten Ladevorgang haben wir verworfen und geben den Median der übrigen 10 an. „Zusätzlich“ bedeutet: Dateien, die mit aktivem Plugin geladen werden und auf derselben Seite ohne Hinweisleisten-Plugin fehlen.
Es war immer nur ein Hinweisleisten-Plugin aktiv, und jedes zeigte dieselbe Top-Bar: eine Textzeile und einen Link-Button, jeweils im Standard-Design des Plugins. Das Seiten-Caching war ausgeschaltet. Alles andere im Shop blieb unverändert.
Bulletin 3.17.0 (Pro), WPFront Notification Bar 3.5.2 und HashBar 2.0.6. Für die Vorher-nachher-Tabelle wurde Bulletin 3.16.0 auf dieselbe Weise gemessen.
Fragen
Welches Hinweisleisten-Plugin ist am schlanksten?
In unserem Test hat WPFront Notification Bar am wenigsten hinzugefügt: etwa 3 KB. Bulletin 3.17 fügte 13 KB hinzu, HashBar 44 KB. Keines der drei verursachte eine Layout-Verschiebung, solange die Leiste oben auf der Seite stand.
Was hat sich in Bulletin 3.17 geändert?
Nachrichten werden jetzt auf dem Server aus Markdown umgewandelt statt im Browser jedes Besuchers, und Top-Bars werden direkt mit der Seite dargestellt. Zusammen hat das die Frontend-Dateien von Bulletin um 83 % verkleinert und die Layout-Verschiebung beseitigt.
Kann ich das nachmessen?
Ja. Aufbau und Methode stehen oben; dasselbe Vorgehen funktioniert auf einer Staging-Kopie Ihrer eigenen Website.