JS和CSS压缩部署,提高访问效率

一直想把项目中的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项目,也想进行压缩,就搞不定了。
------------------------------

  武汉九天鸟-武汉领先的移动互联网系统开发商

九天鸟问答-http://ask.jiutianniao.com

九天鸟博客-http://blog.jiutianniao.com

九天鸟官网-建设中,敬请期待

时间: 2024-10-02 10:31:57

JS和CSS压缩部署,提高访问效率的相关文章

简短的几句js实现css压缩和反压缩功能

写在前面 最近一直在整理css,但因为现在Visual Studio 2013太智能了,它每每在我按ctrl+E+D进行格式化代码的时候,就会将css进行层次格式化(如下图所示),而这个格式让我老大实在无法忍受,我老大认为它实在是太浪费空间了. 那我应该怎么办呢,每次将本地代码上传之前都打开另外一个vs10,然后复制粘贴,可是下次从服务器拉下来代码我一编辑,手痒一下就又变成上面这个鬼样,折磨的我呀 刚刚看了豪情的一篇文章,http://www.cnblogs.com/jikey/archive/

用了springmvc为何JS,CSS等文件就是访问不到

那就是为什么我配置好web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示了 我们来看看我们配置的web.xml 1 <!-- springMVC核心配置 controller,viewResolver,HandlerMapping --> 2 <servlet> 3 <servlet-name>dispatcherServlet</servlet-name> 4 <servlet-class>org.spri

通过热部署提高开发效率

为什么用热部署? 我现在走的是java后端路线,在平时做项目或练习时有一个很重要的问题就是,把项目部署到服务器后调试,进行java代码修改后大部分情况下要重启服务器或重新部署,当项目比较大的时候,重启时间都要个几分钟,大大降低开发效率,后来接触到了热部署,大大提高开发效率,使用jrebel每年可以省去部署用的时间花费高达5.25个星期. 热部署的几种方法 我使用过几种IDE,netbeans,eclipse,MyEclipse与Intell IDEA,我记得netbeans是可以自己实现热部署的

数据库压缩备份提高备份效率

背景 在数据库的备份过程中有很多参数,前几日发现公司的备份数据库job运行的很慢,就去研究了一下,发现都备份程序中都没有启用压缩,加上压缩以后有发现效率提高了不少,本篇就几个压缩相关的参数来看一下备份数据库的过程中如何提高备份的效率. 代码实现 为了更好了解数据库备份,我们首先要知道代码以及参数的含义. 普通代码: BACKUP DATABASE ‘备份数据库名称’ TO DISK = '地址+bak文件名称' ; 加快备份进度的几个关键参数: 1.BUFFERCOUNT--指定用于备份操作的

JS和CSS压缩混淆 JsCompressor

JsCompressor,主要用来压缩.混淆JS(Javascript)与CSS,基于YUI Compressor,目的是方便不熟悉Java或者不喜欢命令行方式进行压缩的Web开发者使用. 功能:1,可压缩.混淆整个目录(包括子目录)下的JS或者CSS文件,在同一个文件夹内生成*.min.js或者*.min.css.2,压缩.混淆.合并所有js或者css到一个文件,在当前选择的文件夹下自动生成allinone.min.js或者allinone.min.css.3,能上下调整顺序.移除后再进行压缩

Hosts文件实际应用 配置内部服务器提高访问效率和速度

一 hosts文件的作用和介绍 https://jingyan.baidu.com/article/335530da45485e19cb41c3d6.html https://www.cnblogs.com/Sungeek/p/5845797.html 这里有两个链接讲得比较全面 二 应用场景 如果在一个局域网部署了很多个应用服务,应用服务相互提供接口和服务,如果我们都按照互联网服务一样通过访问网络上的DNS域名解析,这样效率会很慢,我们通过hosts配置将域名直接映射到局域网的内部IP,通过局

grunt 合并压缩js和css文件(二)

具体node及文件配置请看: grunt 安装使用(一) 要压缩的文件 --src/ ajax.js assets.js touch.js zepto.js 目录结构: dist/ node_modules/ src/ Gruntfile.js package.json package.json是依赖库文件 Gruntfile.js是执行步骤程序 一.js合并压缩 第一次需要先安装grunt.执行 npm install -g grunt-cli 进行安装.如果已经安装,可以忽略. 1.pack

java Web程序使用wro4j合并、压缩js、css等静态资源

在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度,大大提升了用户体验. 所以,互联网各类网站,会通过各种手段,对静态文件进行合并.压缩,动静分离,使用CDN加速等.以此达到网站访问速度的优化.everycoding.com官网使用的是Java语言开发.因此使用了Java 方面的第三方Jar:wro4j来压缩Js.CSS.本文主要介绍Java We

开源作品-PHP写的JS和CSS文件压缩利器-SuMinify_PHP_1_5

前言: 网站项目需要引用外部文件以减小加载流量,而且第一次加载外部资源文件后,其他同域名的页面如果引用相同的地址,可以利用浏览器缓存直接读取本地缓存资源文件,而不需要每个页面都下载相同的外部资源文件.外部资源文件有一些是第三方插件,有一些是自己写的业务功能脚本,项目引用这些外部文件,需要把没有压缩过的第三方插件压缩后再引用,而自己的业务功能脚本,有的做成插件形式,引用一个功能脚本,需要同时引用若干个脚本文件,因此需要把这些脚本文件合并成一个压缩文件再引用,这样可以减少HTTP请求次数,减少这些外