Accueil > Internet > Création web 2 > Vitesse de chargement : Page Speed
| More

Créer sa page web : Vitesse de chargement : Page Speed

 

 

Liens utiles :

 

WebRankInfo.com - 14 outils simples et rapides pour les web analytics

 

 

Surveillance de site : WoozWeb :

Surveiller le bon fonctionnement de son(ses) sites avec WoozWeb :
http://www.woozweb.com/

 

24/11/2010 : Aidewindows.net a été indisponible pendant 20 mn, à partir de 13h56.
C'est rare, mais cela peut arriver. Merci de votre patience :-)

Pour être averti d'un dysfonctionnement d'un site web, on peut utiliser WoozWeb :
http://www.woozweb.com
On peut inscrire dix sites différents à surveiller.

En cas de problème, on recevra un mail d'avertissement
On peut consulter son compte, sur le site WoozWeb, et afficher des graphiques :

Graphique WoozWeb

 

 

Voir aussi :

Webcron.org - Monitoring de serveurs - Web Cron tab en ligne
http://www.webcron.org/

Soyez notifié instantanément par sms/email
Rapports de disponibilité
Rapports de temps de réponse
API: Intégration dans votre environnement

 

Cron job sur un Pack perso confort 1&1 ?
http://www.developpez.net/forums/d416322/php/outils/cron-job-pack-perso-confort-11-a/

 

 

Améliorer le temps de chargement des pages :

Depuis juin 2010, la rapidité d'affichage d'une page web (donc le temps de chargement) devient un critère de référencement pour Google. Il est donc indispensable, pour les sites "classiques" de travailler à optimiser le contenu des pages.

Cela se fait à partir des Outils du Webmaster de Google, de Firefox et des compléments Firebug et Page Speed.

Aidewindows.net est particulièrement concerné par cette mesure, car les pages de ce site sont, en général, très fournies (je ne suis pas la mode ambiante qui consiste à placer deux lignes de texte et une forêt de pubs autour...).

Il va donc falloir que je fasse preuve de "modération" et que je limite la taille de mes pages.

 

04/11/2010 : WebRankinfo.com - Nombreux conseils pour optimiser la vitesse de chargement d'un site

 

 

WebPagetest : Tester la vitesse d'afffichage de ses pages :

 

 

Outils Google pour les webmasters :

Afficher les performances avec les Outils Google pour les webmasters :

Voir les Outils Google pour les webmasters :
http://www.google.fr/webmasters/

Si on possède un compte :
- cliquer sur "Se connecter..."

Si on n'a pas de compte Google / Gmail :
- cliquer sur "Créer un compte maintenant"

 

Dans la page Accueil :
- sélectionner le site que l'on veut analyser

Dans la page Tableau de bord, partie gauche :
- cliquer sur Labos, et sur Performances du site :

Performances dans Outils pour les Webmasters

 

Dans la page Performances du site :

Plusieurs parties :

Vu d'ensemble des performances :
- un graphique de l'évolution du temps de chargement des pages dans le temps

Google Performances
On voit très bien le problème !

Exemples de pages :
- le temps de chargement de certaines pages,

Suggestions par Page Speed :
- les conseils d'améliorations pour les pages les plus lourdes.

Parmi les améliorations possibles :

- Autoriser la compression à l'aide de gzip
- Limiter le nombre de résolutions DNS
- Regrouper les fichiers CSS externes
- Limiter le nombre de redirections

Mais ces conseils sont insuffisants, par rapport à ceux que l'on obtient en utilisant Firefox / Firebug et Page Speed.

 

 

Page Speed :

Pour analyser, en temps réel, la taille des pages et le gain envisageable, on peut utiliser Page Speed.
C'est un utilitaire de Google.

Page Speed fonctionne sous Firefox, avec le module complémentaire : Firebug : http://getfirebug.com

Page Speed et Firebg

 

- Voir image

Télécharger Page Speed : cliquer ici

 

Page Speed fonctionne également sous Google Chrome (voir ci-dessous)

Autant prendre la version Chrome. Même si elle est encore en beta :
- elle est en français, elle n'oblige pas à l'installation de Firebug
- le but est d'améliorer le référencement dans Google. Donc autant utiliser ses outils.

 

 

Page Speed et Google Chrome :

Télécharger Page Speed : cliquer ici

 

Installation :

Installation de Page Speed sous Google Chrome

- ouvrir un nouvel onglet
Dans la barre d'adresses :
- taper : about:flags
Dans la page suivante :
- activer "API des extensions expérimentales"
En bas de page :
- cliquer sur "Relancer maintenant"

Sur la page précédente :
- cliquer sur Installer Page Speed
- etc.

 

Utilisation :

Utilisation de Page Speed sous Google Chrome

Utilisation de Page Speed pour Chrome (anglais) :
http://code.google.com/intl/fr/speed/page-speed/docs/using_chrome.html

- cliquer sur la clé (en haut à droite),
- sélectionner Outils, Outils de développement,

Dans la partie inférieure :
- cliquer sur "Page Speed"
- cliquer " Run Page Speed"

 

 

Page Speed sous Firefox :

Pour utiliser Page Speed avec Firefox, il faut installer le module Firebug

 

