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.

10 Open-Source-CMS für den Aufbau von E-Commerce-Sites

10 Open-Source-CMS für den Aufbau von E-Commerce-Sites

Es gibt ein paar Lösungen beim Aufbau einer E-Commerce-Website, die alle Dienstprogramme und Funktionen für den bequemen Online-Einkauf wie Produktkatalog, Lagerbestandskontrolle, Einkaufswagen sowie Zahlungsgateways enthalten.Sie können die gehostete E-Commerce-Route nutzen und beispielsweise auf Shopify oder BigCommerce setzen, die Ihre Websites innerhalb ihres Servers hosten, Ihre Website einrichten, pflegen und aktualisieren, solange Sie ihren Dienst abonniert haben (normalerweise monatlich). .

(Tech- und Design-Tipps)

20 Valentinstag Photoshop Tutorials für Ihre Inspiration

20 Valentinstag Photoshop Tutorials für Ihre Inspiration

Es ist wieder die Zeit des Jahres, in der die Herzen der Liebenden überall aufregten. Valentinstag ist in der Tat eine Zeit für viele, ihr bestes zu versuchen, um ihre bessere Hälfte besonders zu fühlen . Der übliche Weg ist, ihnen Geschenke zu bringen, worüber man sich nicht beschweren kann - wer mag keine Blumen oder ein neues Paar Ohrringe?Nach

(Tech- und Design-Tipps)