通过nginx的gzip提高网页访问速度
由于自己是将项目放在带宽很低的服务器上的(便宜)。所以后面访问速度贼慢,就想着通过一些手段提升一下访问速度。
CDN提速缓存
首先想到就是这个,因为自己的服务器发送东西慢嘛,肯定想到能不能将一些经常用到的静态图片啥的放置在其他地方,当访问的时候直接在其他地方获取。
原理
用户访问未使用CDN缓存网站的过程为:
- 用户向浏览器提供要访问的域名;
- 浏览器调用域名解析函数库对域名进行解析,以得到此域名对应的IP地址;
- 浏览器使用所得到的IP地址,域名的服务主机发出数据访问请求;
- 浏览器根据域名主机返回的数据显示网页的内容。
通过以上四个步骤,浏览器完成从用户处接收用户要访问的域名到从域名服务主机处获取数据的整个过程。CDN网络是在用户和服务器之间增加Cache层,如何将用户的请求引导到Cache上获得源服务器的数据,主要是通过接管DNS实现,下面让我们看看访问使用CDN缓存后的网站的过程:
-
用户向浏览器提供要访问的域名;
-
浏览器调用域名解析库对域名进行解析:
由于CDN对域名解析过程进行了调整,所以解析函数库得到的是该域名对应的CNAME记录(由于现在已经是使用了CDN服务,CNAME为CDN服务商域名),为了得到实际IP地址,浏览器需要再次对获得的CNAME域名进行解析以得到实际的IP地址;在此过程中,使用的全局负载均衡DNS解析,如根据地理位置信息解析对应的IP地址,使得用户能就近访问。 -
此次解析得到CDN缓存服务器的IP地址,浏览器在得到实际的IP地址以后,向缓存服务器发出访问请求;
-
缓存服务器根据浏览器提供的要访问的域名,通过Cache内部专用DNS解析得到此域名的实际IP地址,再由缓存服务器向此实际IP地址提交访问请求;
-
缓存服务器从实际IP地址得得到内容以后,一方面在本地进行保存,以备以后使用,二方面把获取的数据返回给客户端,完成数据服务过程;
-
客户端得到由缓存服务器返回的数据以后显示出来并完成整个浏览的数据请求过程。
但是自己的网站还没进行域名注册,就暂时没有尝试使用这个。
Nginx进行文件压缩
其实主要还是想到通过降低一次传输过程中的数据量来提升访问速度
原理
开启Nginx gzip压缩非常简单,达到的效果可以压缩静态文件大小、提高页面访问速度、节省流量和带宽是很有帮助的,也为用户省去了很多流量;唯一的不足就是开启之后服务器这边会增加运算,进行压缩运算处理,就比如压缩级别,服务器cpu会有开销。比如一个css文件,里面肯定有很多font-size、换行、字体等标签和内容,这种重复的内容会很多,压缩的时候它会对重复的字符串进行扫描,它会把这些重复的统计出来,统计出来会排序,排序之后会定义一个词表,词表是用来做替换的,就本来比如一个十个字符长度的字符串,它会用两个长度的字符替换,这样就变成了原来的五分之一,其他的也是一样,比如文件里有大量大段的重复内容,这样压缩效果会更明显。这样简单的替换就实现了压缩。越是重复的内容越多,压缩的效率越高,相反,效率越低。
操作也非常简单,下载安装nginx后。修改xxx/conf目录下的nginx.conf配置文件,开启GZIP压缩;(xxx是你nginx的安装目录)
配置参数:
http {
gzip on; #开启gzip
gzip_disable "msie6"; #IE6不使用gzip
gzip_vary on; #设置为on会在Header里增加 "Vary: Accept-Encoding"
gzip_proxied any; #代理结果数据的压缩
gzip_comp_level 6; #gzip压缩比(1~9),越小压缩效果越差,但是越大处理越慢,所以一般取中间值
gzip_buffers 16 8k; #获取多少内存用于缓存压缩结果
gzip_http_version 1.1; #识别http协议的版本
gzip_min_length 1k; #设置允许压缩的页面最小字节数,超过1k的文件会被压缩
gzip_types application/javascript text/css; #对特定的MIME类型生效,js和css文件会被压缩
include /etc/nginx/conf.d/*.conf;
}
我自己实现还是有效果,最开始我将访问速度限制在50k.然后未开启压缩需要5.0+s 开启压缩后大概2.6s左右。然后其实可以通过调节压缩比来实现 压缩效果和处理速度的平衡。而且我自己的网站本来数据量不大。总的来说还是算不错的解决方案。