Wir haben Webentwickler, die wir bewundern, dieselbe Frage gestellt...

Was können Leute tun, um ihre Website zu verbessern?

Vielen Dank an unsere Hauptsponsoren im Jahr 2021. Sie tragen maßgeblich dazu bei, diese Website zu ermöglichen.

Eric Bailey antwortet

Testen Sie Ihr Produkt auf einem schrottigen Laptop

Es gibt eine riesige und immer größer werdende Kluft zwischen den Geräten, mit denen wir das Web erstellen, und den Geräten, die die meisten Menschen zum Konsumieren nutzen. Es ist auch kein Geheimnis, dass die durchschnittliche Größe einer Website riesig ist und nur noch weiter wachsen wird.

Was können Sie dagegen tun? Besorgen Sie sich einen Schrottrechner und versuchen Sie, Ihre Website oder Webanwendung darauf zu nutzen.

Schrottrechner sind günstige Geräte mit leistungsschwächerer Hardware. Sie werden oft mit allen möglichen Drittanbieter-Apps vorinstalliert, um ihre Kosten auszugleichen – Apps wie Virenscanner, die ressourcenintensiv und schwer zu entfernen sind. Sie sind überall und werden so schnell nicht verschwinden.

Während Sie Ihre Website oder Webanwendung durchgehen, notieren Sie sich

  • was langsam lädt,
  • was so langsam lädt, dass es unbrauchbar ist, und
  • was überhaupt nicht mehr zu laden scheint.

Formulieren Sie danach einen Plan, was Sie dagegen tun werden.

Der Branchendurchschnitt

Zum Zeitpunkt der Veröffentlichung sind die am häufigsten verwendeten Geräte zum Lesen von CSS-Tricks leistungsstarke, moderne Desktops, Laptops, Tablets und Telefone mit aktuellen Betriebssystemen und viel Rechenleistung.

Zugegeben, nicht jeder, der Websites und Webanwendungen erstellt, liest CSS-Tricks, aber es ist eine sehr beliebte Branchenwebsite, und ich wette, ihre Besucher sind repräsentativ für die Gesamtheit.

In Bezug auf die Leistung sind die Eigenschaften, die wir von diesen Geräten feststellen können:

  • leistungsstarke Prozessoren,
  • großzügige Mengen an RAM,
  • viel Speicherplatz,
  • hochwertige Displays und höchstwahrscheinlich eine
  • schnelle Internetverbindung

Leider sind diese Eigenschaften nicht immer in den Geräten zu finden, mit denen die Leute auf Ihre Inhalte zugreifen.

Survivor Bias

Britische Soldaten im Ersten Weltkrieg waren mit einem Brodie-Helm ausgestattet, einem Stahlhelm, der dazu diente, den Träger vor Explosionen und Granatsplittern von oben während des Grabenkriegs zu schützen. Nach seiner Einführung verzeichneten die Feldlazarette einen Anstieg von Soldaten mit schweren Kopfverletzungen.

A grizzled British soldier smiling back at the camera, holding a Brodie helmet with a large hole punched in it. Black and white photograph.
Quelle: History Daily

Aufgrund des Anstiegs der Verletzungen zog der britische Oberbefehl in Erwägung, das Design des Helms zu überarbeiten. Glücklicherweise wies ein Statistiker darauf hin, dass der dramatische Anstieg der Fälle im Krankenhaus darauf zurückzuführen war, dass Menschen Verletzungen überlebten, die sie zuvor getötet hätten – vor der Einführung von Stahl verwendeten die britischen Streitkräfte Filz oder Leder als Kopfbedeckung.

Survivor Bias ist der logische Fehler, der sich auf diejenigen konzentriert, die einen Auswahlprozess überstanden haben. Im Fall des Helms ist es die Frage, ob man lebt oder nicht. Im Fall von Websites und Webanwendungen ist es, ob eine Person Ihre Inhalte laden und nutzen kann.

https://twitter.com/estellevw/status/1027305654501826560

Lügen, verdammte Lügen und Statistiken

Personen, die Ihre Website oder Webanwendung nicht laden können, erscheinen nicht als Besucher in Ihrer Analysesoftware. Das ist ziemlich einfach.

Der Teil "nutzen" von "Ihre Inhalte laden und nutzen" ist hier jedoch wichtig. Ein bestimmter Prozentsatz von Geräten, die versuchen, auf Ihr Produkt zuzugreifen, wird genug davon laden können, um einen Treffer zu registrieren, aber dann abprallen, weil die Erfahrung so schrecklich ist, dass sie effektiv unbrauchbar ist.

