Page Web de référence et protocole de test

A propos de la page de test

Pour tester les écarts d'interprétations et de performances entre les différents navigateurs Web mobiles, nous avons créé cette page Web de référence. Chacun des paragraphes ci-dessous fait appel à une technologie différente. En plus de ces épreuves techniques, nous aborderons les aptitudes pratiques de ces différents programmes.

Ouverture d'une nouvelle fenêtre

Le lien suivant ouvre une page Web dans une nouvelle fenêtre. Comment se déroule le passage d'une page à l'autre sur les différents navigateurs mobiles ? Réponse en parcourant nos différents tests.

Test Javascript

Le champ «nombre» ainsi que les deux boutons permettant d'incrémenter ou de décrémenter ce compteur ont été programmés en JavaScript. Tout au long de l'article, nous listerons les navigateurs compatibles avec cette fonctionnalité (le javascript que nous avons utilisé provient du site suivant).

Les tableaux

Les tableaux s'affichent-t-ils correctement ? Ce tableau de référence nous permettra de le savoir. (tableau extrait de l'article : Transformez votre appareil mobile en télécommande universelle)

Les standards du Web

A) Le test CSS
Les CSS sont largement utilisées par les webmasters. Ce standard permet de réaliser de nombreuses mises en forme graphiques. Pour évaluer leur degré d'interprétation, nous nous sommes rendus sur la nouvelle page d'accueil de Clubic.com. Cette dernière utilise un très grand nombre de CSS.

• Test CSS

B) L'acid test
L'«acid test» est une épreuve qui permet d'évaluer la prise en charge de nombreux standards Web. Le principe est simple. Observez le smiley de référence du navigateur, puis rendez-vous sur la page de test. Chacune des parties du smiley utilise un standard Web. En conclusion, seuls les navigateurs capables de gérer tous ces standards seront capables de reproduire cette image à l'identique. Pour l'anecdote, dans le cercle des navigateurs de bureaux, seuls Konqueror (Linux), Safari (Mac OS) et Opera (multi plate-forme) sont capables de passer ce test avec succès.

• Acid test

De nos jours, de nombreux formats multimédias font partie intégrante des standards du Web. Parmi les plus courants, on retiendra surtout les formats Flash, GIF, MP3, et Windows Media. Voyons comment se comportent nos navigateurs mobiles en présence de ces différents standards.

Multimédia : le son

Sur Intenet, on rencontre un grand nombre de formats audio différents. Dans la majorité des cas, ces derniers sont utilisés pour diffuser un flux audio «live» (Web radios).





A) Audio en streaming : Le flux audio Winamp (Shoutcast)

Le Shoutcast est un format de diffusion audio utilisé par de nombreuses Web radios. On doit ce standard aux créateurs de Winamp (un lecteur audio massivement utilisé sous Windows).

• Lien vers un flux radio au format Winamp Shoutcast ( Frequence 3)

B) Audio en streaming : le flux Windows Media

Le format Windows Media était occulté par Real Media il y a peu de temps encore. Aujourd'hui, Microsoft a rattrapé son retard. Ce standard est devenu quasi incontournable.

• Lien vers un flux radio au format Windows Media ( Frequence 3)

C) Audio en streaming : Le lecteur flash

Sur certains sites, il est possible de trouver des lecteurs audio programmés en flash. L'un des portails le plus célèbres utilisant cette technologie est Last.FM.

• Audio en streaming (lecteur flash Last.fr):

C) Audio à télécharger : cas du fichier .MP3 en lien direct

Que se passe-t-il lorsque l'on clique sur un fichier .MP3 stocké sur un espace Web ? Est-il possible de télécharger ce fichier ? Nous avons lancé ce test depuis chacun des navigateurs mobiles.

• Lien vers un Fichier .MP3

Multimédia : l'image

La bonne interprétation des fichiers image aura une importance capitale. De passage sur un site professionnel ou sur un blog, le navigateur sera constamment sollicité pour ouvrir ces différents formats :

A)Les fichiers image .JPG

Voici un exemple type de fichier image .JPG dont la taille est relativement conséquente. L'ouverture d'une image de ce type constitue une épreuve de force pour un navigateur de poche.



B)Les fichiers image .GIF.

Les fichiers .GIF permettent de réaliser des images animées. Leur prise en charge n'est pas capitale, mais elle est appréciée. La plupart du temps, ce format est utilisé pour réaliser des bannières publicitaires. Différents éléments de graphisme peuvent également utiliser cette technologie.

• Premier fichier .GIF de test : le logo email

• Second fichier .GIF de test : la bannière publicitaire

C) Les animations Flash :

Les animations flash sont principalement utilisées pour réaliser des bannières publicitaires. Dans ce cas, leur non prise en charge ne devrait gêner que peu de personnes. Il est possible de trouver des sites intégralement réalisés en flash, mais fort heureusement, ces derniers ne sont pas légion.

• Premier fichier .SWF de test :

• Second fichier .SWF de test :

• Troisième fichier .SWF de test :

Les animations flash que nous avons utilisées pour ce test proviennent de de Zoneflash.net

Rapidité d'ouverture de la page

Lorsque l'on surfe sur Internet, l'ouverture rapide des pages apporte un confort essentiel. Contrairement aux plates-formes «desktop», sur un appareil mobile, cette caractéristique ne sera pas uniquement liée à la rapidité de la connexion. En effet, la réactivité du système et l'optimisation du navigateur auront une forte influence sur cette donnée. Pour établir une échelle de comparaison, nous avons chronométré la vitesse de chargement de cette page Web. Bien sûr, tous les tests seront réalisés à partir de la même borne Wi-Fi et à distance égale de cette dernière.

Nous avons également chronométré le temps d'ouverture d'une «grosse» page comme celle du monde.fr. Attention toutefois, cette donnée sera mentionnée à titre indicatif. Une page «vivante» ne peut servir de référence.

Optimisation d'affichage et mode portrait

Le mode paysage est-il supporté ? Le mode portrait a-t-il été correctement adapté à l'écran ? Voyons également comment le navigateur mobile optimise l'affichage d'une page Web. Ces caractéristiques font partie intégrante du confort d'utilisation.

Ergonomie et menus

La rapidité et les bonnes performances générales ne font pas tout. Un bon navigateur doit être facile à dompter. Les menus doivent être placés à des endroits logiques et faciles d'accès. Enfin, nos assistants favoris étant dépourvus de Claviers, l'assistance à la saisie devra être de mise.

Gestion des téléchargements

Même si les appareils mobiles ne sont pas propices au téléchargement de fichiers, en cas de besoin, le navigateur mobile devra tout de même être en mesure de s'acquitter de cette tâche.

[ Fichier ZIP de 2Mo]

Contrôle parental

Les parents dont l'enfant est équipé d'un appareil mobile Wi-Fi capable de surfer sur le Web seront probablement curieux de savoir s'il existe des possibilités de contrôle parental. Nous verrons si cette fonctionnalité est implémentée sur les appareils et navigateurs que nous avons testés.

Accès aux sites sécurisés

Le support des différents standards de sécurité vous permettra d'accéder, ou non à un ensemble de services. La prise en charge de ces différents standards est un pré requis obligatoire pour accéder à plusieurs sites extrêmement populaires. Pour ce test, nous avons essayé d'accéder aux sites suivants :

• Webmail : que donne l'accès à Gmail (sécurité ssl) ?
• Banque en ligne : possible de gérer ses comptes depuis son mobile ? (sécurité https)
• Commerce en ligne : est-il possible d'utiliser Ebay ?