sitespeed.io

sitespeed.io

Website | Dokumentation | Änderungsprotokoll | Mastodon

Inhaltsverzeichnis

• Willkommen in der wunderbaren Welt der Web-Performance
  • Was ist sitespeed.io?
  • Warum sitespeed.io wählen?
  • Tauchen Sie ein in unsere Dokumentation
• Installation
  • Docker
  • NodeJS
• Verwendung
  • Grundlegende Verwendung
  • Erweiterte Konfiguration
  • Mobile Leistungstests
• Beispiele
• Mitwirken
• Probleme melden
• Gemeinschaft und Unterstützung
• Lizenz

Willkommen in der wunderbaren Welt der Web-Performance!

Willkommen bei sitespeed.io , dem umfassenden Web-Performance-Tool für alle, die sich für Web-Geschwindigkeit begeistern. Egal, ob Sie Entwickler, Websitebesitzer oder einfach nur jemand sind, der sich für die Leistung Ihrer Website interessiert, sitespeed.io bietet eine leistungsstarke und dennoch benutzerfreundliche Möglichkeit, Ihre Website zu analysieren und zu optimieren.

Was ist sitespeed.io?

sitespeed.io ist mehr als nur ein Tool; Es handelt sich um eine Komplettlösung zum Messen, Überwachen und Verbessern der Leistung Ihrer Website. Es wurde im Hinblick auf Einfachheit und Effizienz entwickelt und ermöglicht Ihnen Folgendes:

• Testen Sie Websites mit echten Browsern : Simulieren Sie echte Benutzerinteraktionen und -bedingungen, um genaue Leistungsdaten zu erhalten.
• Feedback zur Geschwindigkeitsoptimierung : Erhalten Sie detaillierte Einblicke in den Aufbau Ihrer Website und entdecken Sie Möglichkeiten zur Geschwindigkeitssteigerung.
• Verfolgen Sie die Leistung im Laufe der Zeit : Überwachen Sie Änderungen und Trends in der Leistung Ihrer Website, um potenziellen Problemen immer einen Schritt voraus zu sein.

Anwendungsfälle zur Verwendung von sitespeed.io .

• Web-Performance-Audit : Führen Sie Leistungstests von Ihrem Terminal aus durch.
• Kontinuierliche Integration : Erkennen Sie Rückgänge der Webleistung frühzeitig im Entwicklungszyklus.
• Produktionsüberwachung : Überwachen Sie die Leistung in der Produktion und lassen Sie sich bei Regressionen benachrichtigen.

Warum sitespeed.io wählen?

• Open Source und Community-gesteuert : Entwickelt und gepflegt von einer Community, um kontinuierliche Verbesserung und Innovation zu gewährleisten.
• Vielseitig und erweiterbar : Egal, ob Sie ein einfaches Blog oder eine komplexe E-Commerce-Site betreiben, sitespeed.io passt sich Ihren Bedürfnissen an.
• Nahtlose Integration : Integrieren Sie sitespeed.io ganz einfach in Ihren Entwicklungsworkflow, kontinuierliche Integrationssysteme und Überwachungseinstellungen.

Tauchen Sie ein in unsere Dokumentation

Wir haben unzählige Stunden in unsere Dokumentation gesteckt, um Ihnen zu helfen, das Beste aus sitespeed.io herauszuholen. Von Installationsanleitungen bis hin zu erweiterten Nutzungsszenarien ist unsere Dokumentation eine Fundgrube an Informationen und Tipps.

Installation

Der Einstieg in sitespeed.io ist unkompliziert. Sie können es je nach Ihren Vorlieben und Einstellungen mit Docker oder NodeJS installieren. Befolgen Sie diese einfachen Schritte, um mit der Optimierung der Leistung Ihrer Website zu beginnen.

Docker

Die Verwendung von Docker ist der einfachste Weg, mit sitespeed.io zu beginnen, insbesondere wenn Sie Abhängigkeiten nicht manuell verwalten möchten. Führen Sie den folgenden Befehl aus, um sitespeed.io in einem Docker-Container zu verwenden:

docker run --rm -v " $( pwd ) " :/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/

Dieser Befehl ruft das neueste sitespeed.io Docker-Image ab und führt einen Test auf der Website sitespeed.io aus. Der Teil -v „$(pwd)“:/sitespeed.io stellt das aktuelle Verzeichnis in den Container bereit, sodass Sie problemlos auf Testergebnisse zugreifen können.

NodeJS

Wenn Sie sitespeed.io lieber als npm-Paket installieren möchten, stellen Sie sicher, dass NodeJS auf Ihrem System installiert ist. Installieren Sie dann sitespeed.io global mit npm:

npm i -g sitespeed.io

