速度改善じゃなくて最初の実装時に意識したいですね。。。
ページの調査
1.Google PageSpeed Insights
ページURLを入力することで、高速化するためのサイト改善のヒントが得られる。
すべての項目に対応する必要はないが、対応できる部分は対応することでサイトの高速化がはかれる。
すべての項目に対応する必要はないが、対応できる部分は対応することでサイトの高速化がはかれる。
javascript、jQuery編
1.scriptタグはbody要素の最後に
javascriptファイルの読み込み、解析時は他のファイルの読み込みや、ブラウザの描画が止まってしまうようなので、処理上問題がなければbody要素の最後(の直上に)配置するようにする。
2.javascriptファイルは出来る限り外部ファイルで作成する
HTMLファイルは毎回ダウンロードされるため、javascriptファイルは出来るだけ外部ファイルで作成し、キャッシュされるようすることで、HTMLのダウンロードサイズを減らすことができます。
ただし、javascriptファイルの更新時にキャッシュが残ってしまうため、パラメータを付与するなどjavascriptファイル更新時の対策を検討する必要があります。
ただし、javascriptファイルの更新時にキャッシュが残ってしまうため、パラメータを付与するなどjavascriptファイル更新時の対策を検討する必要があります。