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 :

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 :
WebPageTest :
http://www.webpagetest.org/
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 :

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

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

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"

La page de résultat s'affiche :

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

() 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"

La page de résultat s'affiche :

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
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
- Index : Créer sa page web : Perfectionnement
- Tests, conformité, validité
- Vitesse de chargement : Page Speed
- Vitesse de chargement : Les méthodes
- Perfectionnement : Ajouter des fonctionnalites
- Gestion, statistiques - Liens
- Nom de domaine
- Hébergement
- Publicité
- Le fichier sitemap.xml - XML-Sitemap
- XML Sitemap Generator
- Restrictions, interdictions et redirection de pages
- Les fichiers .htaccess et robots.txt
- Index : Créer sa page web : Bases
- Créer sa page web : les techniques
- Créer sa page web : les logiciels
- Créer sa page web : Hébergement et transfert
- Transférer ses pages et fichiers avec FileZilla
- Créer un serveur FTP avec FileZilla
- Créer une page en HTML (1)
- Créer une page en HTML (2)
- Créer une page en HTML (3)
- XHTML
http://www.google.fr/webmasters





