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.

Add Less

Wenn du eine neue Website beginnen willst, was denkst du zuerst? Beginnt man mit einer Bibliothek oder einem Framework, das man kennt, wie React oder Vue, oder einem Meta-Framework obendrauf, wie Next oder Nuxt? Ruft man ein schnelles Build-Tool wie Vite auf oder konfiguriert man sein Webpack?

Es gibt einen großartigen Tweet von Phil Hawksworth, den ich vor ein paar Jahren bookmarkte und der mir bis heute gefällt

Deine Websites starten schnell, bis du zu viel hinzufügst, um sie langsam zu machen. Brauchst du überhaupt ein Framework? Könntest du das, was du willst, nativ im Browser tun? Würde es deine Seite leichter machen, es ohne Framework zu tun, oder im Endeffekt schwerer, wenn du das nachbaust oder optimierst, was andere bereits getan haben?

Ich persönlich liebe die Idee, weniger Code zu versenden, um letztendlich mehr Wert an den Browser zu versenden. Das Verständnis von Browser-APIs und dessen, was "kostenlos" ist, könnte tatsächlich dazu führen, dass das Rad seltener neu erfunden wird, und potenziell mehr Barrierefreiheit, da man die bereitgestellten Werkzeuge nutzt.

Anstatt für jede Aufgabe, die du erledigen möchtest, eine Bibliothek einzubinden, versuche, unter die Haube zu schauen, was sie tun. Zum Beispiel bemerkte ich in einem Projekt, das ich betreute, dass wir eine React-Komponente importiert hatten, die ein komplettes npm-Paket für eine kleine (weniger als 10 Zeilen) Komponente mit etwas CSS obendrauf versandte (das wir mit unserem eigenen Designsystem überschrieben). Als wir diese Komponente von Grund auf neu schrieben, war unsere Bundle-Größe kleiner, wir konnten sie besser anpassen und wir mussten uns nicht mit den Entscheidungen anderer herumschlagen.

Nun, ich sage nicht, dass du *keine* Bibliotheken, Frameworks oder Komponenten verwenden solltest. Open Source existiert aus gutem Grund! Was ich sage, ist, wählerisch zu sein, was du in deine Projekte einbringst. Lass die Leistung des Browsers für dich arbeiten und benutze weniger Zeug!