web-dev-qa-db-fra.com

jQuery / AJAX sur d'anciens ordinateurs / navigateurs

Je travaille sur une plate-forme qui aura beaucoup d'utilisateurs dans les "pays en développement". Beaucoup d’entre eux utiliseront d’anciens ordinateurs et d’anciens navigateurs dans des cybercafés minuscules.

Nous voulons nous assurer de leur donner une bonne expérience utilisateur et de nous assurer que le site Web se charge le plus rapidement possible.

Le problème est que, si jQuery/AJAX permet de gagner beaucoup de temps et d'argent, cela engendre également de nombreux problèmes: - Les ordinateurs seront-ils assez puissants pour gérer les scripts côté client? - Les anciens navigateurs gèrent-ils jQuery?

Quelqu'un at-il une expérience de ce type de problèmes ou pourrait-il avoir connaissance d'un article sur le sujet?

4
Andresch Serj

En fonction du pays, l'utilisation du navigateur est très différente. En Chine, par exemple, il y a 22% + IE6 . Lors du développement pour d'anciens navigateurs, gardez à l'esprit que même s'ils prennent en charge ajax et d'autres éléments javascript sophistiqués, ils le font probablement beaucoup plus lentement que les navigateurs plus modernes.

Nous avons fait une comparaison pour un projet client il y a quelque temps. IE6, comparé à Firefox 4, était plus de dix fois plus lent en vitesse d’exécution javascript, nous avons donc dû ajouter de nombreuses améliorations (par exemple, n’ajoutez pas de gestionnaires de clics js lors de l’événement dom ready, mais passez la souris sur chaque élément séparément) . C'est aussi une bonne idée de montrer des indicateurs de chargement/attente à l'utilisateur lors de tâches js coûteuses pour éviter tout clic supplémentaire, ce qui réduirait encore les performances.

2
Michael

Sur le serveur, vous pouvez détecter le navigateur en consultant l’en-tête HTTP_USER_AGENT: https://support.Microsoft.com/en-us/kb/306576 Vous pouvez ensuite utiliser différentes versions de fichiers javascript. pour différents navigateurs comme

<script type='text/javascript' src='MainLibraryIE6.js'></script>

Une autre astuce consiste à utiliser les commandes conditionnelles du navigateur telles que

<!--[if IE 6]>
<script type="text/javascript" src="FixIE6Problems.js"></script>
<![endif]-->

En outre, JQuery 1.9 prend en charge IE 8. JQuery 2.0 ne prend en charge que IE 9 et les versions ultérieures.

1
Russell Harkins