Nach der Installation können Sie sitespeed.io verwenden, indem Sie Folgendes ausführen:

sitespeed.io https://www.example.com

Ersetzen Sie https://www.example.com durch die URL, die Sie testen möchten. Beachten Sie, dass für die Verwendung von NodeJS möglicherweise zusätzliche Abhängigkeiten wie FFmpeg und Python erforderlich sind. Detaillierte Installationsanweisungen für diese Abhängigkeiten finden Sie hier.

Wählen Sie die Methode, die am besten zu Ihrer Umgebung passt, und machen Sie sich bereit, mit sitespeed.io in die Web-Performance-Optimierung einzutauchen!

Verwendung

sitespeed.io ist benutzerfreundlich gestaltet und macht Web-Performance-Tests unabhängig von Ihrem technischen Fachwissen zugänglich. Hier ist eine unkomplizierte Anleitung, die Ihnen den Einstieg in die Optimierung Ihrer Web-Performance erleichtern soll.

Grundlegende Verwendung

Um mit dem Testen Ihrer Website zu beginnen, führen Sie einfach sitespeed.io mit der URL der Website aus, die Sie analysieren möchten. Zum Beispiel:

sitespeed.io https://www.example.com --browser chrome -n 5

Dieser Befehl testet https://www.example.com mit Chrome und führt 5 Iterationen des Tests durch. Dieser Ansatz trägt dazu bei, eine genauere mittlere Leistungsmessung zu erhalten, indem die Website mehrmals getestet wird.

Erweiterte Konfiguration

sitespeed.io bietet vielfältige Konfigurationsmöglichkeiten, um die Tests an Ihre spezifischen Bedürfnisse anzupassen. Sie können verschiedene Browser angeben, Verbindungseinstellungen anpassen und vieles mehr. Eine umfassende Liste aller verfügbaren Optionen finden Sie in unserer Konfigurationsdokumentation.

Für einen schnellen Überblick über alle Befehlszeilenoptionen können Sie außerdem Folgendes ausführen:

sitespeed.io --help

Dieser Befehl zeigt alle verfügbaren Flags und Einstellungen an, die Sie mit sitespeed.io verwenden können, und hilft Ihnen, Ihre Leistungstests genau an Ihre individuellen Anforderungen anzupassen.

Egal, ob Sie eine schnelle Überprüfung oder eine detaillierte Analyse durchführen, sitespeed.io bietet die Flexibilität und Leistung, die Sie benötigen, um die Leistung Ihrer Website genau zu verstehen und zu verbessern.

Mobile Leistungstests

In der heutigen Mobile-First-Welt ist es von entscheidender Bedeutung, sicherzustellen, dass Ihre Website auf Smartphones und Tablets optimal funktioniert. Mit sitespeed.io können Sie die Leistung Ihrer Website auf Mobilgeräten simulieren und analysieren und so das Benutzererlebnis für mobile Zielgruppen besser verstehen und verbessern.

Warum auf Mobilgeräten testen?

• Benutzererfahrung : Ein erheblicher Teil des Webverkehrs kommt von mobilen Geräten. Durch Tests auf Mobilgeräten wird sichergestellt, dass Ihre Website für diese Benutzer optimiert ist.
• Suchmaschinenranking : Suchmaschinen wie Google priorisieren mobilfreundliche Websites in ihren Suchergebnissen.
• Leistungseinblicke : Mobile Geräte haben andere Leistungsmerkmale als Desktops, wie z. B. CPU-Einschränkungen und Netzwerkvariabilität.

Wie sitespeed.io hilft

• Echte Browsertests : Simulieren Sie mobile Browser, um genaue Leistungsdaten zu erhalten, wie sie von echten Benutzern erlebt werden.
• Gerätespezifische Metriken : Erhalten Sie Einblicke in die Leistung Ihrer Website auf verschiedenen Mobilgeräten und Netzwerken.
• Responsive Design-Analyse : Testen Sie, wie gut sich Ihre Website an verschiedene Bildschirmgrößen und -ausrichtungen anpasst.

Erste Schritte

Um mit dem Testen der mobilen Leistung Ihrer Website zu beginnen, müssen Sie Ihr Mobiltelefon zum Testen einrichten. Wir haben Dokumentation zum Einrichten Ihres Android-Telefons und iOS.

Wenn Ihr Setup fertig ist, können Sie Tests auf Ihrem Android-Telefon ausführen.

sitespeed.io https://www.example.com --android

Beispiele

sitespeed.io bietet aufschlussreiche HTML-Berichte, die Ihnen helfen, die Leistung Ihrer Website zu visualisieren und zu verstehen. Hier sind einige Beispiele, die veranschaulichen, was Sie erreichen können:

