確認・・・Dreamweaver cs4以降
■Dreamweaverのプレビューがクソ重い。■
原因1・・・cssのid,class名に「-(ハイフン)」を使っている。
id,class名に記号の上では「マイナス」と同じハイフンを使うと、Dreamweaverがこれをマイナス要素かどうかいちいちチェックするので遅くなる。
(ソース)
対処法・・・id,class名にハイフンを使わない。
ソースには「ハイフン」を「_(アンダーバー)」に差し替えるなどの対処法が書いてあるが、かなり古いブラウザの場合はアンダースコアさえ認識しない場合があるので、一応心に留めておく。
ちなみに僕はセレクタ名が長くなる場合はキャメルケースで書いてます。
wrapperLeftContainer
みたいな。
ただcssではIE5以下は大文字を解さないので、同じクラスタ名で大文字小文字の使い分けはできない。
原因2・・・背景にpng画像を繰り返し使用
よくbody背景にpng画像を繰り返し使用するが、これが透過だったりする場合、クソ重くなる。
対処法・・・デザインタイムスタイルシートを使う。
Dreamweaverのデザインタイムスタイルシートでbody背景を表示させない。
もちろんプレビューで背景は表示されないけど。
ちなみにデザインタイムスタイルシートは基本的にこちらが設定したcssより先に読み込まれるので、
!importantを使って強制的にデザインタイムスタイルシートを優先させる。