de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Überprüfen Sie die Leistung und Qualität jeder Website mit Lighthouse

Google steht an der Spitze des modernen Webdesigns. Es bietet so viele Tools von Analytics bis zu DevTools, um Menschen dabei zu helfen, ein besseres Web zu erstellen.

Vor kurzem hat es ein weiteres handliches Tool namens Lighthouse veröffentlicht. Dies ist ein kostenloses automatisiertes Test-Tool, das im Hintergrund von Chrome ausgeführt wird . Es funktioniert wie ein Mini-Website-Audit, bei dem die Leistung, Geschwindigkeit, Zugänglichkeit und Einhaltung der semantischen Best Practices überprüft wird.

Die Lighthouse-Erweiterung wurde in erster Linie für progressive Webapps entwickelt . Dies sind allgemeine Webapps, die im Browser ausgeführt werden und sich wie native Apps verhalten, jedoch wie typische Websites funktionieren.

PWAs sind ein großer Teil des Lighthouse-Projekts. Aber das Ziel von Lighthouse ist es, allen Webentwicklern zu helfen, die Qualität ihrer Seiten zu überprüfen.

Dies kann die Überprüfung von HTML / CSS-Fehlern oder die Suche nach doppelten Codezeilen umfassen. Lighthouse untersucht außerdem die Webleistung mit Optimierungstipps für Bilder, Dateigrößen, HTTP-Anfragen und vielem mehr.

Alle wichtigen Auditergebnisse erscheinen direkt in den DevTools von Chrome, sodass Sie nicht einmal ein neues Fenster zum Überprüfen der Statistiken öffnen müssen. Alles was Sie brauchen, ist eine laufende Version von Chrome und etwas Zeit, um die Lighthouse Audit-Ergebnisse zu überprüfen.

In der Regel gliedert sich das in vier Kategorien:

  • Performance.
  • Zugänglichkeit.
  • Best Practices
  • Progressive Webapp-Eigenschaften

Jede Kategorie unterteilt sich in kleinere Eigenschaften mit Empfehlungen für UX-Verbesserungen.

Auf Knopfdruck können Sie Auditergebnisse abrufen, die Ihnen helfen, die Website-Leistung, Geschwindigkeit, Benutzerfreundlichkeit und so ziemlich jede Messgröße, die Google interessiert, radikal zu verbessern.

Wenn Sie mehr über die Hauptseite erfahren möchten, lesen Sie mehr über die vielen Funktionen von Lighthouse.

Sie können sich auch diese Präsentation von Google I / O 2017 ansehen, die Lighthouse erstmals der Entwickler-Community vorgestellt hat.

Die wahren Geschichten hinter 10 beliebten Memen

Die wahren Geschichten hinter 10 beliebten Memen

Ein Freund, den ich kenne, liebt es, die Fotos seiner Freunde in Meme zu verwandeln. Er wird durch die Facebook-Fotoalben seiner Freunde blättern und sehr unglückliche, aufrichtige Derp-Gesichter auswählen, um etwas zu verwenden, etwas Text hinzuzufügen und es dann auf seine ahnungslosen Freunde loszulassen. So

(Tech- und Design-Tipps)

5 kostenlose Bildvergleichsslider-Skripte

5 kostenlose Bildvergleichsslider-Skripte

Mit überlagerten Schiebereglern können Sie zwei Bilder vergleichen, normalerweise eine Vorher-Nachher-Art, wobei die beiden Bilder einander überlagert werden. Ein Schieberegler, der manipuliert werden kann, kann vom Benutzer gezogen werden, um weniger von dem Vorher-Bild und mehr von dem Nachbild und umgekehrt zu zeigen.Es

(Tech- und Design-Tipps)