Medienfragen-Polyfill-Leistung - dh

Question

Ich bin in der frühen Bühne des Aufbaus einer Seite. Ich betrachte einige Design-Elemente, die Medienabfragen nutzen würden, um in kleineren Bildschirmgrößen ordnungsgemäß zu arbeiten.

Ich habe kein Problem damit, es sei denn, dass dies ein kleiner Site ist und daher ziemlich so ziemlich das einzige JavaScript, das darauf läuft, dass es ein Polyventur für Medienabfragen für IE und andere schlaffe entlang von Browsern ist.

Wie viel wird diese Auswirkungen auf die Leistung? Gibt es ordnungsgemäße Tests, die gelaufen sind?

Ich frage, weil ich jetzt in der Bühne bin, wenn die Polyvention die Leistung auswirkt, die ich genug beeinflusst, das Design stecken kann, damit ich sie nicht benutzen muss, und auch als Gedanke für zukünftige Projekte.

Bonusfrage:
Wenn ich nicht zuerst Mobiltelefone verwende, aber Mobile Last verwenden kann, und geben Sie generakodicetagcode-Abfragen anstelle von max-width, würde ich sogar ein Polyventur benötigen. Wenn sich nichts an der Seite wechselt, bis er weniger als 500px breit ist, muss ich mich wirklich Sorgen machen, dass ich sie nicht anzeigen kann? Oder fehle ich einige Randkasten?

Answer 1

Beginnen wir mit Ihrer Bonusfrage.

Wenn Sie sich mit generakodicetagcode-Medienabfragen nähern, glaube ich nicht, dass Sie tatsächlich eine JS-Lösung für IE8 und darunter benötigen. Das heißt, es hängt wirklich davon ab, was Ihre Website ist " Breaking Point ".

Wahrscheinlich, ein Benutzer, der immer noch IE7-Laufen hat, hat keinen HD-Bildschirm mit einer Auflösung von 1920x1200. Beachten Sie also, dass alles funktioniert gut für 800x600-Bildschirme ohne Medienabfragen.

persönlich bevorzuge ich einen generakodizidagcode-Ansatz, also kann ich progressiv verbessern meine Site-Funktionen. Aber es hängt wirklich von Ihrem Projekttyp / Publikum ab.

---

nach die globalen Statistiken von StatCounters , am September 2012 ~ 14% der Benutzer verwenden immer noch IE8 und weniger als 2% IE7.

Wenn Sie die beste Benutzererfahrung für diese 15% (~ 6 alle 100) bedienen möchten, benötigen Sie wahrscheinlich antworten.js .

Ich habe es auf IE7 und IE8 verwendet und getestet. Ich habe keinen Unterschied in der Leistung bemerkt, aber ich kann keinen Benchmark-Test online finden.

Es wird von modernizr empfohlen und in html5boilerplate Responsive Build, also bin ich mir ziemlich sicher, dass Sie es können ... -)