WRAPS – Online Buchhandlungen

6 Browserfenster mit folgenden Symbolen: Baum, Bücher, Mensch, Schloss, Pulsmonitor und normaler Inhalt einer Webseite.

Im vierten Teil meine WRAPS Serie habe ich die Homepages großer europäischer Buchhandlungen untersucht. Erfreulicherweise überzeugt die Erstplatzierte Website auch mit ihrem Konzept.

Die getesteten online Buchhandlungen sind Adlibris 🇸🇪️, Bookshop.org 🇬🇧️, El Cotre Inglés 🇪🇸️, Empik 🇵🇱️, Fnac 🇫🇷️, Genialokal 🇩🇪️, Helikon.bg 🇧🇬️, Hugendubel 🇩🇪️, Libris.nl 🇳🇱️, Mondadori 🇮🇹️, Rahva Raamat 🇪🇪️, Thalia 🇩🇪️, Waterstones 🇬🇧️ and as a reference point Amazon Books 🇺🇸️.

  1. Ergebnis
  2. Kriterien
  3. Homepages der Buchläden
  4. Fazit

Das Ergebnis

Die Bewertung richtet sich wieder nach fünf Kriterien, wobei ich die Gewichtung deutlich vereinfacht habe. Ökologische Nachhaltigkeit, Core Web Vitals (Performance), Barrierefreiheit und Privatsphäre sind nun gleich gewichtet. Bis zu 5% Punktabzug gibt es bei ethisch fragwürdigen Inhalten und Methoden.

Das Resultat zeigt eine deutliche Gewinnerin, die Homepage von Genialokal.de. Dies ist eine Plattform, die es kleinen Buchhandlungen erlaubt ihre Bücher auch online zu vertreiben. Kaufende unterstützen damit direkt den Einzelhandel.

#ShopTotalCWVCO2A11yPrivatInhalt
1. Genialokal 78,6% 100% 43% 83% 88% 0%
2. Waterstones 58,8% 96% 16% 49% 75% 0%
3. uk.bookshop.org 50,1% 100% 28% 46% 27% 0%
4. Adlibris 49,2% 100% 28% 50% 18% 0%
5. Hugendubel 46,7% 66% 5% 79% 10% 0%
6. Mondadori 45,5% 64% 35% 39% 44% 0%
7. Amazon Books 44,9% 91% 34% 57% 17% -5%
8. Thalia 46,6% 86% 18% 47% 35% 0%
9. libris.nl 42,6% 99% 0% 38% 33% 0%
10. Fnac 41,5% 87% 0% 43% 37% 0%
11. Rahva Raamat 38,3% 67% 11% 56% 18% 0%
12. Empik 36,8% 36% 0% 37% 53% -5%
13. Helikon.bg 26,0% 62% 0% 39% 3% 0%
14. El Corte Inglés Libros 25,0% 7% 0% 84% 10% 0%

Die Kriterien

Auch bei dieser Episode sind wieder einige alt-bekannte Fehler deutlich geworden.

Core Web Vitals

Insgesamt schneiden die Homepages gut ab, was die Ladezeit betrifft. Mehrere Webseiten hatten aber Punktabzüge für großes Ruckeln während des Seitenaufbaus zu verzeichnen. Hier macht sich bemerkbar, dass große Teile des DOMs Client-Seitig mit Javascript aufgebaut werden.

CO2 Ausstoß

In diese Kategorie konnten im Mittel die wenigsten Punkte erzielt werden. Große Bilder, fehlendes “lazyloading” und riesige JavaScript Bibliotheken (meistens für Tracking) führten wieder einmal zu erheblichen Punktabzügen.

Im Mittel werden fast 4,7MB pro erstem Seitenaufruf verbraucht. Beim zweiten Aufruf sind es immernoch über 1MB.

Barrierefreiheit

