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 Tippsgithub.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

Links

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

Ändere diesen Beitrag

Comments