JavaScriptとCSSを1ファイルに

Posted 2014年7月17日 by uchida & filed under いろいろ.

フロントエンドの最適化手法の１つにJavaScriptやCSSのファイルを１つに結合するというのがあるので、ついでにJavaScriptとCSSを１つファイルにまとめてみました。

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="test.cjs"> </head> <body> <script src="test.cjs"></script> </body> </html><!--/* document.write('hello'); /*/ body { background-color: red; } //*/

非標準ですが大抵のJavaScriptエンジンの実装では<!–が1行コメントになることを利用してJavaScriptとCSSを切り替えてます。確認したとこIE8、Firefox33、Chrome37では意図通りに動作しました。IE11ではMIMEタイプが違うといわれてCSSが適用されませんでした。

思いつきなんで効果の程は知りません。

月	火	水	木	金	土	日
« 4月
						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

JavaScriptとCSSを1ファイルに

関連文書:

著者一覧

カテゴリー

アーカイブ

最近の投稿

最近のコメント

メタ情報

公式リンク