Hier schneiden die Webseiten mittelmäßig ab. Einige Websites bieten die Möglichkeit Farbe und Schrift über ein externes Tool wie Eyeable anzupassen. Ich betrachte solche Lösungen mittlerweile kritischer, da sie von mehreren Initiativen abgelehnt werden, habe dafür aber in diesem Test volle Punkte für die Einbindung gegeben (besser als nichts, ist es wohl). Viele Websites waren nur in einer Sprache verfügbar.

Privatsphäre

Ich hab das Gefühl, dass es hier immer schlimmer wird. Auf fast allen Webseiten wird ungefragt Verbindung zu Google Servern aufgenommen. Dass das verboten ist und Strafen nach sich ziehen kann, scheint von den Betreibenden billigend in Kauf genommen zu werden.

Auch in Punkto Sicherheit gibt es einige Schwachstellen. Das ist nie gut, aber besonders schlecht auf Webseiten, auf denen man persönliche (Konto-)Daten angeben muss.

Inhalt

Dieses mal gibt es Punktabzüge für identifizierte Dark-Patterns und Werbung für ethisch/moralisch Fragwürdige Bücher.

Glücklicher Weise konnte ich kaum Dark Patterns identifizieren.

Wie die Ergebnisse der Shops zustande kommen

Mehr Details zu den Ergebnissen sind in der PDF-Datei zusammengefasst. Dort seht ihr auch, wie viele Punkte in den Unterkategorien erreicht wurden.

Die Plattform Genialokal gewinnt dieses Ranking mit großem Abstand und hat in allen Bereichen die Nase vorn. Insgesamt sind es 78,6%. Die Website ist auch als PWA verfügbar.

100% Core Web Vitals
Die Homepage lädt verhältnismäßig schnell und ohne visuelles Ruckeln. Interaktionen mit der Webseite klappen ohne Verzögerung. Interaktion mit der Website klappt auch ohne große Latenz trotz 1,2MB JavaScript.
43% Ökobilanz
Unter 2MB Daten werden beim ersten Laden heruntergeladen, das hat keine andere Website geschafft. 1,2MB JavaScript und veraltete Font-Formate fallen negativ auf. Positiv hervorzuheben ist die Nutzung von grünem Strom der Server.
83% Barrierefreiheit
Die Website bindet ein Barrierefreiheits-Tool ein. Hierüber lassen sich Farbe und Schrift anpassen. Die Website ist nur auf deutsch verfügbar. In Lighthouse holt die Website überdurchscnittlich viele Punkte.
88% Privatsphäre
Es wird keine Verbindung zu externen Servern aufgenommen, was eine echte Seltenheit ist. In puncto Sicherheit sind fehlende Security-Header zu bemängeln.

Waterstones macht den zweiten Platz mit58,8%. Privatsphäre und Performance stechen positiv hervor.

96% Core Web Vitals
Minimale Punktverluste für das Ruckeln der Website, sonst nichts zu beanstanden.
16% Ökobilanz
Mit 700kB an JavaScript ist diese Website am sparsamsten. Mehr Lazyloading würde das Ergebnis weiter verbessern.
83% Barrierefreiheit
Gute Ausbeute bei Lighthouse, aber leider keine Möglichkeit Farbe, Sprache oder Schrift anzupassen.
88% Privatsphäre
Nur ein externes Tracking-Tool wird verwendet. Für die Sicherheit fehlen einige Security-Header.

Bookshop schafft es mit nur 50,1% auf’s Treppchen, wobei die Website nur bei der Performance überzeugt.

100% Core Web Vitals
Schnell, ruckelfrei, responsiv, nichts zu meckern.
28% Ökobilanz
Beim ersten Laden werden zu viele Daten gezogen. 1,4MB größtenteils externes JS und zu viele Bilder (70+) machen sich negativ bemerkbar. Die Server laufen dafür mit grünem Strom.
46% Barrierefreiheit
Gute Ausbeute bei Lighthouse, aber leider keine Möglichkeit Farbe, Sprache oder Schrift anzupassen.
27% Privatsphäre
Viele externe Server werden angesprochen, darunter solche von Google, Reddit, und Microsoft. Google-Server werden sogar zum Bereitstellen einiger Bilder verwendet. Das gibt Punktabzüge.