Zusammenfassender Bericht

Hier ist ein Beispiel für einen zusammenfassenden Bericht in HTML, der einen umfassenden Überblick über die Leistungsmetriken Ihrer Website bietet:

Dieser Bericht enthält wichtige Leistungsindikatoren wie Ladezeiten, Seitengröße und Anzahl der Anfragen und gibt Ihnen einen schnellen Überblick über den Gesamtzustand Ihrer Website.

Einzelseitenbericht

Für eine detailliertere Analyse finden Sie hier einen einzelnen Seitenbericht:

Dieser Bericht befasst sich eingehender mit der Leistung einer einzelnen Seite und liefert Kennzahlen zu Aspekten wie Skripterstellung, Rendering und Netzwerkaktivität, die für die Ermittlung spezifischer Verbesserungsbereiche von entscheidender Bedeutung sind.

Dashboard zur Leistungsüberwachung

Um die Leistung Ihrer Website im Laufe der Zeit zu überwachen, sehen Sie sich unser Live-Setup unter Dashboard.sitespeed.io an, das sitespeed.io mit Graphite und Grafana integriert.

Metriken in Graphit/Grafana

Gesammelte Metriken von einer in Graphite/Grafana visualisierten URL:

Dieses Setup ermöglicht eine kontinuierliche Leistungsverfolgung und hilft Ihnen, Trends und potenzielle Probleme zu erkennen.

Trends in Grafana

Zeitliche Trends in Grafana bieten einen langfristigen Überblick über die Leistung Ihrer Website:

Mit diesen Erkenntnissen können Sie fundierte Entscheidungen über Optimierungen treffen und die Auswirkungen der von Ihnen vorgenommenen Änderungen verfolgen.

Video-Performance-Analyse

Für visuelles Feedback kann sitespeed.io Videos generieren, sodass Sie leichter sehen können, wie Ihre Website in Echtzeit geladen wird. Hier ist ein Beispielvideo:

Die Videoanalyse lässt sich am einfachsten mit Docker durchführen und bietet eine einzigartige Perspektive auf die Benutzererfahrung und hebt Bereiche hervor, die Aufmerksamkeit erfordern.

Mitwirken

Wir freuen uns über Beiträge aus der Community! Egal, ob Sie einen Fehler beheben, eine Funktion hinzufügen oder die Dokumentation verbessern, Ihre Hilfe ist wertvoll. So können Sie einen Beitrag leisten:

1. Erstellen Sie ein Problem : Erstellen Sie ein Problem und besprechen Sie mit uns, wie Sie das Problem umsetzen können.
2. Forken und Klonen : Forken Sie das Repository und klonen Sie es lokal.
3. Erstellen Sie einen Zweig : Erstellen Sie einen neuen Zweig für Ihre Funktion oder Fehlerbehebung.
4. Entwickeln : Nehmen Sie Ihre Änderungen vor. Stellen Sie sicher, dass Sie die Codierungsstandards einhalten und schreiben Sie gegebenenfalls Tests.
5. Test : Führen Sie Tests durch, um sicherzustellen, dass alles wie erwartet funktioniert.
6. Senden Sie eine Pull-Anfrage : Übertragen Sie Ihre Änderungen an Ihren Fork und senden Sie eine Pull-Anfrage an das Haupt-Repository.

Bevor Sie einen Beitrag leisten, lesen Sie bitte unsere CONTRIBUTING.md für detailliertere Informationen darüber, wie Sie einen Beitrag leisten können.

Probleme melden

Haben Sie einen Fehler gefunden oder haben Sie eine Funktionsanfrage? Bitte nutzen Sie die GitHub-Probleme, um sie zu melden. Überprüfen Sie unbedingt vorhandene Probleme, um Duplikate zu vermeiden.

Gemeinschaft und Unterstützung

Treten Sie unserer Community bei! Egal, ob Sie Hilfe benötigen, Ihre Erfahrungen teilen oder mögliche Verbesserungen besprechen möchten, es gibt mehrere Möglichkeiten, sich zu engagieren:

• Slack : Vernetzen Sie sich mit anderen Benutzern und dem Entwicklungsteam auf Slack.
• GitHub-Probleme : Für technische Fragen, Funktionswünsche und Fehlerberichte nutzen Sie unsere GitHub-Probleme.
• RSS/Changelog : Aktuelle Veröffentlichungen und Informationen finden Sie immer in unserem RSS-Feed und in unserem Changelog.
• Mastodon : Folgen Sie uns auf Mastodon https://fosstodon.org/@sitespeedio.

Wir freuen uns, Sie in unserer Community zu haben und freuen uns auf Ihre Beiträge und Interaktionen!

Lizenz

Die MIT-Lizenz (MIT).