Installation :

Téléchargement et installation de Firefox :
- Firefox : cliquer ici
(inutile de le mettre comme navigateur par défaut si on utilise Internet Explorer, il servira pour la vérification des pages)

Sous Firefox, il faut installer les modules complémentaires :
- Firebug : cliquer ici
- Page Speed : cliquer ici

 

 

Utilisation :

Utilisation de Page Speed sous Firefox

Sous Firefox 7 :

- Ouvrir la page web à tester.

En haut, à droite :
- cliquer sur l'icône Firebug

 

Firebug s'ouvre dans la partie inférieure de la fenêtre :
- cliquer sur Page Speed
- cliquer sur "Analyze Performance"

Page Speed : Analize Performance

 

La page de résultat s'affiche :

Page Speed : résultat

ci-dessus : le score de la page est 88/100 - il est recommandé d'autoriser la compression (voir ma page) et de regrouper les images dans des sprites CSS (voir ma page)

Les trois icônes à gauche (cercle rouge, triangle jaune et coche verte) indiquent le degré d'importance

- cliquer sur le texte pour afficher la page d'aide de Google Page Speed (en anglais)
- cliquer sur la flèche pour dérouler l'arborescence et afficher les améliorations à effectuer et les fichiers concernés.

 

Sous Firefox 3 :

- Ouvrir la page web à tester.
- menu Outils, Firebug, Ouvrir Firebug

ou :
En bas à droite :
- cliquer sur l'icône Firebug

ouvrir Firebug

() Si le menu Firebug ne s'affiche pas :
- aller dans le dossier Program Files, Mozilla, Components, et supprimer les 3 fichiers commençant par inspector.

 

Firebug s'ouvre dans la partie inférieure de la fenêtre :
- cliquer sur Page Speed
- cliquer sur "Analyze Performance"

Page Speed : Analize Performance

 

La page de résultat s'affiche :

Page Speed : Résutlat de l'analyse

ci-dessus : le score de la page est 85/100 - il est recommandé d'activer la compression HTTP

Les trois icônes à gauche (cercle rouge, triangle jaune et coche verte) indiquent le degré d'importance

- cliquer sur la flèche pour dérouler l'arborescence et afficher les améliorations à effectuer et les fichiers concernés.
- cliquer sur le texte pour afficher la page d'aide de Google Page Speed (en anglais)

 

 

Attention Attention aux modifications proposées par Page Speed :

Attention à l'utilisation de Page Speed. Il y a de mauvais conseils ! Il y a des ERREURS
Faire une sauvegarde des fichiers, et tester sérieusement la modification proposée avant de l'appliquer.

Exemple :
Page Speed propose de compacter les feuilles de style, et surtout les fichiers scripts... et ça ne fonctionne plus correctement ensuite : MEFIANCE !

En fait, il vaut mieux, selon moi :
- conserver une version de ses fichiers .css et .js avec indentation, pour les lire plus facilement,
- compacter les fichiers en les mettant en ligne.

 

Use efficient CSS selectors : les mêmes mauvais conseils = des règles utiles sont considérées comme inutiles.

Voir aussi :

Google Page Speed: analyse de résultats obtenus :
http://forum.alsacreations.com/topic-4-42844-1-Google-Page-Speed-analyse-de-resultats-obtenus.html

 

 

Documentation sur Page Speed :

Sur le site de Page Speed :
http://code.google.com/intl/fr/speed/page-speed/docs/rules_intro.html

 

Voir (anglais) :
Mentalized.net - Using Google Page Speed to optimize websites

 

Alsacreations.com - Google Page Speed
"Google a lancé une nouvelle extension spécialement dédiée à Firefox et Firebug : Google Page Speed, qui à l'instar de ce que propose déjà YSlow, a pour objectif d'aider les développeurs à minimiser les temps de chargement des pages."

29/07/2009 : patricealbertus.net - Google Page Speed, optimisation des performances

19/05/2010 : Journaldunet.com - Optimiser le temps de chargement des pages Web avec Google Page Speed

Les outils du webmaster : les notes Yslow et PageSpeed
http://www.cmsmadesimple.fr/blog/index.php?post/2010/06/21/Optimiser-sa-note-Yslow-et-PageSpeed

 

 

YSlow :

On peut, en plus de Page Speed, utiliser YSlow de Yahoo!
YSlow nécessite l'installation préalable de Firebug.

Site offciiel :
http://developer.yahoo.com/yslow/

Télécharger l'addon pour Firefox :
https://addons.mozilla.org/fr/firefox/addon/5369/

YSlow est complémentaire de Page Speed (voir cette page)

 

07/07/2008 : Performance.survol.fr - Les outils : Yslow
http://performance.survol.fr/2008/07/les-outils-yslow/

Les outils du webmaster : les notes Yslow et PageSpeed
http://www.cmsmadesimple.fr/blog/index.php?post/2010/06/21/Optimiser-sa-note-Yslow-et-PageSpeed

 

 

Haut de page

| Copyright | Histoire d'Aidewindows | Assistance à domicile | Concarneau | Aide Informatique et Internet : www.ai2.fr

Hit-Parade des sites francophones