BlueHost Gzip优化JS和CSS传输
Bluehost是美国一个著名的主机商,以稳定性著称,全球有超过100万个网站托管在那里详细的介绍可以看鱼叔的介绍。我使用Bluehost已经有差不多两个月了,从刚开始购入这款主机起我一直断断续续地对我的博客进行优化,使页面的打开速度能得到提升。Bluehost对页面传输的优化比较怪,html文件默认是进行Gzip进行压缩的,但对CSS和JS文件不进行压缩,自己也不可以通过.htaccess文件让mod_deflate对CSS和JS文件进行压缩。今天我们只需要使用mod_rewrite提供的功能就可以实现全站CSS和JS压缩。
1.使用Minify库进行压缩
Minify是Google Code上的一个开源项目(具体介绍可以看这个页面),作者整合了国外多个专家的研究成果,形成了一个功能强大的库,有很多大型站点也在使用这个库进行压缩。
使用方法
首先下载Minify的最新版本,把压缩包里的min目录上传到站点根目录,然后打开.htaccess编写rewrite rule:
<ifmodule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^(.*\.(css|js))$ min/index.php?f=$1&debug=0 [L,NC]
</ifmodule>
2.使用Combine.php进行压缩
Combine.php是一个不知名的国外开发者写的一个小程序,同样可以压缩站点的CSS和JS文件,但与Minify相比Combine.php是超轻量级的,整个文件只有不到5K大小,大家可以点击这里下载。下载后把文件上传到网站根目录,然后编写rewrite rule:
<ifmodule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^css/(.*\.css) /combine.php?type=css&files=$1
RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&files=$1
</ifmodule>
后记
这两个方法大家选其一使用,两个方法都是在服务器对所有CSS和JS先进行整合再传输,效率是比较高的,而且这两个方法也适合其他不能直接通过mod_deflate进行压缩的主机。下面是我优化前后的对比。
使用Gzip压缩前文章页面的JS文件总体积达到100+K之巨。
使用Gzip压缩以后同一个页面的JS总体积已经被压缩到不足40K。虽然效果不及采用mod_deflate好,但我为了减少服务器负载只进行了轻度压缩,两个方法对于没有mod_deflate的主机来说是个折中的方法。
关于Bluehost降低服务器负担的方法可以看胡老板的《BlueHost/HostMonster修改文件上传大小限制和内存不足》或Google其它优化技巧,我要说的是:Bluehost是一款非常耐玩的主机。
转自:http://blog.imbolo.com/bluehost-gzip/
BlueHost Gzip优化JS和CSS传输相关推荐
- 性能优化--JS、CSS压缩合并
在前台性能优化过程中,减少HTTP请求数量,就可以减少与服务器交互次数,从而很好的提高系统性能,此次通过实践,网络查阅资料,发现两种压缩合并js和css的方式:combres和BundleConfig ...
- 前端性能优化之gzip压缩(压缩js、css、HTML,千万不能压缩图片!)
gzip主要用来压缩html,css,javascript等静态文本文件,gzip 压缩的比率通常在3~10 倍之间,压缩后的体积能达到只有原本的30%左右,这样就能大大节省服务器的网络带宽和大大提升 ...
- html修改原生checkbox选中的颜色_[三分钟小文]前端性能优化-HTML、CSS、JS部分
阅读本文您将收获: 性能优化的整体思路 在HTML.CSS.JavaScript层级的性能优化 为什么要进行性能优化 用户: 提升用户体验,改善页面性能 开发者: 体现公司意志和开发人员技能 性能优化 ...
- php gizp压缩传输js和css文件 - PHP
实例: <?php/*** 完整调用示例:* 1.combine.php?t=j&b=public&fs=jslib.jquery,function* * 该例子调用的是< ...
- [前端优化]使用Combres合并对js、css文件的请求
在前端优化的各种金律铁规中,"减少客户端对资源的请求"都会在其中出现,刚好最近对网站做一些优化,使用了一下Combres组件,有点心得,遂整理成文. 园子中也有几篇Combres组 ...
- web性能优化 JS/CSS CDN加速公共库
CDN的全称是Content Delivery Network,即内容分发网络.其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快.更稳定.通过在网络各处放置节 ...
- 性能优化之YUICompressor压缩JS、CSS
性能一直是项目中比较重要的一点,尤其门户网站,对页面的响应要求是很高的,从性能角度上来讲,对于Web端的优化其中重要的一点无疑是JS.CSS文件压缩,图片的融合,尽量减小文件的大小,必免占加载时占用过 ...
- 压缩js和css, IIS开启Etags, IIS开启Gzip
我们在前端页面性能调优时,经常会压缩js和css,下面列出几个比较好用的在线工具. http://www.jb51.net/tools/jsmin/index.htm http://javascrip ...
- RequireJs按需要加载angular模块和依赖,并且用r.js压缩打包js和css文件实现加载优化(图文)。
RequireJS 是一个JavaScript模块加载器,使用RequireJS加载模块化脚本将提高代码的加载速度和质量.而且能保证其他依赖angular插件前提下才能使用的组件比如像自定义的指令和路 ...
最新文章
- 有没有办法检查`null`和`undefined`?
- jQuery 分类导航菜单条点击变色
- 【嵌入式开发】C语言 命令行参数 函数指针 gdb调试
- linux lib lib64 区别,lib,lib32,lib64,libx32和libexec之间的区别
- Windsock套接字I/O模型学习 --- 第二章
- InfoPath开发经验小节
- tensorflow安装正确, import tf, the problem is Couldn't find field google.protob.ExtensionRange.options
- 在群晖synoboot.img引导文件中加入网卡驱动_群晖DS1819+使用记录
- protobuf string类型_Protobuf 语言指南(proto3)
- 推荐两个有意思的自定义View小项目
- 时间字符串以及时间戳解析
- 什么的SIT测试?什么是UAT测试?
- educoder 数据挖掘算法原理与实践:决策树
- 百元性价比高的蓝牙耳机推荐:学生党适合使用的蓝牙耳机
- 计算机电子电路原理图,学看电路原理图入门知识积累 - 全文
- 云基础架构|部署分类|IaaS|PaaS|SaaS——浅析云计算架构
- php中上传图片的大小,php如何修改上传图片大小
- mp4v2再学习 -- Linux 下安装说明
- GitHub代码托管
- selenium使用代理IP
热门文章
- 2021开发者最想学的编程语言,Go荣登榜首!
- 关于配置中心的几个问题
- mybatis执行的核心步骤
- HTTP权威指南记录 ---- HTTP报文
- 专访20年技术老兵云郎:16年峰回路,每一步都是更好的沉淀
- AIX6.1平台11.2.0.3RAC 实施手册
- 《中国人工智能学会通讯》——2.35 敏捷和灵巧精细动作技能(Agile and Dexterous Fine Motor Skills)...
- 终于看到这么贱的星座分析了
- Java中的weak reference 和 soft reference
- java 多态判断非空_Java多态性理解