Site Web | Documents | Journal des modifications | Mastodonte
Bienvenue sur sitespeed.io
, l'outil complet de performance Web conçu pour tous les passionnés de vitesse Web. Que vous soyez un développeur, un propriétaire de site ou simplement une personne curieuse de connaître les performances d'un site Web, sitespeed.io
offre un moyen puissant et convivial d'analyser et d'optimiser votre site Web.
sitespeed.io
est plus qu'un simple outil ; c'est une solution complète pour mesurer, surveiller et améliorer les performances de votre site Web. Construit dans un souci de simplicité et d’efficacité, il vous permet de :
Cas d'utilisation indiquant quand utiliser sitespeed.io
.
sitespeed.io
s'adapte à vos besoins.sitespeed.io
à votre flux de travail de développement, à vos systèmes d'intégration continue et à vos configurations de surveillance. Nous avons consacré d'innombrables heures à notre documentation pour vous aider à tirer le meilleur parti de sitespeed.io
. Des guides d'installation aux scénarios d'utilisation avancés, notre documentation est un trésor d'informations et de conseils.
Démarrer avec sitespeed.io
est simple. Vous pouvez l'installer à l'aide de Docker ou de NodeJS, selon vos préférences et votre configuration. Suivez ces étapes simples pour commencer à optimiser les performances de votre site Web.
Utiliser Docker est le moyen le plus simple de démarrer avec sitespeed.io
, surtout si vous ne souhaitez pas gérer les dépendances manuellement. Exécutez la commande suivante pour utiliser sitespeed.io
dans un conteneur Docker :
docker run --rm -v " $( pwd ) " :/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/
Cette commande extrait la dernière image Docker sitespeed.io et exécute un test sur le site Web sitespeed.io. La partie -v "$(pwd)":/sitespeed.io monte le répertoire actuel dans le conteneur, vous permettant d'accéder facilement aux résultats des tests.
Si vous préférez installer sitespeed.io
en tant que package npm, assurez-vous que NodeJS est installé sur votre système. Ensuite, installez sitespeed.io
globalement à l'aide de npm :
npm i -g sitespeed.io
Après l'installation, vous pouvez commencer à utiliser sitespeed.io en exécutant :
sitespeed.io https://www.example.com
Remplacez https://www.example.com par l'URL que vous souhaitez tester. Notez que l'utilisation de NodeJS peut nécessiter des dépendances supplémentaires telles que FFmpeg et Python. Des instructions d'installation détaillées pour ces dépendances peuvent être trouvées ici.
Choisissez la méthode la mieux adaptée à votre environnement et préparez-vous à plonger dans l'optimisation des performances Web avec sitespeed.io !
sitespeed.io
est conçu pour être convivial, rendant les tests de performances Web accessibles quelle que soit votre expertise technique. Voici un guide simple pour vous aider à commencer votre parcours d’optimisation des performances Web.
Pour commencer à tester votre site Web, exécutez simplement sitespeed.io
avec l'URL du site que vous souhaitez analyser. Par exemple:
sitespeed.io https://www.example.com --browser chrome -n 5
Cette commande teste https://www.example.com à l'aide de Chrome et effectue 5 itérations du test. Cette approche permet d'obtenir une mesure des performances médianes plus précise en testant le site plusieurs fois.
sitespeed.io propose une large gamme d'options de configuration pour adapter les tests à vos besoins spécifiques. Vous pouvez spécifier différents navigateurs, ajuster les paramètres de connectivité et bien plus encore. Pour une liste complète de toutes les options disponibles, visitez notre documentation de configuration.
De plus, pour un aperçu rapide de toutes les options de ligne de commande, vous pouvez exécuter :
sitespeed.io --help
Cette commande affiche tous les indicateurs et paramètres disponibles que vous pouvez utiliser avec sitespeed.io, vous aidant à affiner vos tests de performances pour répondre à vos besoins uniques.
Que vous effectuiez une vérification rapide ou une analyse détaillée, sitespeed.io offre la flexibilité et la puissance dont vous avez besoin pour comprendre en profondeur et améliorer les performances de votre site Web.
Dans le monde actuel axé sur le mobile, il est crucial de garantir que votre site Web fonctionne de manière optimale sur les smartphones et les tablettes. Avec sitespeed.io
, vous pouvez simuler et analyser les performances de votre site Web sur les appareils mobiles, vous aidant ainsi à comprendre et à améliorer l'expérience utilisateur pour les audiences mobiles.
Pour commencer à tester les performances mobiles de votre site Web, vous devez configurer votre téléphone mobile pour les tests. Nous avons de la documentation pour configurer votre téléphone Android et iOS.
Lorsque votre configuration est prête, vous pouvez exécuter des tests sur votre téléphone Android.
sitespeed.io https://www.example.com --android
sitespeed.io
fournit des rapports HTML perspicaces qui vous aident à visualiser et à comprendre les performances de votre site Web. Voici quelques exemples pour illustrer ce que vous pouvez réaliser :
Voici un exemple de rapport récapitulatif au format HTML, offrant un aperçu complet des mesures de performances de votre site :
Ce rapport comprend des indicateurs de performances clés tels que les temps de chargement, la taille des pages et le nombre de requêtes, vous donnant un aperçu rapide de la santé globale de votre site.
Pour une analyse plus détaillée, voici un rapport d'une page individuelle :
Ce rapport approfondit les performances d'une seule page, fournissant des mesures sur des aspects tels que les scripts, le rendu et l'activité réseau, cruciaux pour identifier les domaines spécifiques d'amélioration.
Pour surveiller les performances de votre site Web au fil du temps, consultez notre configuration en direct sur Dashboard.sitespeed.io, qui intègre sitespeed.io
avec Graphite et Grafana.
Métriques collectées à partir d'une URL visualisée dans Graphite/Grafana :
Cette configuration permet un suivi continu des performances, vous aidant ainsi à identifier les tendances et les problèmes potentiels.
Les tendances au fil du temps dans Grafana fournissent une vue à long terme des performances de votre site :
Grâce à ces informations, vous pouvez prendre des décisions éclairées concernant les optimisations et suivre l’impact des modifications que vous apportez.
Pour un retour visuel, sitespeed.io
peut générer des vidéos, ce qui permet de voir plus facilement comment votre site se charge en temps réel. Voici un exemple de vidéo :
L'analyse vidéo s'effectue plus facilement à l'aide de Docker et offre une perspective unique sur l'expérience utilisateur, mettant en évidence les domaines qui nécessitent une attention particulière.
Nous apprécions les contributions de la communauté ! Que vous corrigiez un bug, ajoutiez une fonctionnalité ou amélioriez la documentation, votre aide est précieuse. Voici comment vous pouvez contribuer :
Avant de contribuer, veuillez lire notre CONTRIBUTING.md pour des informations plus détaillées sur la façon de contribuer.
Vous avez trouvé un bug ou avez une demande de fonctionnalité ? Veuillez utiliser les problèmes GitHub pour les signaler. Assurez-vous de vérifier les problèmes existants pour éviter les doublons.
Rejoignez notre communauté ! Que vous ayez besoin d'aide, souhaitiez partager votre expérience ou discuter d'améliorations potentielles, il existe plusieurs façons de vous impliquer :
Nous sommes ravis de vous compter dans notre communauté et attendons avec impatience vos contributions et interactions !
La licence MIT (MIT).