Adlibris macht mit knapp der Hälfte (49,2%) der Punkte den vierten Platz. Die Privatsphäre verhindert eine besser Platzierung.

100% Core Web Vitals
Keine Punktabzüge, wenngleich die Homepage schlechtere Werte aufweist als uk.bookshop.org.
28% Ökobilanz
Gleiche Punktzahl wie uk.bookshop.org und gleiche Menge an JS. Insgesamt deutlich weniger Daten beim ersten Laden, trotzdem zuviel für eine gute Punkteausbeute.
50% Barrierefreiheit
Perfekte Ausbeute bei Lighthouse, aber leider keine Möglichkeit Farbe, Sprache oder Schrift anzupassen.
18% Privatsphäre
Viel zu viele externe Server werden kontaktiert und untergraben die Privatsphäre der Nutzenden.

Hugendubel kommt auf 46,7% der Punkte. Dabei rächt es sich, dass Bilder nicht für’s Web optimiert sind, Caching-Zeiten zu knapp bemessen sind und Fonts sind nicht im optimalen Format.

66% Core Web Vitals
Die Homepage ruckelt stark beim Laden, Punkte gibt es somit nur für die Ladezeit und die Interaktivität.
5% Ökobilanz
Riesige Bilder, die nicht lang genug gecached werden, verhindern hier eine gute Punkteausbeute.
79% Barrierefreiheit
Bei Lighthouse schneidet die Website durchschnittlich ab. Ein externes Barrierefreiheits-Tool lässt Farbe und Schrift anpassen.
37% Privatsphäre
Mehrere externe Server und fehlende Security Header verhindern mehr Punkte.

Mondadori kommt auf 45,48%. Barrierefreiheit und starkes Ruckeln kosten eine bessere Platzierung

64% Core Web Vitals
Deutliche Punktverluste für das starke Ruckeln der Website.
35% Ökobilanz
Stärkeres Lazyloading hätte Punkte gerettet. Mit 1,2MB JavaScript lädt die Website fast am wenigsten.
39% Barrierefreiheit
Mäßige Ausbeute bei Lighthouse und keine Möglichkeit Farbe, Schrift oder Sprache anzupassen.
44% Privatsphäre
Nur zwei externe Server werden angefragt, leider ist einer davon von Google (für Fonts). Sicherheit ist durch fehlende Security Header eingeschränkt.

Amazon kommt auf 44,9%. Hier lässt sich wieder einmal beobachten, dass das Nutzen neuester Technologien allein das Ergebnis nur begrenzt retten können.

91% Core Web Vitals
Punktverluste für das Ruckeln der Website, sonst nichts zu beanstanden.
34% Ökobilanz
Aggressives Caching rettet einige Punkte beim Reload. Beim ersten Laden sind es zu viele Daten, insbesondere JavaScript.
57% Barrierefreiheit
Gute Ausbeute bei Lighthouse. Sprache lässt sich bei Amazon auch anpassen, Farbe nicht.
88% Privatsphäre
Wie bei vielen anderen Websites, wird Verbindung zu vielen externen Servern aufgenommen.
-5% Privatsphäre
Punktabzüge für Werbung für Bücher aus der rechts-konservativen bis faschistoiden Ecke (JD Vance, Metaxas).

libris.nl kommt auf 42,6% der Punkte. Dabei verhindern unoptimierte Bilder ein besseres Ergebnis.

99% Core Web Vitals
Minimale Abzüge für leicht verzögerte Reaktionen bei Interaktionen.
0% Ökobilanz
Unoptimierte Bilder und 1,8MB an JavaScript verhindern, dass in dieser Kategorie Punkte gesammelt werden.
38% Barrierefreiheit
Mäßige Ausbeute bei Lighthouse und keine Möglichkeit Farbe, Schrift oder Sprache anzupassen.
33% Privatsphäre
Unter anderem werden Server von Microsoft, Google und Facebook ungefragt kontaktiert.

