CS6」カテゴリーアーカイブ

Webサイト表示を早くする方法をおさらい

高速化のおさらいまとめです。

JavaScript

圧縮する、リクエスト減らす(ファイルまとめる?)、JSのロード待たせないため</body>直前に<script>タグを書く

CSS

リクエスト減らす(ファイルまとめる?)
セレクタは右から左を心得る。
#nav li は、シンプルそうだが実は、
liを全て検索、その中から#navの子孫であるものを探す。
と大きくコストがかかる。→どうする???
.navとしたほうがレンダリングは早いかもしれない、
しかし人間が管理していく以上は、
#nav liとしたほうが良さそう、さてどれくらいのコストの違いがあるのだろうか。。。。。。

メモ(ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール より)

ルール1 : HTTPリクエストを減らす
ルール2 : CDNを使う
ルール3 : Expiresヘッダを設定する
ルール4 : コンポーネントをgzipする
ルール5 : スタイルシートは先頭に置く
ルール6 : スクリプトは最後に置く
ルール7 : CSS expressionの使用を控える
ルール8 : JavaScriptとCSSは外部ファイル化する
ルール9 : DNSルックアップを減らす
ルール10 : JavaScriptを縮小化する
ルール11 : リダイレクトを避ける
ルール12 : スクリプトを重複させない
ルール13 : ETagの設定を変更する
ルール14 : Ajaxをキャッシュ可能にする