Ja, ich weiß, dass Analysen ausgefeilter sein können. Aber durch die Brille des Survivor Bias, berücksichtigt Ihr Datenmaterial dieses Verhalten?

Schuldzuweisung

Es ist einfach, sich einen billigen Schrottrechner zu besorgen und sich über eine langsame Website schlecht zu fühlen, auf die man keinen Einfluss hat. Die beiden wirklichen Probleme hier sind:

  1. Drittanbieter-Assets, wie z. B. die Analyse- und CRM-Pakete, die Sie verwenden, um festzustellen, wer Ihr Produkt nutzt und wie. Es gibt keine wirkliche Kontrolle über die Qualität oder Menge des Codes, den sie Ihrer Website hinzufügen, und die Logik zum Blockieren ihrer eigenen Drittanbieter-Ressourcen ist schwierig zu implementieren.
  2. Die Leute, die Ihnen sagen, Sie sollen diese Drittanbieter-Assets hinzufügen. Diese Leute sind sich typischerweise der Leistungsprobleme nicht bewusst, die durch die Anfrage verursacht werden, oder es ist ihnen egal, weil es nicht Teil der Ergebnisse ist, an denen sie gemessen werden.

Was können wir gegen diese beiden Probleme tun? Abstrakte, einmalige Geschäftsanfragen in etwas Ganzheitlicheres und Persönlicheres umwandeln.

Zeugnis ablegen

Ich kenne Organisationen, die so etwas wie "Testing Tuesdays" machen, bei denen jeden Dienstag moderierte Usability-Tests durchgeführt werden. Sie könnten dasselbe für die Leistung tun, sogar diesen Gedanken in bestehende Usability-Testpläne einbauen – langsame Websites sind schließlich nicht benutzbar.

Es geht darum, einen regelmäßigen Rhythmus zu schaffen, um zu sehen, wie echte Menschen Ihre Website oder Webanwendung tatsächlich nutzen, und zwar mit realen Geräten. Und wenn ich "reale Welt" sage, stellen Sie sicher, dass es nicht nur die Durchschnittsversion dessen ist, was Ihre Analysen melden.

Stellen Sie dann sicher, dass jeder von diesen Sitzungen erfährt. Es ist mächtig, einem Manager zu zeigen, wie jemand versucht, das zu bekommen, was er braucht, es aber wegen der Entscheidungen Ihrer Organisation nicht kann.

Schrottrechner-Pflicht

Es gibt ungefähr 260 Arbeitstage im Jahr. Das sind 260 Gelegenheiten, Empathie zu entwickeln, indem man jemanden aus Ihrem Entwicklungs-, Design-, Marketing- oder Führungsteam einen Tag lang den Schrottrechner benutzen lässt.

Sie können Linux über ein Windows-Subsystem ausführen, um die meisten Entwicklungswerkzeuge zu nutzen. Die meisten anderen Apps, die mir im Bereich Webentwicklung bekannt sind, haben einen Windows-Installer oder können über einen Browser ausgeführt werden. Das sollte ausreichen, um das zu tun, was Sie tun müssen. Und wenn es nicht geht oder es zu langsam ist, um im gewohnten Tempo voranzukommen, nun, das ist irgendwie der Punkt.

Schrottrechner-Pflicht, kombiniert mit Usability-Tests mit einem leistungsschwachen Gerät, sollte hoffentlich ausreichen, um diese schwierigen Gespräche darüber zu führen, was Ihre Website oder Webanwendung wirklich laden muss und warum.

Nicht tokenisieren

Das Letzte, was ich sagen möchte, ist, dass es leicht ist zu glauben, dass die Anwesenheit eines leistungsschwächeren Geräts die Anwesenheit einer wirtschaftlich benachteiligten Person bedeutet. Das stimmt nicht. Leistungsstarke Geräte können durch verschiedene Faktoren vorübergehend verlangsamt werden. Wohlhabende Einzelpersonen können und nutzen leistungsschwächere Technologie.

Vielleicht ist die wichtigste Erkenntnis, dass arme Menschen keine schlechtere Erfahrung verdienen, egal was sie tun wollen. Performante, intuitive, zugängliche Erlebnisse im Web sind für alle da, unabhängig von Gerät, Fähigkeit oder Umstand.