Das Template ist fertig. Nun möchtest du sichergehen, dass es technisch gut ist und keine Fehler enthält. Dann sieh dir Lighthouse[^developers.google.com/web/tools/lighthouse] an. Das ist ein Browser-Plugin und ein in Google Chrome entwickeltes Audit-Tool mit dem die Ladezeit einer Internetpräsenz untersucht und optimiert werden kann. Es beachtet neben dem Aufbau von HTML-, CSS- und JavaScript-Dateien auch die Integration von Bildern und die Cache-Vorgaben der Website.

Google Lighthouse

Die Lighthouse-Analyse beinhaltet

  • Performance - Wie schnell lädt die Website?
  • Zugänglichkeit - Beinhaltet die Website Barrieren für bestimmte Menschen oder Geräte?
  • Bewährte Praxis - Berücksichtigt die Website moderne Standards?
  • Suchmaschinenoptimierung (SEO) - Wie gut ist die Website für Suchmaschinen auslesbar?
  • Progressive Web App (PWA) - Bietet die Website Funktionen einer Web App[^de.wikipedia.org/wiki/Mobile_App]?

Joomla Template erstellen - Page Speed Analyse mit Lighthouse

Für jedem Bereich wird die Unterstützung in Prozent errechnet.

  • 0 - 49 (rot) = schlecht
  • 50 bis 89 (gelb) = mittel
  • 90 bis 100 (grün) = gut

Mit Joomla sind 100% in allen Bereichen erreichbar. Ein konkretet Beispiel findests du unter die-beste-website.de.

Google Chrome Webbrowser

Lighthouse ist standardmäßig im Webbrowser Google Chrome enthalten. Öffne die Website die du testen möchtest und aktiviere Lighthouse:

  • Klicke mit der rechten Maustaste auf eine beliebige Stelle im Bereich der Website.
  • Wähle aus dem sich nun öffnenden Kontext-Menü den Eintrag Untersuchen.
  • Öffne die Registerkarte Lighthouse.
  • Nutzte die Schaltfläche Bericht generieren.

Gute Voraussetzungen für den Test schaffen

  • Führe die Analyse unter einer guten Internetverbindung durch.
  • Führe den Test im "Inkognito-Modus" (Datenschutzmodus) aus. Eventuelle Browser-Erweiterungen beeinflussen den Test so nicht.

Die Ergebnisse und Tipps von Lighthouse kannst du zum Verbessern der Website nutzen. Teilweise kommen die Tipps[^github.com/googlechrome/lighthouse-stack-packs/pull/44/files] direkt aus der Joomla Community.

Joomla Template erstellen - Page Speed Analyse mit Lighthouse

Ergebnisse variieren

Die Ergebnisse der Lighthouse-Analyse variieren zu unterschiedlichen Zeitpunkten und unter unterschiedlichen Bedingungen. Gründe hierfür sind beispielsweise

  • die Internetverbindung
  • das verwendete Geräten
  • Browser-Erweiterungen
  • Antiviren-Software

Lighthouse[^developers.google.com/web/tools/lighthouse]