この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。
広告
posted by fanblog
2018年09月21日
HTML、javascript、jQuery、css高速化あれこれ
速度改善を指示された時に調べたまとめ
速度改善じゃなくて最初の実装時に意識したいですね。。。
速度改善じゃなくて最初の実装時に意識したいですね。。。
ページの調査
１．Google PageSpeed Insights
ページURLを入力することで、高速化するためのサイト改善のヒントが得られる。
すべての項目に対応する必要はないが、対応できる部分は対応することでサイトの高速化がはかれる。
すべての項目に対応する必要はないが、対応できる部分は対応することでサイトの高速化がはかれる。
javascript、jQuery編
１．scriptタグはbody要素の最後に
javascriptファイルの読み込み、解析時は他のファイルの読み込みや、ブラウザの描画が止まってしまうようなので、処理上問題がなければbody要素の最後（の直上に）配置するようにする。
２．javascriptファイルは出来る限り外部ファイルで作成する
HTMLファイルは毎回ダウンロードされるため、javascriptファイルは出来るだけ外部ファイルで作成し、キャッシュされるようすることで、HTMLのダウンロードサイズを減らすことができます。
ただし、javascriptファイルの更新時にキャッシュが残ってしまうため、パラメータを付与するなどjavascriptファイル更新時の対策を検討する必要があります。
ただし、javascriptファイルの更新時にキャッシュが残ってしまうため、パラメータを付与するなどjavascriptファイル更新時の対策を検討する必要があります。
