web前端优化之GZIP组件缓存

原创 2012年03月29日 14:33:48

web前端14 条优化军规:


1.尽可能的减少 HTTP 请求数,可以使用CSS Sprites尽量将图片集成在一个大图片里。
2.使用 CDN
3.添加 Expires 头 ( 或者 Cache-control)
4.Gzip 组件缓存技术
5.把 CSS 样式放在页面的上方。
6.将脚本放在底部 ( 包括内联的 )。
7.避免在 CSS 中使用 Expressions。
8.将 javascript 和 css 独立成外部文件。
9.减少 DNS 查询。
10.压缩 JavaScript 和 CSS 文件 ( 包括内联的 )。
11.避免跳转redirect。
12.移除重复的脚本。
13.配置 ETags。

14.缓存 Ajax 请求 。


开GZIP有什么好处?
答:Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理,这样就会减小通过网络传输的数据量,提高浏览的速度,提升用户体验。
Windows IIS开启GZIP方法:http://url.cn/2GcaeX
步骤:
首先,如果你需要压缩静态文件(HTML),需要在硬盘上建一个目录,并给它“IUSR_机器名”这个用户的写权限。如果压缩动态文件(PHP,asp,aspx)就不需要了,因为它的页面是每次都动态生成的,压缩完就放弃。然后在IIS管理器中,“网站”上面右键-属性,不是下面的某个站点,而是整个网站。进入“服务”标签,选上启用动态内容压缩,静态内容压缩。然后选中网站下面那个服务器扩展,新建一个服务器扩展。名字无所谓,下面的添加文件的路径是: c:\windows\system32\inetsrv\gzip.dll,然后启用这个扩展。这时候静态内容是可以压缩的,但是对于动态内容,aspx文件却不在压缩范围内。因为默认的可压缩文件并没有这个扩展名。而管理界面中你又找不到可以增加扩展名的地方,这时候只能去修改它的配置文件了。在c:\windows\system32\inetsrv\下面有个MetaBase.xml文件,可以用记事本打开,找到IIsCompressionScheme,有三个相同名字的段,分别是deflate,gzip,Parameters,第三段不用管它,前两段有基本相同的参数,在这两段的参数HcScriptFileExtensions下面都加上一行aspx,如果你有其它的动态程序要压缩,也加在这里。HcDynamicCompressionLevel改成9,(0-10,9是性价比最高的一个)。然后需要重启一下IIS服务,就可以体会到压缩后的速度了。


服务器Linux系统开启http://url.cn/0lGaZe
步骤:
1、首先得确认apache是否已经加载了mod_deflate模块。
httpd -M
如果mod_deflate模块不在列表中,可以参考文章:《Linux Apache安装加载mod_deflate模块》http://www.centos.bz/2011/09/linux-apache-install-mod-deflate-module/
即:

为了开启apache服务器中的gzip压缩功能,mod_deflate模块是必须安装加载的。现在介绍如何安装:
1、进入到mod_deflate.c目录

cd /lamp/httpd-2.2.20/modules/filters

2、执行编译加载程序

/usr/local/apache/bin/apxs -i -a -c mod_deflate.c

3、重新启动httpd程序

service httpd restart

4、查看是否已经加载成功

httpd -M

2、编译配置文件httpd.conf,增加支持gzip的文件类型,如下:


    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/atom_xml
    AddOutputFilterByType DEFLATE application/x-javascript
    AddOutputFilterByType DEFLATE application/x-httpd-php
    AddOutputFilterByType DEFLATE text/html

3、重启httpd。
service httpd restart
4、检验GZIP是否已经开启成功。

可到站长工具http://tool.chinaz.com/Gzips/输入网站的任一网址来测试。

相关请参考:
配置ETags方法》 :http://blog.chinaunix.net/uid-20714478-id-1888081.html
WEB缓存技术》http://blog.sina.com.cn/s/blog_4b9c94430100nro1.html

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

用Gzip进行js的超强压缩

Gzip的官方网址为:http://www.gnu.org/software/gzip/Gzip的使用很简单解压至某个目录,会看到有一个Gzip.exe文件,然后在命令窗口进入该目录,执行gzip e...

pako.js对数据进行gzip压缩传递到后台解析,解决数据量大的请求问题

相信很多人在开发中都不可避免会遇到数据量过大,request无法成功传递到后台的问题,通常解决的方法会有: 1、利用ajax异步,将数据切块分别上传,后台进行数据校验以及拼凑;(个人认为这个比较友好,...

【spring】通过GZIP压缩提高网络传输效率(可以实现任何资源的gzip压缩、包括AJAX)

 【spring】通过GZIP压缩提高网络传输效率(可以实现任何资源的gzip压缩、包括AJAX) gzip是http协议中使用的一种加密算法,客户端向web服务器端发出了请求后,通常...

ajax的jsonp使用gzip压缩

ajax的jsonp使用gzip压缩 管理界面需要加载所有用户信息,jsonp返回数据量达到12M,加载体验很差。ajax支持对返回的json,jsonp的gzip压缩。需要前端和后端一起配合修改。...

通过GZIP压缩提高网络传输效率(可以实现任何资源的gzip压缩、包括AJAX)

gzip是http协议中使用的一种加密算法,客户端向web服务器端发出了请求后,通常情况下服务器端会将页面文件和其他资源,返回到客户端,客户端加载后渲染呈现,这种情况文件一般都比较大,如果开启Gzip...

web 服务器打开gzip压缩

从服务端优化来说,通过对服务端做压缩配置可以大大减小文本文件的体积,从而使加载文本的速度成倍的加快。目前比较通用的压缩方法是启用gzip压缩。经gzip压缩后页面大小可以变为原来的30%甚至更小,因此...

web前端性能优化–缓存

雅虎的16条优化准则,作为前端开发工程师,都是耳熟能详,信手拈来。但很多时候也能难完全的做得到,一些准则跟工程原则是冲突的,难以落实起来。 JS文件放尾部,CSS文件放头部等,这些基本的优化...

web前端性能优化–缓存

雅虎的16条优化准则,作为前端开发工程师,都是耳熟能详,信手拈来。但很多时候也能难完全的做得到,一些准则跟工程原则是冲突的,难以落实起来。 JS文件放尾部,CSS文件放头部等,这些基本的优化...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)