部署JavaScript 之 压缩代码 翻译完毕

TooBug · TooBug · commit 6c75fb7aea6e · 2013-01-24T23:01:22.000+08:00
diff --git a/chapter8.markdown b/chapter8.markdown
@@ -567,11 +567,26 @@ ttt&#23545;&#35937;&#32500;&#25252;&#30528;&#19968;&#20010;&#24050;&#32463;&#22635;&#36807;&#30340;&#21333;&#20803;&#26684;&#30340;&#21015;&#34920;ttt.played&#65292;&#24182;&#19988;&#23558;
 
 - &#22312;&#37096;&#32626;&#21069;&#22810;&#20102;&#19968;&#27493;&#25805;&#20316;&#65292;&#20294;&#36825;&#24456;&#23481;&#26131;&#20351;&#29992;&#21629;&#20196;&#34892;&#33258;&#21160;&#21270;&#24037;&#20855;&#26469;&#20570;&#65292;&#27604;&#22914;&#20351;&#29992;Linux/Unix&#30340;cat&#65306;
 
-	$ cat jquery.js jquery.quickselect.js jquery.limit.js > all.js
+		$ cat jquery.js jquery.quickselect.js jquery.limit.js > all.js
 - &#22833;&#21435;&#19968;&#20123;&#32531;&#23384;&#19978;&#30340;&#20415;&#21033;&mdash;&mdash;&#24403;&#20320;&#23545;&#26576;&#20010;&#25991;&#20214;&#20570;&#20102;&#19968;&#28857;&#23567;&#20462;&#25913;&#20043;&#21518;&#65292;&#20250;&#20351;&#24471;&#25972;&#20010;&#21512;&#24182;&#21518;&#30340;&#20195;&#30721;&#32531;&#23384;&#22833;&#25928;&#12290;&#25152;&#20197;&#27604;&#36739;&#22909;&#30340;&#26041;&#27861;&#26159;&#20026;&#22823;&#30340;&#39033;&#30446;&#35774;&#23450;&#19968;&#20010;&#21457;&#24067;&#35745;&#21010;&#65292;&#25110;&#32773;&#26159;&#23558;&#20195;&#30721;&#21512;&#24182;&#20026;&#20004;&#20010;&#25991;&#20214;&#65306;&#19968;&#20010;&#21253;&#21547;&#21487;&#33021;&#20250;&#32463;&#24120;&#21464;&#26356;&#30340;&#20195;&#30721;&#65292;&#21478;&#19968;&#20010;&#21253;&#21547;&#37027;&#20123;&#19981;&#20250;&#36731;&#26131;&#21464;&#26356;&#30340;&ldquo;&#26680;&#24515;&rdquo;&#12290;
 - &#20320;&#38656;&#35201;&#22788;&#29702;&#21512;&#24182;&#21518;&#25991;&#20214;&#30340;&#21629;&#21517;&#25110;&#32773;&#26159;&#29256;&#26412;&#38382;&#39064;&#65292;&#27604;&#22914;&#20351;&#29992;&#19968;&#20010;&#26102;&#38388;&#25139;all_20100426.js&#25110;&#32773;&#26159;&#20351;&#29992;&#25991;&#20214;&#20869;&#23481;&#30340;hash&#20540;&#12290;
 
 &#36825;&#23601;&#26159;&#20027;&#35201;&#30340;&#19981;&#20415;&#20043;&#22788;&#65292;&#20294;&#23427;&#24102;&#26469;&#30340;&#22909;&#22788;&#21364;&#26159;&#36828;&#36828;&#22823;&#20110;&#36825;&#20123;&#40635;&#28902;&#30340;&#12290;
 
