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.

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.
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:
- 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.
- 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.
Während der Arbeit an der Website-Performance stellten wir fest, dass Labordaten bei etwa 35 lagen.
Aber CrUX-Daten für Ursprung und Felddaten sind bestanden.
Wir haben die Analyseberichte abgeglichen und festgestellt, dass
90 % des Traffics von Mobilgeräten stammen
davon 60 % von Safari
30 % von Chrome
10 % von anderen geteilt werden.
Die Ladezeit aller Nutzer beträgt < 2,5 Sekunden.
Optimierungsempfehlungen umfassen Bildauflösungen, Reduzierung von Animationen und integrierten JS-Funktionen.
Wenn reale Nutzer die Website mit guter Geschwindigkeit und schnellem LCP, FCP, Speed Index wahrnehmen, ist es dann notwendig, die Optimierungsaktivität aufzunehmen?
Danke, tolle Ratschläge Eric!
Ich bin tatsächlich frustriert von der anderen Erfahrung. Ich habe einen leistungsstarken Laptop, bin aber manchmal hinter einer 10-MBit/s-ADSL-Internetverbindung gefangen. Ich bin ständig erstaunt über Websites, die 30 oder mehr Dateien laden, um die Seite anzuzeigen. Sie dauern normalerweise über eine Minute zum Laden. Zum Schrottrechner sollten Sie einen 10-MBit/s-Hub hinzufügen.
In der Tat ist die Wahrscheinlichkeit groß, dass heutzutage auf einer Gigabit-Verbindung getestet wird.
Ich habe Laptops, die von Chromebooks, 7 Jahre alten Lenovos, einem zwei Jahre alten XPS 13 und einem Lenovo XEON Workstation-Laptop mit 64 GB und zwei 1-TB-MVMEs reichen. Ich bemerke keine Zeitunterschiede beim Laden von Web-Apps auf einem davon. Selbst die ältesten Maschinen haben einen Dual-Core-Celeron 2 GHz oder einen 8-Kern-ARM.
Das ist ein alter Trick aus den Aufnahmestudios von Eddie Van Halen/Don Landee.
Als sie im Studio Van Halen Songs aufnahmen und zu einem Punkt kamen, der ihnen gut gefiel, machte Eddie eine Kassette davon. Draußen auf dem Parkplatz hatten sie einen schäbigen alten Chevette mit einem alten Kassettendeck und kaputten Lautsprechern stehen.
Eddie nahm die Kassette und fuhr eine Runde um den Block, hörte sie sich in dieser Konfiguration an. Seine Begründung war: "Das ist, worauf unser Zielpublikum unsere Musik hören wird – nicht $1000 teure Studio-Monitor-Lautsprecher". Wenn sie es im Crapvette gut klingen lassen können, werden alle ihre Kunden zufrieden sein. Nicht nur die "nette Stereoanlage"-Menge.
Anscheinend hat es funktioniert. Toller Artikel übrigens.
Ich liebe diese Anekdote, danke, dass Sie sie geteilt haben! Ich werde sie heute auf jeden Fall anhören.
Ich benutze einen Mac Pro von 2013 und ein iPad von 2017. Typischerweise lädt das iPad eine Website herunter, und dann kommen die Anzeigen in den nächsten Minuten (über eine Starlink-Satellitenantenne, d. h. typischerweise 122 MBit/s Download).
Jedes Mal, wenn eine neue Anzeige geladen wird, aktualisiert sich die Komposition und der Bildschirm springt nach oben oder unten oder beides, bis die nächste Anzeige geladen wird, und es beginnt von vorne. Kurz gesagt, die langsam ladenden Ad-Server ruinieren die Benutzeroberfläche.
Das ist nur das Netz. Ich bin erstaunt, wie leicht Daten verloren gehen können. Wenn ich tippe und versehentlich den Bildschirm berühre, verschwindet eine ganze Seite Daten. Ich muss sogar Sekunde für Sekunde warten, bis Wörter auf dem Bildschirm erscheinen, so last millennium!
Die Priorität liegt eindeutig auf der Erfassung der Daten, nicht auf deren automatischer Speicherung. Im 21. Jahrhundert ist der Verlust der Kundendaten unverzeihlich.
Es wurde in die Cloud hochgeladen, aber nicht im lokalen Speicher gespeichert, obwohl reichlich davon verfügbar ist. Das hätte ich schon vor Jahrzehnten auf einem Palm Pilot machen können.
Mein Eindruck ist, dass Apple erwartet, dass der Rest der Welt Netzwerkgeschwindigkeiten hat, die = denen in Cupertino entsprechen.
Das iPad friert so oft ein, während es auf die Cloud wartet, dass es notwendig ist, es mindestens einmal täglich neu zu starten. Es erinnert mich an Windows 95.
Verzeihen Sie mir, wenn mein Anspruchsdenken durchscheint, aber ist das nicht elementare Sache?
Bei der Arbeit an NeWS (zumindest) hatte James Gosling die Angewohnheit, die leistungsärmste Workstation von Sun für seine Entwicklungsarbeit zu nutzen.
Was für eine unglaublich frische Perspektive. Produkte auf leistungsschwachen Geräten testen, um die Zugänglichkeit zu erweitern.