logoMemo クラウド環境でのメモ帳
CSSで、「@importを使うべきでない理由」という記事があった。ブラウザによって読み込む順番がちがったり、同時並行して読み込んだりするので、CSSで@importの順番に定義されていくわけではない。scriptの読み込みも、@importの後とは限らない。

@importを多用していると、不審な挙動をする原因になったり、パフォーマンスが低下する要因になったりする。そうとは知らず、styles.cssで共通的なCSSを6個もインポートしていた。面倒でも、各ページで必要なものだけを、<link>タグで呼び出したほうがいいそうだ。さらにいえば、CSSファイルの数は2~3以内にしたほうがいいということだ。

@import "/memo/default.css";
@import "/assets/css/bootstrap.css";
@import "/assets/mediabox/blog.css";
@import "/assets/fancybox/blog.css";
@import "/assets/css/flowplayer.css";
@import "/assets/css/custom.css";


不具合 BACK | HOME | ARCHIVE 旅の地図