+### &#21387;&#32553;&#20195;&#30721;
+
+&#31532;&#20108;&#31456;&#20013;&#65292;&#25105;&#20204;&#35752;&#35770;&#36807;&#20195;&#30721;&#21387;&#32553;&#12290;&#37096;&#32626;&#20043;&#21069;&#36827;&#34892;&#20195;&#30721;&#21387;&#32553;&#20063;&#26159;&#19968;&#20010;&#24456;&#37325;&#35201;&#30340;&#27493;&#39588;&#12290;
+
+&#20174;&#29992;&#25143;&#30340;&#35282;&#24230;&#26469;&#24819;&#65292;&#23436;&#20840;&#27809;&#26377;&#24517;&#35201;&#19979;&#36733;&#20195;&#30721;&#20013;&#30340;&#27880;&#37322;&#65292;&#22240;&#20026;&#36825;&#20123;&#27880;&#37322;&#26681;&#26412;&#19981;&#24433;&#21709;&#20195;&#30721;&#36816;&#34892;&#12290;
+
+&#21387;&#32553;&#20195;&#30721;&#24102;&#26469;&#30340;&#22909;&#22788;&#22810;&#23569;&#21462;&#20915;&#20110;&#20195;&#30721;&#20013;&#27880;&#37322;&#21644;&#31354;&#30333;&#30340;&#25968;&#37327;&#65292;&#20063;&#21462;&#20915;&#20110;&#20320;&#20351;&#29992;&#30340;&#21387;&#32553;&#24037;&#20855;&#12290;&#24179;&#22343;&#26469;&#35828;&#65292;&#21387;&#32553;&#21487;&#20197;&#20943;&#23569;50%&#24038;&#21491;&#30340;&#20307;&#31215;&#12290;
+
+&#26381;&#21153;&#31471;&#33050;&#26412;&#21387;&#32553;&#20063;&#26159;&#24212;&#35813;&#35201;&#20570;&#30340;&#20107;&#24773;&#12290;&#37197;&#32622;&#21551;&#29992;gzip&#21387;&#32553;&#26159;&#19968;&#20010;&#19968;&#27425;&#24615;&#30340;&#24037;&#20316;&#65292;&#33021;&#24102;&#26469;&#31435;&#26438;&#35265;&#24433;&#30340;&#36895;&#24230;&#25552;&#21319;&#12290;&#21363;&#20351;&#20320;&#27491;&#22312;&#20351;&#29992;&#20849;&#20139;&#30340;&#31354;&#38388;&#65292;&#20379;&#24212;&#21830;&#24182;&#27809;&#26377;&#25552;&#20379;&#37027;&#20040;&#22810;&#26381;&#21153;&#22120;&#37197;&#32622;&#30340;&#31354;&#38388;&#65292;&#22823;&#37096;&#20998;&#30340;&#20379;&#24212;&#21830;&#20063;&#20250;&#20801;&#35768;&#20351;&#29992;.htaccess&#37197;&#32622;&#25991;&#20214;&#12290;&#25152;&#20197;&#21487;&#20197;&#23558;&#36825;&#20123;&#21152;&#20837;&#21040;&#31449;&#28857;&#26681;&#30446;&#24405;&#30340;.htaccess&#25991;&#20214;&#20013;&#65306;
+
+	AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/javascript application/json
+
+&#24179;&#22343;&#19979;&#26469;&#21387;&#32553;&#20250;&#33410;&#30465;70%&#30340;&#25991;&#20214;&#20307;&#31215;&#12290;&#23558;&#20195;&#30721;&#21387;&#32553;&#21644;&#26381;&#21153;&#31471;&#21387;&#32553;&#21512;&#35745;&#36215;&#26469;&#65292;&#20320;&#21487;&#20197;&#26399;&#26395;&#20320;&#30340;&#29992;&#25143;&#21482;&#19979;&#36733;&#20320;&#20889;&#20986;&#26469;&#30340;&#26410;&#21387;&#32553;&#25991;&#20214;&#20307;&#31215;&#30340;15%&#12290;
+
+
 
 

-Original file line number
+Diff line change
 - 在部署前多了一步操作，但这很容易使用命令行自动化工具来做，比如使用Linux/Unix的cat：
 -	$ cat jquery.js jquery.quickselect.js jquery.limit.js > all.js
 +		$ cat jquery.js jquery.quickselect.js jquery.limit.js > all.js
 - 失去一些缓存上的便利——当你对某个文件做了一点小修改之后，会使得整个合并后的代码缓存失效。所以比较好的方法是为大的项目设定一个发布计划，或者是将代码合并为两个文件：一个包含可能会经常变更的代码，另一个包含那些不会轻易变更的“核心”。
 - 你需要处理合并后文件的命名或者是版本问题，比如使用一个时间戳all_20100426.js或者是使用文件内容的hash值。
 这就是主要的不便之处，但它带来的好处却是远远大于这些麻烦的。
 +### 压缩代码
++
 +第二章中，我们讨论过代码压缩。部署之前进行代码压缩也是一个很重要的步骤。
++
 +从用户的角度来想，完全没有必要下载代码中的注释，因为这些注释根本不影响代码运行。
++
 +压缩代码带来的好处多少取决于代码中注释和空白的数量，也取决于你使用的压缩工具。平均来说，压缩可以减少50%左右的体积。
++
 +服务端脚本压缩也是应该要做的事情。配置启用gzip压缩是一个一次性的工作，能带来立杆见影的速度提升。即使你正在使用共享的空间，供应商并没有提供那么多服务器配置的空间，大部分的供应商也会允许使用.htaccess配置文件。所以可以将这些加入到站点根目录的.htaccess文件中：
++
 +	AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/javascript application/json
++
 +平均下来压缩会节省70%的文件体积。将代码压缩和服务端压缩合计起来，你可以期望你的用户只下载你写出来的未压缩文件体积的15%。
++
++