アフィリエイト広告を利用しています

広告

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。
posted by fanblog

2018年09月21日

HTML、javascript、jQuery、css高速化あれこれ

速度改善を指示された時に調べたまとめ
速度改善じゃなくて最初の実装時に意識したいですね。。。
ページの調査

1.Google PageSpeed Insights
ページURLを入力することで、高速化するためのサイト改善のヒントが得られる。
すべての項目に対応する必要はないが、対応できる部分は対応することでサイトの高速化がはかれる。

javascript、jQuery編

1.scriptタグはbody要素の最後に
javascriptファイルの読み込み、解析時は他のファイルの読み込みや、ブラウザの描画が止まってしまうようなので、処理上問題がなければbody要素の最後(の直上に)配置するようにする。

2.javascriptファイルは出来る限り外部ファイルで作成する
HTMLファイルは毎回ダウンロードされるため、javascriptファイルは出来るだけ外部ファイルで作成し、キャッシュされるようすることで、HTMLのダウンロードサイズを減らすことができます。
ただし、javascriptファイルの更新時にキャッシュが残ってしまうため、パラメータを付与するなどjavascriptファイル更新時の対策を検討する必要があります。



ファン
検索
<< 2019年05月 >>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
最新記事
写真ギャラリー
最新コメント
タグクラウド
カテゴリーアーカイブ
月別アーカイブ
プロフィール
日別アーカイブ
×

この広告は30日以上新しい記事の更新がないブログに表示されております。