ページに動的にロードする の方法があることを知っていますが、コードを圧縮してさらに高速にロードしたい場合、どうすればよいですか?
JavaScriptコードの圧縮には Google Closure Compiler を強くお勧めします。私は個人的に使用していますが、jQueryプロジェクトで使用される公式のコンプレッサーでもあります。
このプロジェクトは非常に多くのことができますが、基本は次のとおりです。
Java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
gzip を使用します。
Justin Etheredgeの SquishIt プロジェクトを使用します。すばらしい!ただし、asp.netのみ。
squishitブログ投稿の紹介 を読んでください。
単一の<script>
タグと単一の<link>
タグをレンダリングするサンプルコードを次に示します。どちらも、結合および縮小されたJS/CSSファイルを指します。
<%= Bundle.JavaScript()
.Add("~/js/jquery-1.4.2.js")
.Add("~/js/jquery-ui-1.8.1.js")
.Render("~/js/combined_#.js")
%>
<%= Bundle.Css()
.Add("~/css/reset.css")
.Add("~/css/text.css")
.Add("~/css/960.css")
.Render("~/css/combined_#.css")
%>
JavaScriptとCSSを圧縮/縮小するための非常に人気のあるツールがいくつかあります。
すべてが非常に強力です-それらの比較は非常に簡単に見つけることができます。すべてがコマンドラインツールであるため、Webサイトを構築または公開するときに、簡単に実行に簡単に統合できます。
また、これらのツールを実行する多くのWebサイトを見つけることもできます。これにより、インストール/設定の時間を節約できます。これは、コマンドラインツールの使用に慣れていない場合にも役立ちます。
個人的には、私はいつも YUI Compressor を使用しています。
このJSとCSSのミニファイナーの比較をチェックして、あなたに最適なものを選択してください-
これはYUI圧縮アルゴリズムを使用します:
すべてのjavascriptを単一のファイルに追加し、jsmin(http://www.crockford.com/javascript/jsmin.html)などで圧縮します。 CSSに対してもこれを行いますが、別の圧縮手法を使用します(空白を削除します)。これは退屈な繰り返しタスクであるため、これを行うスクリプトが用意されています。 Djangoを使用し、Djangoアセットを使用してこのプロセスを完全に自動化します。
Javascriptファイルのサイズを圧縮する場合は、 packer を使用できます。