Rendimiento de PolyFill de la consulta de medios - es decir,

Question

Estoy en la etapa temprana de construir un sitio. Estoy buscando algunos elementos de diseño que aprovechen las consultas de medios para que funcionen correctamente en tamaños de pantalla más pequeños.

No tengo ningún problema con esto, excepto que este será un sitio pequeño y, por lo tanto, casi el único JavaScript que se ejecuta en él será un polyfill para consultas de medios para IE y otras cojeras a lo largo de los navegadores.

¿Cuánto va a impactar este rendimiento? ¿Hay alguna prueba adecuada que hayan sido ejecutados?

Pregunto porque estoy en el escenario ahora que si el PolyFill afecta lo suficiente, puedo modificar el diseño, así que no tengo que usarlos, y también como un pensamiento para futuros proyectos.

Pregunta de bonificación:
Si no uso el móvil primero, pero use el último dispositivo móvil, y realice consultas max-width en lugar de min, ¿necesitaría un poliFill? Si nada de la página está cambiando hasta que sea menos de 500px de ancho, ¿realmente necesito preocuparme por IE, no mostrarlos? ¿O estoy perdiendo algunos casos de borde?

Answer 1

Vamos a empezar con su pregunta de bonificación.

Si se acerca con las consultas de los medios de max-width, no creo que realmente necesite una solución JS para IE8 y por debajo. Dicho esto, realmente depende de cuál es su sitio " Punto de ruptura ".

Probablemente, un usuario que aún tiene IE7 en funcionamiento no tendrá una pantalla HD con resolución de 1920x1200. Así que tenga en cuenta que haga todo lo que trabaje Bueno para las pantallas 800x600 sin consultas de medios involucradas.
Pero realmente depende de su tipo de proyecto / audiencia.

---

De acuerdo con estadísticas globales de Statcounter , en septiembre de 2012 ~ El 14% de los usuarios aún usan IE8, y menos del 2% IE7.

Si desea servir a la mejor experiencia de usuario para este 15% (~ 6 cada 100), entonces probablemente necesite responder.js .

He usado y lo he probado en IE7 y IE8. No noté una diferencia en el rendimiento, pero no puedo encontrar ninguna prueba de referencia en línea.

Se recomienda por modernizr e incluido en html5boiler plátula construcción sensible, así que estoy bastante seguro de que usted puede ... confiar en él; -)