Il y a des logiciels très utiles pour nous aider dans notre travail sur les sites web. Et ce qui est mieux, c’est qu’ils sont aussi des logiciels libres.

D’abord, il faudrait utiliser le bon navigateur. Oubliez Internet Explorer. Je vous conseille Mozilla Firefox, même si Google Chrome est en train d’améliorer.

Firefox offre la possibilité d’ajouter de nouvelles fonctionnalités à travers des modules complémentaires, c’est-a-dire des logiciels qui s’installent au cœur de Firefox. Un de ces modules complémentaires est très très utile : il s’agit de Firebug. Vous le peuvez télécharger ici. Si vous ouvrez cette page avec Firefox, en cliquant sur le lien Install Firebug For Firefox, le module s’installera directement.

Après avoir re-démarré Firefox, en appuyant la touche F12, un panneau s’ouvrira en bas comme c’est montré dans la figure suivante.

firebug

Le panneau de Firebug a plusieurs onglets (Console, HTML, CSS, Script, DOM, Réseau). En sélectionnant le dernier (Réseau), Firebug affiche les fichiers qui composent la page, le site d’où ils sont pris, la dimension et le temps de téléchargement de chacun. Dans le fond il y a les totaux. En ce cas, la page d’accueil de Google, vous pouvez voir que elle est formée de 6 fichiers, pour un total de 44 Ko et un temps total de téléchargement de 717 millisecondes. Google est très rapide!

Pour tester vos pages, vous devez souvent effacer la mémoire cache du navigateur. Il est facile d’ajouter dans la barre des outils de Firefox un bouton pour effacer rapidement la cache. J’utilise le module complémentaire Clear Cache Button. Je vais vous montrer une méthode alternative pour installer un module. Cliquez sur le menu Outils > Modules complémentaires :

Firefox_001

Dans la fenêtre qui s’ouvre, cliquez sur le bouton Catalogue et écrivez « clear cache button » dans la boîte de texte et puis la touche Entrée. Firefox recherchera les mots dans sa base de données. Cliquez sur « Ajouter à Firefox » dans la ligne du module voulu.

Firefox_002

La première fois que vous démarrez Firebug, les onglets sont tous vides et montrent une indication qui dit que l’onglet doit être activé. Après l’activation, vous devez mettre à jour la page.

Expérimentez avec Firebug. Naviguez par internet avec le panneau de Firebug ouvert et voyez ce qui se cache à l’arrière d’une page web. Apprenez à comprendre ce que fait une page lente ou rapide et tout ce qui se passe pendant le téléchargement d’une page. Vous aurez beaucoup de surprises!

Signaler comme indésirable