head.jsとレスポンシブウェブデザイン

Question

私はレスポンシブウェブデザイン技術とhead.jsを研究しており、いくつか質問があります。

• 外部jsファイルを遅延ロードしたときに、読み込み時間head.jsのどれくらいの時間を経験しましたか？
• Unstyledコンテンツの問題のFlashを防ぐには、どれだけの開発/労力が必要ですか？
• head.jsのすべてのCSS機能は、レスポンシブデザイン（サイズの異なる画面、デバイスなど）の作成に役立ちますか？
• head.jsは画像やプラグインの読み込みに遅延がありますか？

私たちは次のことを達成しようとしているとき、人々は別の何かを勧め：

• JavaScriptファイル
• の多くのための高速、効率的なロード時間は、開発時間を削減し、複数のデバイスのためのUXを向上、画面はベストプラクティス

0に続いて大規模なアプリケーション

の

拡張のサイズ

入力がありがとうございます、ありがとうございます。

Answer 1

私の2セント：

私はhead.jsといくつかの問題を抱えていた、そして最終的には非同期JavaScriptのロードにscript.jsを使用することにしました。私が取り組んでいるサイトでは、ほとんどの機能が静的であるか、フォールバックがあります。 FOUCの問題は一般に、javascriptがロードされてからjavascriptで表示されるまで（CSSで）コンテンツを隠すことで緩和されます。 Javascriptがキャッシュされているため、最初のページの読み込みを心配する必要があります。

Modernizrは、head.jsのすべての機能検出を提供します。 html5shivでバンドルし、head.jsからHTML5 IEのブートストラップを取得しました。 CSS3 Media Queriesは、画面幅に応答するのに最適です（また、respond.jsを使用してIE 6-8のサポートを追加できます）。これらのスクリプトは、非同期ローダーではなく、従来の<script>タグを使用してロードするのが最適です。理想的には、それらはすべて1つのファイルに圧縮されます。

Modernizrは、.no-js CSSクラスのコンテンツを自動的に非表示にします。 .jsクラスを作成し、CSSファイルで非表示にし、必要なスクリプトが完了したらjavascriptで表示すると便利です。

<script>タグにjQueryとプラグインをロードする必要はありませんが、ロード時の認識には明らかに違いがあります。たぶん、いくつかの行動は数秒間はキックオフされませんが、まあまあです。 Btw、未定義の動作問題のFOUCやFlashを避けるため、jQueryのliveQueryプラグインは素晴らしいです。インライン加工も機能しますが、...