Thalia kommt auf 42% der Punkte. Sicherheitsmängel aufgrund fehlender Security Header und hohes Datenvolumen vermiesen das Ergebnis.

86% Core Web Vitals
Einige Punktabzüge für das Ruckeln beim Laden. Auch die Interaktion mit der Website könnte schneller sein.
0% Ökobilanz
Sowohl beim ersten Laden als auch beim Reload verbraucht die Website zu viele Daten, um Punkte mitzunehmen.
47% Barrierefreiheit
Gute Ausbeute bei Lighthouse, aber leider keine Möglichkeit Farbe, Sprache oder Schrift anzupassen.
35% Privatsphäre
Mehrere externe Server und fehlende Security Header verhindern mehr Punkte.

Fnac kommt auf 41,47% der Punkte. Doppeltes Runterladen großer JS Dateien sind problematisch.

87% Core Web Vitals
Die Homepage lädt zu langsam und kassiert dafür Punktabzüge.
0% Ökobilanz
Sowohl beim ersten Laden als auch beim Reload verbraucht die Website zu viele Daten, um Punkte mitzunehmen. Verantwortlich sind fehlende moderne Bildformate und doppeltes Laden großer JS Dateien.
43% Barrierefreiheit
Gute Ausbeute bei Lighthouse, aber leider keine Möglichkeit Farbe, Sprache oder Schrift anzupassen.
35% Privatsphäre
Mehrere externe Server und fehlende Security Header verhindern mehr Punkte.

Rahva Raamat kommt nur auf 38,3 der Punkte. Ein Grund: JS von mehr als zehn verschiedenen Servern.

67% Core Web Vitals
Zu langsame Reaktionszeiten und Ruckeln beim Seitenaufbau sorgen für Punktabzüge.
0% Ökobilanz
Über 10MB an Daten beim ersten Laden ist unverschämt viel. Bilder, die nicht für’s Web optimiert sind, alte Bildformate und zu viel JS verursachen diesen Wert. Beim Reload ist es deutlich besser, aber für viele Punkte reicht es trotzdem nicht.
56% Barrierefreiheit
Gute Ausbeute bei Lighthouse und die Website ist in mehreren Sprachen verfügbar.
18% Privatsphäre
Viele externe Server, darunter vier von Big Tech, werden angefragt.

Empik kommt nur auf 26,71% der Punkte. Dabei ist der Punktabzug für ein Full-Screen Banner da geringste Problem.

36% Core Web Vitals
In allen Unterkategorien gibt es Punktabzüge.
0% Ökobilanz
Auch hier werden über 10MB an Daten geladen. Beim Reload sind es immernoch über 2,8MB. Riesige WEBP-Bilder, die offenbar lossless komprimiert wurden, sorgen für große Probleme, insbesondere da kein Lazyloading eingesetzt wird.
37% Barrierefreiheit
Mäßige Ausbeute bei Lighthouse. Leider gibt es auch keine Möglichkeit Farbe, Sprache oder Schrift anzupassen.
53% Privatsphäre
Server von nur drei verschiedenen externen Anbietern werden eingesetzt, darunter leider auch Google. Einige fehlende Security Header sorgen für weitere Punktabzüge
-5% Privatsphäre
Ein Full-Screen Banner, das Besuchende zum Installieren einer App bewegen soll, sorgt für Punktabzug.

Das bulgarische Portal Helikon kommt nur auf 26% der Punkte. Ein Grund: JS von mehr acht verschiedenen Servern.

