Performances du polyfill des requêtes multimédias – IE

Question

Je suis au début de la création d'un site.J'examine certains éléments de conception qui tireraient parti des requêtes multimédias pour fonctionner correctement sur des tailles d'écran plus petites.

Cela ne me pose aucun problème, sauf que ce sera un petit site et donc à peu près le seul javascript exécuté dessus sera un Polyfill pour les requêtes multimédias pour IE et autres navigateurs.

Dans quelle mesure cela aura-t-il un impact sur les performances ?Y a-t-il des tests appropriés qui ont été effectués ?

Je demande parce que j'en suis maintenant au stade où si le polyfill affecte suffisamment les performances, je peux modifier le design pour ne pas avoir à les utiliser, et aussi comme idée pour de futurs projets.

Question bonus:
Si je n'utilise pas le mobile en premier, mais que j'utilise le mobile en dernier, et que je le fais max-width requêtes plutôt que min, aurais-je même besoin d'un polyfill.Si rien dans la page ne change jusqu'à ce qu'elle fasse moins de 500 pixels de large, dois-je vraiment m'inquiéter du fait qu'IE ne les affiche pas ?Ou est-ce que je manque certains cas extrêmes ?

Answer 1

Commençons par votre question bonus.

Si vous approchez avec max-width requêtes multimédias, je ne pense pas que vous ayez réellement besoin d'une solution js pour IE8 et versions antérieures.Cela dit, cela dépend vraiment de quel est votre site"point de rupture".

Il est probable qu'un utilisateur qui utilise encore IE7 n'aura pas d'écran HD avec une résolution de 1920 x 1200.Alors gardez à l'esprit que tout fonctionne Bien pour les écrans 800x600 sans requêtes multimédias impliquées.

Personnellement, je préfère un min-width approche, pour que je puisse améliorer progressivement fonctionnalités de mon site.Mais cela dépend vraiment du type de projet/public.

---

Selon Statistiques mondiales de StatCounter, en septembre 2012, environ 14 % des utilisateurs utilisaient encore IE8 et moins de 2 % IE7.

Si vous souhaitez offrir la meilleure expérience utilisateur pour ces 15 % (~ 6 tous les 100), alors vous avez probablement besoin répondre.js.

Je l'ai utilisé et testé sur IE7 et IE8.Je n'ai pas remarqué de différence de performances, mais je ne trouve aucun test de référence en ligne.

Il est recommandé par Modernisation et inclus dans html5passe-partout version réactive, donc je suis presque sûr que vous pouvez... lui faire confiance ;-)