Page essais de vitesse de chargement avec Firebug
- Partager /
- 3 Comments / AJAX, CSS, Process / 8.24.08 / 3 Commentaires / /
Plus je me trouve en utilisant JavaScript, plus je commence à s'inquiéter du poids de mes pages. Avec l'utilisation de jQuery, de choses qui étaient tradiotionally côté serveur peuvent désormais être traitées sur le côté client avec JavaScript.
Alors, comment fait-on pour mesurer environ le temps qu'il faut pour charger y site Web? Par ailleurs, comment pouvons-nous déterminer quels fichiers sont en prenant le plus de temps à se charger? La réponse est la FireBug net de configuration.
Pour utiliser le court terme (net de surveillance de réseaux) des outils vous devez aller dans le "Net" onglet dans Firebug et active eux.
Il vous suffit ensuite recharger votre page et regardez Firebug vous indique le temps de chargement de chaque élément de façon séquentielle, si l'article est une CSS, Javascript ou d'un fichier image.
FireBug vous fournira avec un suivi sur les points suivants:
- XMLHttpRequest / suivi AJAX
- Examinez-têtes HTTP
- Si un fichier a été mise en cache ou non mis en cache
- Break It Down par type de fichier (CSS, images, javascript, etc)
- Regarder la timeline Déplier
8:30 AM Andreas / 8.25.08 / 8:30
Je recommande l'extension YSlow for Firebug pour ce genre de tests. La net-onglet est grande, mais YSlow donne vraiment plein de conseils et d'informations sur la façon d'accélérer votre site.
Vous pouvez également utiliser la console en temps, certaines parties de votre JS utilisant console.time () et console.timeEnd () (détails ici: http://getfirebug.com/logging.html).
12:34 PM zuborg / 9.15.08 / 12:34
À droite, YSlow est spécifique de tests de performance addon pour Firebug
Je recommande également cet outil en ligne gratuit: http://Site-Perf.com/
Il a requis de mesurer la vitesse de chargement de la page et c'est fini (images / js / css) comme les navigateurs faire et montre le graphique détaillée de Nice - pour que vous puissiez facilement détecter les goulets d'étranglement.
Aussi chose très utile est que cet outil est capable de vérifier la qualité du réseau de votre serveur (niveau de perte de paquets et les retards de ping).
1:15 PM kevin / 9.15.08 / 1:15 PM
Very cool, merci pour l'ajout à ce poste.