Google enthüllt vor kurzem die Nachrichten über die Veröffentlichung seines Leuchtturm-Tools, pfür den Firefox-Webbrowser welches zur Verfügung gestellt wurde als Ergänzung für den Browser. Das Firefox-Add-On war Erstellt vom Lighthouse-Kernentwicklungsteam und verwendet die PageSpeed Insights-API Berichte erstellen.
Für diejenigen, die mit Lighthouse nicht vertraut sind, sollten Sie wissen, dass es sich um ein automatisiertes Open Source-Tool für Webentwickler handelt, das in Chrome enthalten ist und die Qualität von Webanwendungen verbessern soll.
Führen Sie mit Lighthouse einfach eine Reihe von Tests durch gegen die Seite und dies erzeugt dann einen Bericht über die Leistung der Seite. Von hier aus können Entwickler die erhaltenen Daten als Indikatoren verwenden., mit denen sie ihre Webanwendung verbessern können.
Das Plugin ermöglicht die Identifizierung Engpässe Analysieren Sie in der Leistung von Webanwendungen die Ladegeschwindigkeit der Komponenten und Ressourcenverbrauch, Identifizieren Sie unnötig ressourcenintensive Vorgänge in JavaScript und Probleme in der http-Serverkonfiguration, bewerten Sie die Designoptimierung für die Suchmaschinenindizierung (SEO) und die Relevanz der Verwendung von Webtechnologie und die Eignung einer Webanwendung für Menschen mit Behinderungen zu untersuchen sowie die Simulation der Anwendung einer schwächeren CPU und einer geringen Netzwerkbandbreite zu unterstützen.
Grundsätzlich können Sie mit Google Lighthouse viel über die Website informieren, einschließlich der folgenden:
- Wie lange dauert es, bis das erste Bild oder der erste Inhalt auf dem Bildschirm eines Benutzers angezeigt wird?
- Gibt an, ob die robots.txt-Datei der Site ordnungsgemäß erstellt und nachverfolgbar ist
- Wenn Benutzer zum ersten Mal mit Ihrer Seite interagieren können
- Die Geschwindigkeitsbewertung Ihrer Website
Der Bericht ist in verschiedene Abschnitte unterteilt:
- Performance: Das zeigt Ihnen die Grundlagen der Leistung Ihrer Website, wie sie jetzt ist. Dieser Bericht konzentriert sich mehr als jeder andere Faktor auf die Ladegeschwindigkeit der Website.
- Möglichkeiten: Dies bietet Möglichkeiten, mit denen Sie Ihre Website beschleunigen und die Leistung verbessern können. Diese Möglichkeiten sind unglaublich spezifisch, beispielsweise die Aktivierung der Textkomprimierung.
- Diagnose: Dies weist auf bestimmte Probleme auf Ihrer Site hin, die behoben werden müssen, z. B. zu große Dateigrößen und möglicherweise verlangsamte Ladezeiten. Sie werden Ihnen genau sagen, was das Problem ist, wie es sich auf Ihre Site auswirkt und warum es behoben werden muss.
- Progressive Web App- Dies gibt Ihnen eine detaillierte Prüfung Ihrer Webanwendung und kann sicherstellen, dass Ihre mobile Anwendung für Ihr Publikum zuverlässig und funktionsfähig ist. Das ist wertvoll; Viele Auditing-Tools bieten dies nicht an.
- Erreichbarkeit: zeigt Ihnen Möglichkeiten, wie Sie Ihre Website zugänglicher und einfacher zu navigieren oder zu verwenden machen können. Dies sollte nicht ignoriert werden, da das UX-Design für die Effektivität einer Site von entscheidender Bedeutung ist.
- Bessere Praktiken: Hier werden die besten Möglichkeiten zur zuverlässigen Optimierung Ihrer Website erläutert, einschließlich der Implementierung von HTML und der Anzeige von Bildern.
- SEO: Hier erfahren Sie mehr über die Leistung Ihrer Website in Suchmaschinen und die verschiedenen Faktoren, die sich auf das Ranking-Potenzial auswirken. Sie untersuchen Indikatoren für Inhaltsqualität, Rückverfolgbarkeit, Kompatibilität mit Mobilgeräten und mehr und helfen Ihnen dabei, neue Wege zu finden, um die Sichtbarkeit Ihrer Suchmaschine zu maximieren.
Holen Sie sich Leuchtturm
Wenn Sie dieses Add-On installieren und testen möchten, können Sie es im Firefox-Add-On-Store suchen oder es können. über den Link unten.
Wie bereits erwähnt, ist Lighthouse für Chrome-Nutzer direkt in die Chrome-Entwicklertools im Bereich "Audits" integriert.
Es ist zwar auch als Browser-Erweiterung verfügbar, die von installiert werden kann dieser Link.
Informationen zur Verwendung dieses Tools sowohl grafisch als auch im CLI-Modus finden Sie in der Dokumentation im folgenden Link.