62% Core Web Vitals
Die Seite lädt recht schnell, ruckelt aber beim Aufbau und reagiert zu langsam.
0% Ökobilanz
Das Verhältnis des Datenverbrauchs beim ersten und wiederholten Laden ist so schlecht wie bei keiner anderen Website.
39% Barrierefreiheit
Mäßige Ausbeute bei Lighthouse. Leider gibt es auch keine Möglichkeit Farbe, Sprache oder Schrift anzupassen.
3% Privatsphäre
Zu viele externe Server, darunter zwei von Big Tech, werden angefragt. Außerdem geht die Website auch beim Thema Sicherheit leer aus, da mehrere Best-Practices nicht eingehalten werden.

Das spanische Portal El Corte Inglés kommt nur auf 25% der Punkte und macht damit den letzten Platz. Da hilft auch das Tool für Barrierefreiheit nichts mehr.

7% Core Web Vitals
Zu langsam, zu viel Ruckeln und schlechte Reaktionszeiten ergeben kaum Punkte in dieser Kategorie.
0% Ökobilanz
Die dritte Website, die über 10MB an Daten durch’s Netz schickt für das erste Laden. Auch beim Reload sind es noch über 4MB. Ein großes Problem sind 4,8MB an JS, wobei etwa ein Drittel hätte gespart werden können, da viele Dateien doppelt geladen werden. Bilder werden privat (also individuell) gecached, was beim Reload Datenvolumen verursacht. Hinzu kommt mangelhaftes Lazyloading.
84% Barrierefreiheit
Beste Punktausbeute aller getesteten Buchhändler dank eines externen Tools und sehr gutes Ausbeute in Lighthouse.
10% Privatsphäre
Zu viele externe Server, darunter zwei von Big Tech, werden angefragt. Beim Thema Sicherheit gibt es ebenfalls Potential.

Fazit

Auch die online Buchhandlungen gehen zu freizügig mit den Daten der Besuchenden um. In fast allen Fällen werden ungefragt Server von Big Tech Unternehmen angesteuert.

Einzig die Gewinnerin verzichtet auf Verbindungen zu dritten. Der Google Tag Manager wird auf dem eigenen Server gehostet, so dass auch hier vor der Einverständnis keine Daten weitergeleitet werden.

Auch in den anderen Bereichen überzeugt Genialokal, wenngleich etwas weniger Daten (insbesondere JavaScript) wünschenswert wären.

Positiv hervorzuheben bleibt insgesamt noch die Performance der Homepages. 12 von 14 Websites konnten mehr als 60% der möglichen Punkte holen.

Tags #WRAPS

Verwandte Posts

6 Browserfenster mit folgenden Symbolen: Baum, Hände, die ein Herz heben, Mensch, Schloss, Pulsmonitor und normaler Inhalt einer Webseite.
WRAPS - Nicht-Regierungs-Organisationen (NGOs)

In dieser Episode der WRAPS (Website Rankings According to Performance and Sustainability) untersuche ich die Homepages einiger großer NGOs mit Fokus auf Umwelt- und Klimaschutz. Sind die Hausaufgaben bzgl. Web-Nachhaltigkeit gemacht?

6 Browser windows, one of them contains a shirt with a leaf on it, the others contain symbols: a tree, an accessibility icon, a lock, a heart monitor and a normal web content.
WRAPS - Online Shops für Faire Mode

In diesem Teil der WRAPS Serie schaue ich mir verschiedene Plattformen für faire Mode an. Die Anbieter haben sich Nachhaltigkeit auf die Fahnen geschrieben, aber halten die Homepages dieses Versprechen?

6 Browserfenster mit folgenden Symbolen: Baum, fußball-Bundesliga-Logo, Mensch, Schloss, Pulsmonitor und normaler Inhalt einer Webseite.
WRAPS Bundesliga Edition

Für die erste Folge meiner WRAPS Reihe, habe ich mir die Homepages der 18 Fußball Bundesligisten (der Herren) angeschaut. Die Ergebnisse sind durchwachsen oder um es positiv zu formulieren: es gibt noch viel Verbesserungspotential und einen unerwarteten Gewinner