Tests et Optimisations d'un Site Internet
RENDRE UN SITE INTERNET UTILISABLE
Avant de penser à publier le site Internet, il faut passer par une étape incontournable : les tests et les optimisations. Pour éviter les blocages, les pages d'erreurs, les problèmes serveur webs, il faut se résigner à tester.
Le déboguage des pages Web ne se réalise pas à la fin du projet. Si vous utilisez des IDE Web, vous avez à votre disposition des modules de déboguage selon le niveau et le type de langage et selon les spécifications des navigateurs.
Cette première étape se met en place dès les premières pages conçues. Si vous utilisez CSS, vous devez disposer aussi d'un débuggeur. N'hésite Internetz jamais à utiliser des outils de validation officiels. Le W3C propose en ligne un validateur de code HTML / xHTML. Ces outils permettent de tester rapidement la conformité du code d'une page. En cas d'erreurs, le validator indique l'ensemble des erreurs et avertissements.
La permissivité de certains langages et IDE, notamment sur HTML, donne un code surchargé, mal structuré, des problèmes de respect du standard, etc. Si les IDE Web permettent de générer un code automatiquement, il faut s'en méfier.
Respecter au plus près les balises "modernes", supprimer les anciennes balises. Il faut donc : rationaliser le code, éviter la redondance, séparer les couches. L'usage de CSS permet d'avoir des interfaces types réutilisables à volonté dans des pages. Dans le cas de pages PHP, JSP, ASP.NET, xHTML, vous pourrez opter pour des outils très complets intégrant du tuning, du profiling, du monitoring, du debug, etc. Le choix est vaste : Zend, PHPEdit, les outils XML / XSLT, Visual Studio Web Developer, Sun Java Studio Creator, etc. Les outils de tests ne manquent pas ! Quelques outils du marché :
- WebKing (Parasoft) : logiciel de test automatique pour les programmes web critiques avec analyseur des statistiques, test de régression et fonctionnel.
- Web Performance Traîner : logiciel de montée en charge et de stress, avec analyse http / https.
- E-test (empirix) : gamme d'outils de tests pour les programmes web (gestion de tests, tests de régression et fonctionnels, de stress, de montée en charge...).
Dans certains cas, optez pour la compression des pages. Car, plus les pages sont réduites, plus elles sont performantes et moins le serveur web se surcharge durant les transferts. Très utile pour un site Internet mobile. N'hésite Internetz pas à faire tester l'interface de votre site Internet par des utilisateurs - testeurs. Ainsi, vous pourrez optimiser la navigation et mieux adapter les pages. Pour restructurer le code plus logiquement, il est possible d'utiliser les éléments div et/ou span.
Par exemple, div divise une page en blocs. Pour structurer encore plus le code HTML et xHTML, utilisez l'attribut id. Celui-ci vous imposera des règles de déclaration et d'utilisation très strictes. De plus, vous pouvez combiner éléments div / span et attribut id.
Conformités du code
Sur les Pages |
Comportement du code |
|
Comportement sur les navigateurs |
|
Affichage sur les différents terminaux |
|
Génération et affichage page dynamique |
|
Charge réseau |
|
Régression et bugs |
|
Optimisation des images |
|
Temps de réponses IF.T. |
Sécurité |
Sécurité des pages et données sensibles |
|
Utilisation des protocoles sécurisés |
Serveur web |
Montée en charge |
|
Charge réseau |
|
Répartition de la charge |
|
Fonctionnement du code behind |
|
Comportement des serveur webs (web,données...) |

|

|
|