Comment mesurez-vous la vitesse de chargement d'une page?

Question

Je suis en train d'essayer de quantifier le "site de la lenteur". Dans les temps anciens, vous venez de faire en sorte que votre code HTML est léger, optimiser les images et les serveurs qui n'est pas surchargé. Haut de gamme, les sites construits sur le dessus de modernes systèmes de gestion de contenu, il ya beaucoup plus de variables: la publicité de tiers, les trackers et divers autres légendes, les performances de CA (ce qui est assez intéressant parfois réseaux de diffusion de contenu de faire empirer les choses), exécution de javascript, css surcharge, ainsi que toutes sortes de serveur de problèmes côté comme de longues requêtes.

La réponse est évidente pour tous les développeurs de vider le cache et de rechercher en permanence à la "net" du plugin Firebug. Quelles sont les autres façons de mesurer le "site glisser cul" avez-vous utilisé?

Answer 1

Yslow

Answer 2

Firebug, le must pour les développeurs web Firefox extension, peut mesurer le temps de chargement des différents éléments sur votre page web. Au moins, vous pouvez exclure les CSS, le JavaScript, et d'autres éléments à prendre trop de temps à charger.

Si vous avez besoin pour réduire JavaScript et CSS les temps de chargement, il y a diverses JavaScript et CSS compresseurs là-bas sur le web qui sortent simplement de texte inutile d'eux comme des caractères de saut de ligne et les commentaires. Bien sûr, garder une version ordinaire sur le côté pour le développement du saké.

Si vous utilisez le format Png, je suis récemment tombé sur un PNG optimizer qui peut rétrécir PNG tailles appelé OptiPNG.

Answer 3

"Temps de Chargement de Page" n'est vraiment pas facile à définir en général. Cela dépend du navigateur que vous utilisez, parce que les différents navigateurs peuvent faire plus de demandes en parallèle, parce que javascript a différentes vitesses dans les différents navigateurs et parce que le temps de rendu est différent.

Par conséquent, vous ne pouvez vraiment mesurer votre vrai temps de chargement de page à l'aide du navigateur qui vous intéresse. La fin du chargement de la page peut aussi être difficile à définir, car il pourrait y avoir une requête Ajax après, tout est visible sur la page. Le fait de compter le chargement de la page ou pas?

Et le dernier mais non moins réel temps de chargement de page pourrait ne pas beaucoup d'importance parce que la "perception de la performance" est ce qui compte. Pour l'utilisateur, ce qui compte, c'est quand elle a suffisamment d'informations pour procéder

Markus

Je ne suis pas au courant de toute façon (au moins pas que je pourrais vous dire :] ) qui mesurent automatiquement vos pages perçu temps de chargement.

Utilisez AOL Pagetest pour IE et YSlow pour firefox (voir lien ci-dessus) pour obtenir une "sensation" pour vous, les temps de chargement.

Answer 4

Vous obtenez un bon debugging proxy installé (je recommande absolument Charles)

Non seulement vous serez en mesure de voir une ventilation complète de temps de réponse / tailles, vous pouvez sauvegarder les données pour une analyse ultérieure et de comparaison, ainsi que de jouer avec les requêtes / réponses etc.

(Edit: Charles de soutien pour le débogage des requêtes SOAP vaut la somme dérisoire de ses frais de shareware - il m'a sauvé une bonne moitié de la journée de la perte des cheveux, pour cette seule semaine!)

Answer 5

La dernière fois que j'ai travaillé sur un volume élevé de site web, nous avons fait plusieurs choses, y compris:

• Nous avons utilisé Yslow pour obtenir une analyse de chacun des facteurs affectant le chargement de la page: https://addons.mozilla.org/en-US/firefox/addon/5369
• suivi de la performance à l'aide d'un externe, outil commercial appelé Gomez - http://www.gomez.com/instant-test-pro/
• Nous avons mis à l'épreuve à l'aide d'une intégration continue de construire, en utilisant Apache JMeter. http://jmeter.apache.org/

Si vous voulez un rapide coup d'oeil, dire une première approximation, j'irais avec YSlow et voir quels sont les principaux facteurs qui affectent les temps de chargement de page dans votre application.