Quelle: Shutterstock / Rawpixel.com
Static Site-Generator Gatsby 03.12.2020, 07:42 Uhr

The Great Gatsby

Der auf React basierende statische Site-Generator Gatsby vereinfacht die Erstellung professioneller und performanter Webseiten.
Eine Webseite zu erstellen ist im Prinzip einfach, mit HTML und CSS ist so etwas relativ unkompliziert realiserbar. Aber wenn eine Website wirklich gut und Professionell werden soll, ist das alles andere als banal. Eine gute Website sollte performant sein, das heißt, schnell laden, sie sollte grundlegende SEO-Techniken berücksichtigen und barrierearm sein. Und was dafür alles nötig ist, macht die Sache schon ziemlich komplex.
Beispiel Performance: für die wahrgenommene Performance ist Critical CSS wichtig, d.h. dass der CSS-Code für den Abschnitt der Seite, die am Anfang zu sehen ist, direkt inline geladen wird – und danach zeitversetzt der restliche Code. Klicks auf interne Links sollen ohne Verzögerung auf die neuen Seiten führen (prefetch). Und dann wäre da noch das Problem mit Bildern: Sie sollen in den richtigen Größen für alle Viewportgrößen bereitgestellt werden, sinnvoll sind neue Formate wie Webp, für die es eine Fallbacklösung braucht, und der Ladevorgang sollte optimiert sein.

web & mobile DEVELOPER

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt web&mobile Developer plus Kunde.
  • 2 Monate Gratis testen
  • Über 4.000 qualifizierte Fachartikel
  • Diverse DevBooks thematisch für Sie zusammen gestellt
  • Webcasts von 30 - 90 Min.
  • Aufzeichnungen von ausgewählten Fortbildungen und Konferenzen
  • Auf jedem Gerät verfügbar