Das sind unsere Lieblings\u00e4rgernisse.<\/p>\n
Unintuitive Benutzeroberfl\u00e4chen<\/h2>\n
Dies sind die h\u00e4ufigsten dunklen Muster, denen du begegnen wirst. Es braucht Zeit und \u00dcberlegung, um ein gro\u00dfartiges Benutzererlebnis zu schaffen… und du kannst all diese Bem\u00fchungen sehr schnell mit diesen aufdringlichen dunklen Mustern zunichte machen.<\/p>\n
„Installiere unsere App!“<\/h3>\n
Einige Webseiten und soziale Netzwerke fordern dich auf, ihre App zu installieren – normalerweise, wenn du auf eine E-Mail-Benachrichtigung \u00fcber eine neue Nachricht oder einen neuen Follower klickst. Der Link \u00f6ffnet eine Webseite mit zwei Schaltfl\u00e4chen:<\/p>\n
- \n
- Ein gro\u00dfer „Benutze unsere App“-Button. Wenn du darauf klickst, gelangst du in den AppStore, wo du die native App deiner Webseite genehmigen, herunterladen, installieren und dann starten musst (vorausgesetzt, sie wird von deinem Handy unterst\u00fctzt). Dann musst du dich einloggen, ein falsches Passwort eingeben, eine R\u00fccksetzung anfordern, den Link \u00f6ffnen, ein neues Passwort erstellen und auf das System zugreifen. M\u00f6glicherweise hast du vergessen, warum du dort warst, also gehst du zur\u00fcck zur urspr\u00fcnglichen Meldung und beginnst von vorne.<\/li>\n
- Ein mikroskopisch kleiner „Weiter im mobilen Web“-Link, um die Aktion auszuf\u00fchren.<\/li>\n<\/ol>\n
![\"Nein,](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/install-app-dark-pattern.png\")
Nein, danke – ich brauche deine App nicht!<\/figcaption><\/figure>\n Vielleicht ist die App glorreich und hat Millionen gekostet, aber es ist selten, dass eine App mehr Funktionen hat als die Webseite. Nat\u00fcrlich kann eine App mehr pers\u00f6nliche Daten sammeln als ein Websystem, deshalb wird sie auch aufdringlicher beworben.<\/p>\n
Bewirb eine App auf jeden Fall, aber wenn du das zu Beginn jeder Interaktion tust, \u00e4rgert das die Nutzer\/innen. Einige werden die App installieren, um das Gezeter zu beenden, aber andere werden sie wieder verlassen. W\u00e4re es effektiver, die App anzubieten, wenn der Nutzer deine Webseite schon eine Weile nutzt?<\/p>\n
„M\u00f6chtest du Benachrichtigungen erhalten?“<\/h3>\n
Mit einem Wort: Nein.<\/p>\n
![\"Hat](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/push-notification-dark-pattern.png\")
Hat schon mal jemand auf „Zulassen“ geklickt?<\/figcaption><\/figure>\n Newsletter-Anmeldungen, webbasierte Push-Benachrichtigungen<\/a>, „Let’s Chat“-Widgets<\/a> und Aufforderungen zu Umfragen<\/a> k\u00f6nnten<\/em> n\u00fctzlich sein, aber ihre Umsetzung ist durchweg miserabel.<\/p>\n
Webseiten fordern dich oft auf, dich anzumelden, sobald du nach einer Websuche zum ersten Mal darauf zugreifst. Zu diesem Zeitpunkt hast du keine Ahnung, ob die Inhalte relevant sind, ob sie etwas taugen oder ob du die Webseite \u00f6fter besuchen w\u00fcrdest. Es ist nicht \u00fcberraschend, dass die meisten Leute „Nein“ klicken.<\/p>\n
Es spricht nichts dagegen, Benachrichtigungen oder Newsletter anzubieten, aber am besten ist es, wenn man sich vorher vergewissert, dass sich der Nutzer mit der Webseite besch\u00e4ftigt hat. Vielleicht kannst du eine Aufforderung am Ende des Artikels oder nach ein paar Besuchen einblenden. Das ist weniger aufdringlich, lenkt weniger ab und hat mehr Aussicht auf Erfolg.<\/p>\n
Und schlie\u00dflich: Bitte fordere die Nutzer nicht auf, sich f\u00fcr einen Newsletter anzumelden, wenn sie auf einen Link im Newsletter klicken! Das vertreibt sie schneller, als es sie anlockt.<\/p>\n
Skurrile Navigation<\/h3>\n
Kopfzeilen und Dropdown-Men\u00fcs m\u00f6gen langweilig sein, aber die Menschen verstehen sie. Wir wollen die Entwicklung der Benutzeroberfl\u00e4che und den Erfindungsreichtum des Designs nicht aufhalten, aber manche Navigationssteuerungen<\/a> sind seltsam und unlogisch.<\/p>\n
Bitte \u00fcberdenke dein Design, wenn du die Nutzer\/innen mit „Klick hier“-Tooltips oder anderen Hilfsmethoden auffordern musst. Gute UIs brauchen keine Erkl\u00e4rungen.<\/p>\n
Unn\u00f6tiges Scroll-Jacking<\/h3>\n
Animationen anzuzeigen oder aktive Men\u00fcpunkte zu aktualisieren, wenn die Seite gescrollt wird, kann ein ansprechendes Erlebnis sein. Es ist weniger n\u00fctzlich, wenn:<\/p>\n
- \n
- Animationen werden \u00fcberm\u00e4\u00dfig genutzt. Wenn zu viele Elemente animiert werden, lenkt das den Betrachter ab – wenn jedes Element hervorgehoben wird, bedeutet das, dass die Aufmerksamkeit des Nutzers auf nichts gelenkt wird. Ein paar subtile Effekte, die sich auf wichtige Botschaften konzentrieren, funktionieren besser.<\/li>\n
- Es unterbricht den Kontext. Das Scrollen sollte nicht zu unerwarteten Aktionen f\u00fchren, z. B. zum Verschwinden von Inhalten, zu modalen Dialogen, zum Einreichen von Formularen, zu Weiterleitungen auf andere Seiten usw.<\/li>\n<\/ol>\n
Animationen k\u00f6nnen auch Motion Sickness und Schwindelgef\u00fchle ausl\u00f6sen, daher solltest du die CSS-Medienabfrage
prefers-reduced-motion<\/code> verwenden, um Effekte zu deaktivieren.<\/p>\nBitte h\u00f6r auf, Seiten mit unendlichem Scrollen zu erstellen! Links zu verwandten Inhalten sind n\u00fctzlich, aber das automatische Laden zuf\u00e4lliger Inhalte ohne die Zustimmung der Nutzer\/innen verschwendet Bandbreite. Es erschwert das Setzen von Lesezeichen und macht es unm\u00f6glich, die Kontaktdaten und andere Informationen im Footer der Seite zu erreichen.<\/p>\n
Unn\u00f6tige mehrseitige Artikel<\/h3>\n
Wir alle haben schon „Artikel“ gesehen, die einen Absatz Text enthalten, gefolgt von einem Link zur n\u00e4chsten Seite. Diese Seiten sind in der Regel Linkk\u00f6der ohne substanziellen Inhalt – aber das merkst du erst, wenn du dich durch eine Vielzahl von Werbeanzeigen und Seitenaufrufen gew\u00fchlt hast.<\/p>\n
Es ist aussichtslos, von den Vermarktern zu verlangen, dass sie mit dieser Praxis aufh\u00f6ren, aber vielleicht werden sie es sich noch einmal \u00fcberlegen, wenn die Entwicklerinnen und Entwickler die Menschen dazu bringen, nicht auf diesen Unsinn hereinzufallen!<\/p>\n
Manipulatives Marketing<\/h2>\n
Das Internet ist der gr\u00f6\u00dfte Markt der Welt, auf dem eine unendliche Vielfalt an physischen und digitalen Produkten verkauft werden kann. Die Nutzerinnen und Nutzer werden immer wieder zur\u00fcckkehren … es sei denn, du greifst auf dunkle Muster zur\u00fcck, um den Umsatz anzukurbeln.<\/p>\n
Abo-K\u00e4mpfe<\/h3>\n
Das Abbestellen von Benachrichtigungen oder Newslettern sollte genauso einfach sein wie das Abonnieren, wenn nicht sogar einfacher. Wenn du Nutzer\/innen bittest, H\u00fcrden f\u00fcr die Abmeldung zu \u00fcberwinden, f\u00fchrt das zu Frustration und einem Vertrauensverlust in deine Webseite. Es gibt keinen glaubw\u00fcrdigen Grund, von den Nutzern zu verlangen, dass sie ihre Geburtsurkunde im Original, drei Adressnachweise und die letzten medizinischen Unterlagen per Fax schicken.<\/p>\n
Getarnte Werbung<\/h3>\n
Werbung wird auf vielen Webseiten \u00fcberm\u00e4\u00dfig oft verwendet, aber die schlimmsten Beispiele sind:<\/p>\n
- \n
- Sehen aus wie ein Men\u00fc oder eine Option;<\/li>\n
- vorgeben, Nachrichten oder Informationsartikel von der urspr\u00fcnglichen Webseite zu sein; oder<\/li>\n
- UI-Steuerelemente anzeigen, wie z. B. eine gro\u00dfe Schaltfl\u00e4che „DOWNLOAD“ auf einer Seite \u00fcber ein Softwareprodukt.<\/li>\n<\/ol>\n
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/disguised-ad-dark-pattern.png\")
Eine Werbung auf einer Webseite, die dich vom eigentlichen Download wegf\u00fchrt.<\/figcaption><\/figure>\n Websites k\u00f6nnen nicht immer bestimmen, welches Anzeigendesign verwendet wird, aber sie haben Einfluss auf die Platzierung. Anzeigen an prominenten Stellen zu platzieren, um die Leute zu verwirren, kann die Werbeeinnahmen erh\u00f6hen, aber werden diese Nutzer auch wiederkommen?<\/p>\n
Automatisches Hinzuf\u00fcgen von Produkten zu Warenk\u00f6rben<\/h3>\n
Die Anzeige einer Liste mit verwandten oder empfohlenen Produkten kann n\u00fctzlich sein. Sie ohne Zustimmung des Nutzers in den Warenkorb zu legen, ist eine andere Sache. Wie viele Menschen werden es hilfreich finden?<\/p>\n
- \n
- Im besten Fall wird ein kleiner Teil der Nutzer\/innen das zus\u00e4tzliche Element bemerken und sich entscheiden, es zu behalten.<\/li>\n
- Ein gr\u00f6\u00dferer Teil wird es entfernen.<\/li>\n
- Einige werden es erst bei der Lieferung bemerken, sich beschweren und eine R\u00fcckerstattung verlangen.<\/li>\n<\/ul>\n
Diese Aktivit\u00e4ten steigern den Umsatz auf Kosten des Supports, des Firmenwerts und der laufenden R\u00fcckk\u00e4ufe. Die Bearbeitung von Reklamationen und R\u00fcckerstattungen kann jede kurzfristige Rentabilit\u00e4tssteigerung zunichte machen.<\/p>\n
Versteckte Kosten beim Einkaufen<\/h3>\n
Es ist nicht angenehm, wenn du Zeit damit verbringst, ein Produkt auszuw\u00e4hlen, dich anzumelden, deine Lieferdaten einzugeben und deine Zahlungsinformationen zu \u00fcbermitteln, um dann festzustellen, dass der Preis h\u00f6her ist als auf anderen Webseiten. Auf der \u00dcbersichtsseite werden nun versteckte Kosten wie Lieferkosten, Versicherung, Bearbeitungsgeb\u00fchren und Wir-hoffen-dass-du-das-nicht-bekommst-Geb\u00fchren angezeigt.<\/p>\n
Die Preisgestaltung sollte klar und ehrlich sein, sonst verlieren die Kunden das Vertrauen in den E-Commerce-Dienst<\/a>. Wenn die Lieferkosten stark variieren, solltest du die Nutzer\/innen auffordern, ihr Land oder ihre Postleitzahl einzugeben, bevor sie sich zum Kauf verpflichten.<\/p>\n
K\u00fcnstliche Bestandsverknappung und Verf\u00fcgbarkeitstimer<\/h3>\n
Es ist n\u00fctzlich zu wissen, wann ein Artikel vorr\u00e4tig ist, aber manche Webseiten \u00fcberstrapazieren die Glaubw\u00fcrdigkeit. Je mehr Informationen sie geben, desto weniger glaubw\u00fcrdig werden sie:<\/p>\n
„JETZT KAUFEN! 2 Artikel auf Lager, 15 wurden in den letzten 3 Minuten gekauft, und 597 Personen sehen sich diese Seite an.“<\/em><\/p><\/blockquote>\n
Diese Druckmittel werden noch verd\u00e4chtiger, wenn es sich um digitale oder hochwertige Artikel wie Autos oder Urlaubsreisen handelt.<\/p>\n
Die Nutzer merken schnell, dass diese Botschaften wertlos sind, wenn die Artikel \u00fcber viele Tage auf Lager sind. Werden sie ihren Kauf fortsetzen, wenn den Marketingbotschaften der Webseite nicht zu trauen ist?<\/p>\n
Opt-Out Shaming<\/h3>\n
Selbst einige gro\u00dfe E-Commerce-Unternehmen bedienen sich dummer Shaming-Techniken. Sie stellen eine Frage zur Anmeldung, gefolgt von einem gro\u00dfen „Zustimmen“-Button und einem kleineren Opt-Out-Link, wie z. B.:<\/p>\n
- \n
- „Nein – ich will keine unbegrenzte kostenlose Lieferung.“<\/li>\n
- „Nein – die Notlage der bedrohten Pl\u00fcschtiere ist mir egal.“<\/li>\n
- „Nein – ich will den Planeten brennen sehen.“<\/li>\n<\/ul>\n
Funktioniert diese Praxis? Vielleicht. Aber schafft es eine ehrliche Beziehung zum Kunden und erh\u00f6ht das Vertrauen in deine Webseite?<\/p>\n
Komplexe Cookie-L\u00f6schungen<\/h3>\n
Die EU-Datenschutzgrundverordnung (GDPR)<\/a> schreibt vor, dass Webseiten einen Opt-out-Hinweis f\u00fcr nicht wesentliche Cookies und \u00e4hnliche Tracking-Technologien anzeigen m\u00fcssen. Das ist zwar fehlerhaft, aber die Gesetzgebung ist gut gemeint und in ganz Europa gesetzlich vorgeschrieben. In anderen L\u00e4ndern gibt es vielleicht \u00e4hnliche Regeln, auch wenn sie meist weniger streng sind.<\/p>\n
Die meisten Nutzerinnen und Nutzer werden sich damit einverstanden erkl\u00e4ren und ohne nachzudenken weitermachen (was den Sinn der Gesetzgebung teilweise zunichte macht). Die Abmeldung sollte genauso einfach sein, aber manche Webseiten verlangen sie:<\/p>\n
- \n
- dich durch seitenlange Jargon-Tabellen w\u00fchlen, bevor du die Optionen findest;<\/li>\n
- Dutzende von Kontrollk\u00e4stchen anklicken, obwohl dies gegen die Datenschutzbestimmungen verst\u00f6\u00dft; und<\/li>\n
- bis zu einer Minute warten, w\u00e4hrend sie „deine Einstellungen speichern“ (wozu?).<\/li>\n<\/ul>\n
Es kann einige Nutzer\/innen dazu bringen, auf „allen zustimmen“ zu klicken, aber andere werden die Webseite verlassen oder in den Lesemodus wechseln, um den Cookie-Hinweis auszublenden. Im besten Fall erweckt die Erschwerung des Opt-outs den Eindruck, dass die Webseite etwas zu verbergen hat. Im schlimmsten Fall bewegt sich dieses dunkle Muster am Rande der Legalit\u00e4t und k\u00f6nnte zu Geldstrafen oder erh\u00f6hten Anwaltskosten f\u00fchren.<\/p>\n
![\"Dieser](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/cookie-options.png\")
Dieser Dialog geht weiter und weiter und weiter\u2026<\/figcaption><\/figure>\n Schreckliche Technologie<\/h2>\n
Technologien wie HTML sind von Haus aus benutzbar, zug\u00e4nglich und abw\u00e4rtskompatibel. Es erfordert besondere Anstrengungen, diese Vorteile aufzugeben.<\/p>\n
Browser-Funktionalit\u00e4t brechen<\/h3>\n
Der Zur\u00fcck-Button war der gr\u00f6\u00dfte Beitrag des Internets zu Benutzeroberfl\u00e4chen. Er ist praktisch und wird von jedem verstanden, der nur wenig technische Erfahrung hat. Dennoch brechen Webseiten es, indem sie neue Fenster\/Tabs \u00f6ffnen, die vorherige Seite ablaufen lassen oder den Nutzern sagen, dass sie die Browsersteuerung nicht verwenden sollen.<\/p>\n
Es gibt keine technischen Gr\u00fcnde, die Browserfunktionen zu umgehen. Der Versuch, die Kontrollen zu umgehen, ist ein Designproblem, das die Nutzer\/innen verwirrt und ein Websystem weniger benutzbar macht.<\/p>\n
Andere Probleme, die du vermeiden solltest:<\/p>\n
- \n
- Deaktiviere nicht die Rechtsklick- oder Long-Tap-Men\u00fcs.<\/li>\n
- Deaktiviere nicht das Kopieren oder f\u00fcge weiteren „n\u00fctzlichen“ Text hinzu.<\/li>\n
- Unterbrich das Bookmarking in deiner Single Page App nicht, indem du die URL nicht aktualisierst.<\/li>\n<\/ol>\n
Aber das schlimmste aller Probleme steht als n\u00e4chstes auf unserer Liste.<\/p>\n
Deaktivieren des Einf\u00fcgens in Passwortfeldern<\/h3>\n
Das Deaktivieren der Einf\u00fcgefunktion aus irgendeinem Grund ist unn\u00f6tig. Die Deaktivierung der Einf\u00fcgefunktion f\u00fcr Passwortfelder ist unangenehm, aber du wirst diese Einschr\u00e4nkung auf gro\u00dfen Webseiten finden – sie sollten es besser wissen. Ich habe es schon bei gro\u00dfen internationalen Banken gesehen.<\/p>\n
Diese Praxis wird wahrscheinlich aus zweifelhaften Sicherheitsgr\u00fcnden eingef\u00fchrt. Wenn der\/die Nutzer\/in kein Passwort einf\u00fcgen kann, ist es nur logisch, dass er\/sie auch kein anderes Passwort wiederverwenden kann. Leider h\u00e4lt es die Menschen auch davon ab, einen Passwortmanager zu benutzen<\/a>. Es ist nicht mehr m\u00f6glich, hochsichere, lange, zuf\u00e4llige Zeichenfolgen zu erzeugen, die sich nicht eintippen lassen.<\/p>\n
Au\u00dferdem k\u00f6nnen Entwickler die Einf\u00fcgebeschr\u00e4nkungen mit ein paar DevTool-Basteleien ausschalten. F\u00fcr andere ist das schwierig, und sie werden eher schwache Passw\u00f6rter verwenden. Deaktiviere niemals die Einf\u00fcgefunktion – es ist weniger Arbeit f\u00fcr dich und erh\u00f6ht die Systemsicherheit.<\/p>\n
Alberne Passwort-Beschr\u00e4nkungen<\/h3>\n
„Dein Passwort muss zwischen 8 und 12 Zeichen lang sein und mindestens einen Gro\u00dfbuchstaben, eine Zahl und ein Symbol enthalten – aber bitte benutze kein ` ‚ “ \/ \\ oder ;“<\/em><\/p><\/blockquote>\n
Es gibt keinen guten Grund, strenge Passwortbeschr\u00e4nkungen einzuf\u00fchren. Frag dich selbst:<\/p>\n
- \n
- Speichert das System das Passwort als Klartext in einer Datenbank, anstatt es zu hashen?<\/li>\n
- Hat ein Sicherheitsexperte vorgeschlagen, keine einfachen Passw\u00f6rter wie password, qwerty oder 123456 mehr zu verwenden? Das stimmt, aber es hindert die Leute auch daran, komplexere Passw\u00f6rter zu verwenden und bietet ein praktisches Template f\u00fcr Brute-Force-Cracking.<\/li>\n<\/ol>\n
Eine einzige Regel erzwingt starke Passw\u00f6rter: eine gro\u00dfe Mindestl\u00e4nge. Jedes zus\u00e4tzliche Zeichen erh\u00f6ht die Komplexit\u00e4t und die Knackzeiten exponentiell.<\/p>\n
Mobile Content Jump<\/h3>\n
Das Lesen von Inhalten auf einem Smartphone kann ein frustrierendes Erlebnis sein. Du bist gerade in einen Artikel vertieft, als der Inhalt aus dem Bildschirm springt und du deinen Platz verlierst. Dann verbringst du einige Sekunden damit, hektisch nach oben und unten zu scrollen. Oder schlimmer noch: Du klickst auf einen Link oder eine Schaltfl\u00e4che, sobald sie sich bewegt, und es kommt zu einer unerwarteten Aktion. Manche Leser\/innen verlieren den Schwung, geben auf und verlassen die Seite, bevor du sie zu Kunden machen kannst.<\/p>\n
Content Jumping tritt auf, wenn ein Bild oder ein Iframe (in der Regel eine Werbung) oberhalb des Scrollpunkts des Viewports geladen wird. Sobald der Inhalt geladen ist, kann der Browser seine Abmessungen bestimmen und ihn auf der Seite platzieren. Ein Bild mit einer H\u00f6he von 500 Pixeln (in voller Gr\u00f6\u00dfe angezeigt) dr\u00fcckt den Inhalt also um den gleichen Betrag nach unten.<\/p>\n
Die Cumulative Layout Shift (CLS)<\/a> Metrik von Google misst Inhaltsspr\u00fcnge und bestraft Webseiten entsprechend. Dies war ein komplexes Problem, aber es gibt inzwischen mehrere technische L\u00f6sungen<\/a>:<\/p>\n
- \n
- F\u00fcge den HTML-Elementen
img<\/code> undiframe<\/code> Attribute f\u00fcr Breite und H\u00f6he hinzu oder verwende die CSS-Eigenschaftaspect-ratio<\/code>, um Platz auf der Seite zu reservieren, bevor das Asset geladen wird.<\/li>\n- Lege die Ma\u00dfe f\u00fcr Containerelemente fest, die langsam ladende Elemente wie Anzeigen, Bilder und Social Media Widgets umschlie\u00dfen.<\/li>\n
- Fordere gr\u00f6\u00dfere Bilder so fr\u00fch wie m\u00f6glich an und erw\u00e4ge die Verwendung von Vorlade-Links in deinem HTML-
head<\/code>.<\/li>\n- Optimiere die Verwendung von Webfonts und verwende \u00e4hnlich gro\u00dfe Fallbacks, um Layout-Verschiebungen zu minimieren.<\/li>\n
- Vermeide es, Elemente am oberen Rand der Seite einzuf\u00fcgen, es sei denn, es handelt sich um eine DOM-Aktualisierung, die durch eine Benutzeraktion wie einen Klick ausgel\u00f6st wird.<\/li>\n
- Nutze CSS-Containment, um das Rendering von Inhaltsbl\u00f6cken zu optimieren. Es kann m\u00f6glich sein, Elemente zu definieren, die die Gr\u00f6\u00dfe oder Position anderer Elemente nicht beeinflussen.<\/li>\n<\/ul>\n
Wenn Social Sign-On nervt<\/h3>\n
Technologien wie OAuth<\/a> erm\u00f6glichen es Nutzern, sich schnell mit einem anderen Konto wie Google, Facebook, Twitter, LinkedIn oder Github auf deiner Webseite zu registrieren. Gut umgesetzt ist es eine praktische Option, die den Anmeldeprozess vereinfacht, Zeit spart und zu h\u00f6heren Conversions f\u00fchrt.<\/p>\n
Wenn sie schlecht implementiert ist, verlangt eine Webseite von dir, dass du deine E-Mail-Adresse, pers\u00f6nliche Daten und sogar ein Passwort „f\u00fcr ihre Unterlagen“ eingibst.<\/p>\n
Nicht alle Anbieter geben die Nutzerdaten weiter, daher solltest du OAuth vermeiden, wenn deine Webseite diese Daten ben\u00f6tigt, um zu funktionieren. OAuth sollte nie zu einem unn\u00f6tigen Schritt werden, der den Anmeldeprozess verlangsamt.<\/p>\n
Schlechte Web-Performance<\/h3>\n
Nach Angaben des HTTP-Archivs<\/a> braucht eine durchschnittliche Webseite auf einem Desktop-Ger\u00e4t sieben Sekunden und auf einem mobilen Ger\u00e4t zwanzig Sekunden zum Laden. Bei einem einzigen Seitenaufruf werden 70 HTTP-Anfragen gestellt, mehr als 2 MB an Daten heruntergeladen und 1,3 g CO\u00b2 in die Atmosph\u00e4re ausgesto\u00dfen (siehe Website Carbon Calculator<\/a>). Dies ist ein Durchschnittswert – viele Webseiten sind noch schlechter.<\/p>\n
Niemand hat die Absicht, eine langsame Webseite zu erstellen, aber das Hinzuf\u00fcgen von Funktionen ist oft wichtiger als die Verbesserung der Leistung. Wenn man bedenkt, dass es m\u00f6glich ist, einen spielbaren Quake-Klon in 13 KB<\/a> zu erstellen, muss man sich fragen, warum zwei Abs\u00e4tze Marketing-Ged\u00f6ns auf einer „\u00dcber uns“-Seite einen 154 Mal gr\u00f6\u00dferen Download erfordern!<\/p>\n
Um die Leistung zu verbessern, ist eine Kombination verschiedener Techniken<\/a> erforderlich, aber du musst dir einen wichtigen Punkt merken: Sende nicht so viel Material!<\/p>\n
Heimt\u00fcckische Social Media Widgets<\/h3>\n
- F\u00fcge den HTML-Elementen
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/captcha-buses.jpg\")