メディアクエリポリフィルパフォーマンス - IE
-
12-12-2019 - |
質問
私はサイトを構築する初期段階にいます。私はメディアクエリを利用して小さい画面サイズで正しく機能するデザイン要素を見ています。
これはこれが小サイトになることを除いて、それでもほとんどJavaScriptの唯一の唯一のJavaScriptは、IEおよびブラウザに沿った他のLIMPのためのメディアクエリのためのPolyFillになります。
この影響性能はいくらですか?走った適切なテストはありますか?
私は今舞台にいるので、ポリフィルがパフォーマンスに十分性能に影響を与える場合、私はそれらを使用する必要はないので、そしてまた将来のプロジェクトのための考えとしても微妙なことを尋ねているので尋ねてください。
ボーナス質問:
Mobile Firstを最初に使用していないが、Mobile Lastを使用し、max-width
ではなくmin
クエリを使用すると、PolyFillが必要です。それが幅500ピクセル未満になるまでページについて変わっていないのであれば、私は本当にそれらを表示しないことを心配する必要がありますか?それとも一部のエッジケースが足りないですか?
解決
あなたのボーナス質問から始めましょう。
max-width
メディアクエリでアプローチする場合、私はあなたが実際にIE8以降のJSソリューションを必要とするとは思わない。それは言った、それはあなたのサイト "破断点"のものに本当に依存しています。
おそらく、まだIE7を実行しているユーザーには、1920 x 1200の解像度のHD画面がありません。メディアクエリが含まれていない800 x 600画面では、すべてをうまく機能させるように留意してください。
個人的には、私はmin-width
アプローチを好むので、私のサイト機能を徐々に強化することができます。しかし、それは本当にあなたのプロジェクトの種類/聴衆に依存しています。
respons.js 。
私はIE7とIE8でそれを使用してテストしました。パフォーマンスの違いに気付かなかったが、オンラインでベンチマークテストが見つかりません。
modernizr に推奨されています。 HTML5BOILERPLATE レスポンシブビルド、それで私はあなたができることをよく確信しています...信頼する; - )