`
wxinpeng
  • 浏览: 581654 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

压缩 js脚本 或 css样式表

阅读更多

JS文件或CSS文件写的过多或过大,会影响你的网站的运行速度,这时需要把你的JS脚本或CSS样式表进行压缩。

 

使用雅虎的YUIcompressor工具完成压缩。此工具基于java编写,需要JDK1.4以上的支持。

 

 

用法:

1,双击install.cmd 完成安装,如想卸载,双击uninstall.cmd

2,此工具基于java编写,需要jdk1.4以上。如没有请安装java jdk

3,设置java环境变量:

4,这时选中你要压缩的jscss文件,单击鼠标右键 出现  process with YUICompressor , 单击,即可压缩。

 

以上为 windos下的用法。主要是简化了YUIcompressor的用法。

上传的工具压缩包中有使用说明。

 

liunx下请直接去YUI下载配置使用。地址 :http://developer.yahoo.com/yui/compressor/

分享到:
评论

相关推荐

    MVC开发人员必须拥有的五大工具.doc

     过去,在将JavaScript脚本和CSS文件部署到Web服务器之前,我习惯使用压缩工具进行压缩再部署,安装Chirpy后,你的脚本和CSS文件将会基于其名字自动压缩,例如,假设你有一个名叫myscript.js的脚步文件想要压缩,...

    minify-maven-plugin:缩小js,css,html

    组合文件是一种通过将所有脚本组合成一个脚本,并类似地将所有CSS组合成一个样式表来减少HTTP请求数量的方法。 当脚本和样式表在页面之间变化时,合并文件更具挑战性,但是将其作为发布过程的一部分可以缩短响应...

    Minifier:Minifier是使用Qt的GUI应用程序。 它旨在帮助Web开发人员完成SEO任务

    因此,该软件是一种工具,该工具能够简单,自动地压缩JavaScript脚本和CSS样式表,从而简化和简化Web开发人员的操作。 该软件还必须允许压缩和转换JPG格式的图像,从而避免它们通过照片编辑器。描述代码压缩器因此...

    JavaScript权威指南(第6版)中文版pdf+源代码

     16.6 脚本化样式表436  第17章 事件处理440  17.1 事件类型442  17.2 注册事件处理程序451  17.3 事件处理程序的调用454  17.4 文档加载事件459  17.5 鼠标事件461  17.6 鼠标滚轮事件465  17.7 拖放事件...

    前端工程师技能精髓

    第5章:将样式表放在顶部 第6章:将脚本放在底部 第7章:避免CSS表达式 第8章:使用外部JavaScript和CSS 第9章:减少DNS查找 第10章:精简JavaScript 第11章:避免重定向 第12章:移除重复脚本 第13章:配置ETag

    generator-devpress:Wordpress 的 Yeoman 生成器,包括自动数据库设置、高级自定义字段的下载和安装、第三方主题的安装选项和用于最小化 CSSJS 和压缩图像的 grunt 脚本

    Wordpress 的 Yeoman 生成器,包括自动数据库设置、高级自定义字段的下载和安装、Yoast SEO 的下载和安装、第三方主题的安装选项以及用于最小化 CSS/JS 和压缩图像的 grunt 脚本。 该生成器将: 设置 Grunt(将 ...

    kompressor:刮取指定的索引文件,缩小并连接它的静态 jscss 资产

    Kompressor 使用 jsdom 库来抓取指定的索引页面脚本和样式表。 然后它使用指定的程序来缩小(kompress)每个文件并将输出通过管道传输到指定的输出文件中。 默认情况下,kompressor 使用 Yahoo 的 yuicompressor ...

    asset-pipeline:将您的本地CSS,Sass,Javascript和Coffeescript文件添加到Octopress Ink的资产管道

    将样式表(CSS和Sass)和Java脚本(JS和Coffeescript)组合并压缩和指纹化为单个经过指纹处理的.css或.js文件。 工作原理:此插件将自动从您的站点读取.js,.coffee,.css,.scss和.sass文件,对其进行合并,压缩和...

    retinize:基于脚本的高像素密度支持工具

    请注意,在“ Retinize.support”行中,您可以指定要支持的像素密度及其相关的样式表。 < script src =" retinize.js " type =" text/javascript " > </ script >< script type =" text/javascript ...

    基于SpringBoot+Vue的电商应用系统的设计与实现.zip

    静态资源:可能包括图片、CSS样式表、JavaScript脚本以及其他用于美化界面和增强用户体验的资源文件。文档说明:通常会提供README文件或者文档文件夹,其中包含了系统部署说明、功能描述、代码结构解读以及如何进行...

    《SenchaTouch权威指南》源代码-

    4.第十五章的15-42子文件夹与“第十六章”子文件夹中均包含MVC模式的应用程序在产品正式运行阶段使用的运行时版本(在production子文件夹中),其中包括了各种图片资源文件与CSS样式文件,可在Web服务器中独立运行,...

    基于springboot框架的网上商城系统的设计与实现.zip

    静态资源:包括CSS样式表、JavaScript脚本、图片和字体文件等,这些资源用于构建前端用户界面,提供良好的用户体验。文档说明:可能会包含README.md或其他文档文件,对项目的使用方法、功能特性、开发环境要求等进行...

    基于 HTML5 +JavaScript 网页塔防游戏

     /css 样式表  /js JavaScripts 源文件  /tools 小工具、脚本    作弊方法:为方便测试,本游戏内置了几个作弊方法,如下:  1.增加 100 万金钱:[removed]_TD.cheat="money+";void(0);  2.难度增倍:...

    高性能网站建设指南:前端工程师技能精髓

    第5章规则5——将样式表放在顶部 第6章规则6——将脚本放在底部 第7章规则7——避免CSS表达式 第8章规则8——使用外部和CSS 第9章规则9——减少DNS查找 第10章规则10——精简JavaScript 第11章规则11——避免重定向 ...

    frontend-scaffold:使用 gulp 自动化开发例程

    脚本和样式表的源映射; 精灵生成器(精灵表或 base64,视网膜)。 准备 安装依赖: npm install 用法 目录结构 src ├── styles ├── templates ├── scripts ├── fonts ├── images | └── ...

    web_optimization_project:Udacity的Web优化项目

    在CSS样式表中添加了媒体属性– 54/100(移动)61/100(桌面) 使用Imagemagick cli压缩/优化的图像– 75/100(移动)88/100(台式) 精简CSS / JS – 75/100(移动设备)88/100(台式机) 删除了Google字体并...

    高性能网站建设指南2 中文版 高性能网站建设指南(中文版)

     •将样式表放在顶部 •移除重复脚本  •将脚本放在底部 •配置ETag  •避免CSS表达式 •使Ajax可缓存  如果你希望构建高流量页面,并且改善用户访问网站的体验,那么本书是你不可或缺之物。  Steve Souders,...

    高性能网站建设指南1

     •将样式表放在顶部 •移除重复脚本  •将脚本放在底部 •配置ETag  •避免CSS表达式 •使Ajax可缓存  如果你希望构建高流量页面,并且改善用户访问网站的体验,那么本书是你不可或缺之物。  Steve Souders,...

Global site tag (gtag.js) - Google Analytics