☰

Javascript と CSS ファイルのサイズを縮小する最良の方法は何ですか? 質問する

tag-icon • tag-icon javascript css jscompress
Javascript と CSS ファイルのサイズを縮小する最良の方法は何ですか? 質問する

大きな Javascript ファイルや CSS ファイル、または多数の Javascript ファイルや CSS ファイルを扱う場合、ファイル サイズを縮小する最適な方法は何ですか?

ベストアンサー1

サーバー側での圧縮に加えて、インテリジェントなコーディングを使用することが帯域幅コストを低く抑える最善の方法です。次のようなツールをいつでも使用できます。ディーン・エドワードのJavascriptパッカーただし、CSSについては時間をかけて学習してくださいCSS ショートハンド例えば、次のように使用します。

background: #fff url(image.gif) no-repeat top left;

...の代わりに：

background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left;

また、CSS のカスケード特性も活用してください。たとえば、サイトで 1 つのフォント ファミリを使用することがわかっている場合は、次のように body タグ内のすべての要素に対してそれを定義します。

body{font-family:arial;}

役立つもう 1 つの方法は、CSS と JavaScript をインラインまたは各ページの先頭ではなくファイルとして含めることです。こうすることで、ブラウザーがキャッシュからアクセスした後、サーバーはブラウザーにそれらを 1 回だけ提供すれば済みます。

Javascriptを含む

<script type="text/javascript" src="/scripts/loginChecker.js"></script>

CSSを含める

<link rel="stylesheet" href="/css/myStyle.css" type="text/css" media="All" />

おすすめ記事