難易度 ★★★★すごく大変 概要 ブラウザは、Javascriptで書かれているコードをパース（プログラムで扱えるようなデータに変換すること）します。Javascriptの実行が必要とされるまでパースを遅らせることで、ページ表示には必要のないレンダリング（画面に表示…

難易度 ★すごく簡単 概要 対応方法は大きく3つあります。 htmlに直接インラインで記述する 小さなJavascriptは他のJavascriptと合わせる WordPressプラグイン – Head Cleanerの「CSS と JavaScript を、サーバ上にキャッシュする → 複数の JavaScript を結合…

難易度 ★すごく簡単 概要 CSSファイルの改行やコメントアウトを消して、ファイルサイズを減らすことで、CSSの読み込み時間がちょっと短くなるよ。っていう試作です。 [css].menu{ font-size:1em; width:100%; } .sub{ font-size:0.8em; width:80%; }[/css] ↓…

難易度 ★すごく簡単 概要 CSSを最初に読み込み、Javascriptは後から読み込む。ブラウザは一つのホストに対し、複数の同時接続が可能だが、Javascript同士の並列ダウンロードは行えないみたい。CSSとJavascriptの読み込みがあべこべだと、CSSの並列ダウンロー…

難易度 ★すごく簡単 概要 CSS（外部CSS、インラインスタイル両方とも）はheadの中で読み込んでね。ということです。CSSが一番最初に読み込まれることで、ブラウザのプログレッシブレンダリング（Javascritpの処理の実行より、デザインなど、視覚的な部分をな…