Joomla 4.x-Tutorial - Entwicklung von Erweiterungen - Template - Lighthouse

Ändere diesen Beitrag

Das Template ist fertig. Nun möchtest du sichergehen, dass es keine Fehler enthält. Dann sieh dir Lighthousedevelopers.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:

  • Klicken mit der rechten Maustaste auf eine beliebige Stelle der Website.
  • Wähle Untersuchen aus dem sich nun öffnenden Kontext-Menü.
  • Ö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 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

Links

Lighthousehttps://developers.google.com/web/tools/lighthouse

Ändere diesen Beitrag

Comments