上线前用 JSMin 压缩你的 JavaScript 档案

最新推荐文章于 2023-12-25 10:26:50 发布
最新推荐文章于 2023-12-25 10:26:50 发布
阅读量880 收藏
点赞数
分类专栏： Web开发 文章标签： javascript browser include 工具 c

上线前用 JSMin 压缩你的 JavaScript 档案

 

< type="text/javascript">


在网页中动态载入的 JavaScript 对于页面显示的速度影响甚多，不得不注意！

尤其是很多人习惯把 JavaScript include 写在 <head> 区块中，这样一来最大的问题就是 Browser 必须要等到 JavaScript 全部读完后才会开始显示网页，如果你像信义房屋这样，读一个首页要下载 18 个 JavaScript 外部档且「没有大频宽」的话，首页就要等这 18 个 JavaScript 下载完才会开始显示网页，在这之前使用者就只会看到白白的一片画面！

所以我有两个建议：

1. 建议尽量将 JavaScript 摆在 </body> 之前

2. 建议将所有外部的 JavaScript 档案都先「瘦身」过！

    至于瘦身的话，我是习惯用 JSMin 这个工具，在上线前跑一个自己写的批次档将所有 *.js 档压缩过再传到网站上，这样至少可以减少一些档案下载的时间。

    你可到这个网站 ( http://www.crockford.com/javascript/jsmin.html ) 下载 jsmin.exe 档，使用方法是：

     C:/> jsmin.exe < fulljslint.js > jslint.js

    这样就可以将 fulljslint.js 压缩后储存到 jslint.js 档案了，但要切记不要输入与输出用相同的档名，这会把你的档案内容给清空！！

    而我自己是写了一组 Batch 档 (*.bat) 做批次压缩的动作。

    第一支：RunJSMin.bat  ( 下列的档案请换成你们自己的 js 档 )

        @echo off

        SET JSDir=Website/js

        CALL JsMinfy.bat %JSDir% common.js
        CALL JsMinfy.bat %JSDir% debug.js
        CALL JsMinfy.bat %JSDir% flashfix.js
        CALL JsMinfy.bat %JSDir% jquery.cookie.js
        CALL JsMinfy.bat %JSDir% png_transparent.js
        CALL JsMinfy.bat %JSDir% swfobject.js

    第二支： JsMinfy.bat

        @REM 此档是给 RunJSMin.bat 呼叫用的
        @REM 第一个参数是要压缩的 JavaScript 所在目录
        @REM 第二个参数是要压缩的 JavaScript 档名

        set DirName=%1
        set FileName=%2

        jsmin.exe < %DirName%/%FileName% > %DirName%/compressed.%FileName%
        del /F %DirName%/%FileName%
        ren %DirName%/compressed.%FileName% %FileName%

< type="text/javascript">


本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ChaoYang0502/archive/2009/12/21/5048473.aspx

shangpusp
关注
专栏目录
JavaScript奇技淫巧45招
刺心的博客
08-01 159
JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成...
前端gulp工具的使用方法及常用插件
zj030920的博客
03-21 690
gulp插入使用方法
JSMin（javaScript文件压缩）
04-24
由Douglas Crockford创建的JSMin是一个筛选程序，用于JavaScript文件中删除注释和不必要的空格。这个程序通常能够使文件大小减半，从而节省下载时间。 压缩包里包含了用C写的源码，及可执行程序 由于看到三条评论说没有用，在里我必须说明一下，下面那三个白痴肯定没学过c语言，更没用过c编译好的.exe文件。 以下是c里的源码大家可以先看觉得可用再下 #include <stdlib.h> #include <stdio.h> static int theA; static int theB; static int theLookahead = EOF; /* isAlphanum -- return true if the character is a letter, digit, underscore, dollar sign, or non-ASCII character. */ static int isAlphanum(int c) { return ((c >= 'a' && c <= 'z') || (c >= '0' && c <= '9') || (c >= 'A' && c <= 'Z') || c == '_' || c == '$' || c == '\\' || c > 126); } /* get -- return the next character from stdin. Watch out for lookahead. If the character is a control character, translate it to a space or linefeed. */ static int get() { int c = theLookahead; theLookahead = EOF; if (c == EOF) { c = getc(stdin); } if (c >= ' ' || c == '\n' || c == EOF) { return c; } if (c == '\r') { return '\n'; } return ' '; } /* peek -- get the next character without getting it. */ static int peek() { theLookahead = get(); return theLookahead; } /* next -- get the next character, excluding comments. peek() is used to see if a '/' is followed by a '/' or '*'. */ static int next() { int c = get(); if (c == '/') { switch (peek()) { case '/': for (;;) { c = get(); if (c <= '\n') { return c; } } case '*': get(); for (;;) { switch (get()) { case '*': if (peek() == '/') { get(); return ' '; } break; case EOF: fprintf(stderr, "Error: JSMIN Unterminated comment.\n"); exit(1); } } default: return c; } } return c; } /* action -- do something! What you do is determined by the argument: 1 Output A. Copy B to A. Get the next B. 2 Copy B to A. Get the next B. (Delete A). 3 Get the next B. (Delete B). action treats a string as a single character. Wow! action recognizes a regular expression if it is preceded by ( or , or =. */ static void action(int d) { switch (d) { case 1: putc(theA, stdout); case 2: theA = theB; if (theA == '\'' || theA == '"') { for (;;) { putc(theA, stdout); theA = get(); if (theA == theB) { break; } if (theA == '\\') { putc(theA, stdout); theA = get(); } if (theA == EOF) { fprintf(stderr, "Error: JSMIN unterminated string literal."); exit(1); } } } case 3: theB = next(); if (theB == '/' && (theA == '(' || theA == ',' || theA == '=' || theA == ':' || theA == '[' || theA == '!' || theA == '&' || theA == '|' || theA == '?' || theA == '{' || theA == '}' || theA == ';' || theA == '\n')) { putc(theA, stdout); putc(theB, stdout); for (;;) { theA = get(); if (theA == '[') { for (;;) { putc(theA, stdout); theA = get(); if (theA == ']') { break; } if (theA == '\\') { putc(theA, stdout); theA = get(); } if (theA == EOF) { fprintf(stderr, "Error: JSMIN unterminated set in Regular Expression literal.\n"); exit(1); } } } else if (theA == '/') { break; } else if (theA =='\\') { putc(theA, stdout); theA = get(); } if (theA == EOF) { fprintf(stderr, "Error: JSMIN unterminated Regular Expression literal.\n"); exit(1); } putc(theA, stdout); } theB = next(); } } } /* jsmin -- Copy the input to the output, deleting the characters which are insignificant to JavaScript. Comments will be removed. Tabs will be replaced with spaces. Carriage returns will be replaced with linefeeds. Most spaces and linefeeds will be removed. */ static void jsmin() { theA = '\n'; action(3); while (theA != EOF) { switch (theA) { case ' ': if (isAlphanum(theB)) { action(1); } else { action(2); } break; case '\n': switch (theB) { case '{': case '[': case '(': case '+': case '-': action(1); break; case ' ': action(3); break; default: if (isAlphanum(theB)) { action(1); } else { action(2); } } break; default: switch (theB) { case ' ': if (isAlphanum(theA)) { action(1); break; } action(3); break; case '\n': switch (theA) { case '}': case ']': case ')': case '+': case '-': case '"': case '\'': action(1); break; default: if (isAlphanum(theA)) { action(1); } else { action(3); } } break; default: action(1); break; } } } } /* main -- Output any command line arguments as comments and then minify the input. */ extern int main(int argc, char* argv[]) { int i; for (i = 1; i < argc; i += 1) { fprintf(stdout, "// %s\n", argv[i]); } jsmin(); return 0; }
JSMin的用法
简生的代码备忘录
12-14 2418
http://www.crockford.com/javascript/jsmin.zip 在上面的链接下载使用与MS-DOC的文件， 下载完成后运行cmd，然后在命令提示符输入：C:\jsmin.exe C:\after.js C:\jsmin.exe 为jsmin.exe的位置； C:\before.js 为需要压缩的文件位置和文件名； C:\after.js 为压缩后的文件
【转】用jsmin批量压缩JS的批处理文件
aidenliu的专栏
06-15 3166
在網頁中動態載入的 JavaScript 對於頁面顯示的速度影響甚多，不得不注意！尤其是很多人習慣把 JavaScript include 寫在 區塊中，這樣一來最大的問題就是 Browser 必須要等到 JavaScript 全部讀完後才會開始顯示網頁，如果你像信義房屋這樣，讀一個首頁要下載 18 個 JavaScript 外部檔且「沒有大頻寬」的話，首頁就要等這 18 個 JavaS
JSMin js注释清理及压缩工具下载
02-24
JSMin js注释清理及压缩工具下载
jsmin javascript压缩工具
04-08
总的来说，jsmin工具和相应的批处理脚本是Web开发者在项目上线前优化性能的重要辅助工具。它们可以帮助开发者轻松地压缩JavaScript代码，减小文件大小，从而加快网页加载速度，提升用户体验，同时节省了开发者的时间...
Gulp的安装以及使用
Lee_Morphine的博客
03-20 1478
第三方模块 Gulp安装及项目中使用 gulp是基于node平台开发的前端构建工具。 gulp是一个JavaScript程序，并且它的指令使用的也是JavaScript语言，所以gulp通常是前端开发人员自动 化处理日常任务的首选工具任务（作用）：1.项目上线时对HTML、CSS、JavaScript文件合并、压缩。 2.将ES6语法转换为ES5语法以便代码在较旧的浏览器中运行。 gulp允许开发者将机械化的操作编写成任务，在命令行输入相关的任务名称就能执行机械化操作，从而 提高开发效率。
node.js学习（1）
weixin_50515020的博客
10-01 176
模块化开发 它能解决JavaScript的弊端，JavaScript在使用的时候存在两大问题，文件依赖和命名冲突 文件依赖举例来说，你想要引用一个js文件，但发现没效果，一顿分析后发现，这个js文件又引了另一个js文件，以此继续套娃。过程太繁琐了，会有想辞职的冲动！ 命名冲突会导致代码覆盖的问题。、 模块化开发中一个功能就是一个模块，多个模块可以组成完整的应用，抽离一个模块不会影响其他功能运行。 模块化开发规范 Node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数
jsmin.exe 脚本压缩工具
10-25
简易无损压缩脚本工具，将它和要压缩的脚本1.js放在同一目录下，在dos下转到该目录执行命令： jsmin <1.js> 2.js 回车后，在该目录下出现的2.js就是被压缩的脚本
jsmin js 压缩工具 javascript 压缩工具
03-30
第一次上传资源，非常好用的js压缩工具，附带使用说明
javascript 压缩 JSMin
03-01
博文链接：https://gui1401.iteye.com/blog/194523
JS文件压缩min文件
09-12
JS压缩成min格式的工具，亲测可以使用。直接导入js文件点击压缩即可。 欢迎评论
jsmin的使用
Char_CN的专栏
03-12 454
命令提示符输入：C:\jsmin.exe C:\after.js C:\jsmin.exe 为jsmin.exe的位置； C:\before.js 为需要压缩的文件位置和文件名； C:\after.js 为压缩后的文件位置和文件名 必须填写绝对路径，js文件的编码最好为utf-8。 使用JSMin压缩js文件，文件必须符合JSLint的编写风格，不然容易出现错误。   JSMin的压
jsmin 使用方法
weixin_33759269的博客
12-30 164
在window下，cmd进入console。 在对应文件夹下使用 test.js 为原文件， it.js是压缩生成的文件。 转载于:https://www.cnblogs.com/yymblog/p/5089458.html
js 文件压缩-jsmin简介
心灵净土
07-29 2272
在做web性能优化的时候，常常会遇到压缩js css 的情况。简单的压缩原理无非是去除空格，注释之类的东东。自己开发个耗时又耗神，那咱就从网上找吧。呵呵，功夫不负有心人。百度之后，搜索到两个链接：        http://www.crockford.com/javascript/jsmin.html  压缩工具jsmin        http://www.jslint.com/  j
IDEA把css/js压缩成一行min文件，idea实现右键压缩css和js文件
weixin_43992507的博客
06-10 3379
IDEA把css/js压缩成一行min文件，idea实现右键压缩css和js文件
js生成min.js方法（在线生成与本地生成）
最新发布
weixin_45131680的博客
12-25 1583
切换到项目js文件所在目录，或在目录中按住Shift键同时点右键选择。uglifyjs -v 显示uglify-js版本号。
PHP实现CSS/JS文件多文件压缩示例与jsmin类应用
首先，在HTTP头中设置输出类型为JavaScript，然后使用`require`加载`jsmin.php`，该文件是jsmin库的PHP实现。接下来，通过`file_get_contents()`读取两个JS文件（如"common.js"和"common2.js"），并将它们的内容传递...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值