JS和CSS压缩部署,提高访问效率
来源:互联网 发布:sql注入防止php 编辑:程序博客网 时间:2024/05/24 05:02
一直想把项目中的js和css压缩下,今天终于搞定了。
先说说几个注意的问题,目标影响着你对应的解决办法:
1.压缩后的文件,是否要直接覆盖旧的文件
2. 单个压缩文件重命名,还是整个目录换个名字,同时文件名称不变
3. 部署访问和切换问题
4.压缩后的,是否要上传到git等远程仓库里
比如
C:/js
a.js,a.css
方式一,直接覆盖,目录和文件名称,都不变化。
方式二,不覆盖,仍然在同一个目录下。
C:/js/a.min.js
方式三,换个目录,同名
C:/js2/a.js
------------------------------
开发过程中,可能习惯用 未压缩的,上线后希望用压缩的。
写这篇文章,真的很让人纠结,因为感觉场景太多了,想着好累。
------------------------------
压缩工具和方式有很多中:
方式一:使用yuicompress。可以用命令行的方式,比如java、nodejs等。
方式二:使用tbcompress,据说是淘宝根据yuicompress改造的。
方式三:直接用源码,在java程序中控制压缩的。
------------------------------
最后说说自己目前的方式:
1.本地Java项目中,有个压缩工具类。
把a目录下的所有css和js文件,压缩后,放到b目录下
2.a和b都被提交到git上
3.静态资源url是可变的。
frontStaticUrl=http://a.com:80/a
可以改成
frontStaticUrl=http://a.com:80/b
就实现了 原始文件和压缩版的切换
------------------------------
以上方式,不好的地方。
1.原始文件变化了,压缩文件也要再生成一次。
当然为了简单,只有在确定需要部署上线的时候,再执行压缩,提交到git上。
2.由于是程序的方式,对执行环境有了更高的要求。
比如,另外一个项目或者非java项目,也想进行压缩,就搞不定了。
------------------------------
先说说几个注意的问题,目标影响着你对应的解决办法:
1.压缩后的文件,是否要直接覆盖旧的文件
2. 单个压缩文件重命名,还是整个目录换个名字,同时文件名称不变
3. 部署访问和切换问题
4.压缩后的,是否要上传到git等远程仓库里
比如
C:/js
a.js,a.css
方式一,直接覆盖,目录和文件名称,都不变化。
方式二,不覆盖,仍然在同一个目录下。
C:/js/a.min.js
方式三,换个目录,同名
C:/js2/a.js
------------------------------
开发过程中,可能习惯用 未压缩的,上线后希望用压缩的。
写这篇文章,真的很让人纠结,因为感觉场景太多了,想着好累。
------------------------------
压缩工具和方式有很多中:
方式一:使用yuicompress。可以用命令行的方式,比如java、nodejs等。
方式二:使用tbcompress,据说是淘宝根据yuicompress改造的。
方式三:直接用源码,在java程序中控制压缩的。
------------------------------
最后说说自己目前的方式:
1.本地Java项目中,有个压缩工具类。
把a目录下的所有css和js文件,压缩后,放到b目录下
2.a和b都被提交到git上
3.静态资源url是可变的。
frontStaticUrl=http://a.com:80/a
可以改成
frontStaticUrl=http://a.com:80/b
就实现了 原始文件和压缩版的切换
------------------------------
以上方式,不好的地方。
1.原始文件变化了,压缩文件也要再生成一次。
当然为了简单,只有在确定需要部署上线的时候,再执行压缩,提交到git上。
2.由于是程序的方式,对执行环境有了更高的要求。
比如,另外一个项目或者非java项目,也想进行压缩,就搞不定了。
------------------------------
武汉九天鸟-武汉领先的移动互联网系统开发商
九天鸟问答-http://ask.jiutianniao.com
九天鸟博客-http://blog.jiutianniao.com
九天鸟官网-建设中,敬请期待
0 0
- JS和CSS压缩部署,提高访问效率
- gulp压缩js和css
- gulp压缩js和css
- webstorm 压缩js 和 css
- 提高页面相应速度之压缩优化js和css文件
- 提高页面相应速度之压缩优化js和css文件
- wordpress优化第一招 压缩css和js减少流量提高博客速度(尤其适用SAE)
- 使用Minify来压缩JS和CSS文件来提高网站性能
- grunt 压缩合并,压缩css和js
- 提高css渲染效率
- CSS :focus伪类和JS focus事件提高网站键盘可访问性
- 用GZIP压缩JS和CSS文件,使网站访问加速
- 使用PHP和GZip压缩网站JS/CSS文件加速网站访问速度
- Minify压缩和削减CSS和JS
- javaWeb客户端使用缓存过滤器服务器端使用gzip压缩提高访问效率
- 如何提高数据库访问效率
- 如何提高数据库访问效率
- 如何提高数据库访问效率
- LeetCode --- 106. Construct Binary Tree from Inorder and Postorder Traversal
- final关键字可以用来修饰类、方法、变量、参数,不能修饰抽象类和接口
- Combinations 全排列问题
- Android JNI ANT
- Perl一些技巧
- JS和CSS压缩部署,提高访问效率
- Launcher3壁纸功能分析
- [MFC] Combo Box两种模式下显示文本的设置
- bat putty shell 连携
- linux下实时查看tomcat运行日志
- 文章标题
- LeetCode --- 107. Binary Tree Level Order Traversal II
- HTTP Header 详解
- LeetCode --- 108. Convert Sorted Array to Binary Search Tree