如何提升网站响应速度

2017年9月20日

据统计,在对一个网站进行访问的时候,10%~20%是从服务器端获取HTML文档上(后端优化内容),80%~90%是下载页面中的所有组件上(前端优化内容),由此可见Web前端优化的重要性。前端优化的主要方法如下:

1.减少http请求次数

毫无疑问,Http请求次数的减少会提升网页的加载速度,通常采用的减少Http请求次数的方法是优化图片和合并脚本和样式表。图片的优化有三个具体方案:图片地图、CSS Sprites、内联图片三种,最值得关注的是CSS Sprites。它能把所有的背景图片整合到一个图片文件中,然后利用CSS的background-image和background-position属性来显示图片的不同部分。通过这种方式,原先需要加载很多次的图片,有时候只需要加载一次就可以。

1.利用JSON格式来进行数据互换

JSON是一种轻量级的数据互换格式,采用完全独立于言语的文本格式,是目前企业里面用的比较多的数据互换格式。同时,JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不用要任何特别的API或工具包。

1.避免重定向

重定向会延缓新网页的打开速度。从一个旧网站跳转到新网站也是经常要用到重定向,还有就是连接一个网站中的不同部分和在某些情况下。虽然使用重定向很简单,只需要增加一点额外的代码,但缺降低了用户的体验,变通的做法是用Alias和mod_rewrite如果两个部分是在同一主机上的话,如果是由域名变更引起的重定向,变通的做法是通过Alias或mod_rewrite创建一个CNAME(一个DNS记录,创建一个别名,从一个域名指向另一个域名)。

1.CSS和Javascript

CSS和Javascript最好使用外部调用文件的方式,因为这种形式下文件是可以被缓存的,如果是内嵌在页面中他们就无法被缓存了,这样如果用户要在网站看很多很多的页面,如果都是使用同一个外部脚本和样式,那么一旦这些文件被缓存,就再也不需要下载了,这样会带来很大的潜在好处。另外最好把css放到文档头部,这样会让网页加载得更快。因为这样可以让页面逐渐加载。把样式表放到接近底部的问题是它阻止了页面元素的逐渐显示。即在样式表加载之前页面内容是以没有样式的形式显示出来的,待加载完样式后,页面需要重绘,内容一闪即改变了样式表现,这样的效果给人感觉很差。Javascript脚本应放到尽可能底部的地方,一个原因是让页面逐渐渲染,另一个是实现更好的并行下载。

因为浏览器对同一个域名的下载任务个数是有限的,如果把脚本放在前面,有可能出现浏览器一直下载脚本,而不会下载后面的内容。

1.细致控制Cookie大小和净化

因为Cookie是本地的磁盘文件,每次浏览器都市去读取相应的Cookie,所以建议去除不用要的Coockie,使Coockie体积尽量小以减少对用户响应的影响。当浏览器在请求中同时请求一张静态的图片和发送Coockie时,服务器对于这些Coockie不会做任何地使用。因为它们只是因为某些负面因素而创建的网络传输。所以开发时应该确定对于静态内容的请求是无Coockie的请求,然后创建一个子域名并用它来存放所有静态内容。

来源(互联网) 作者(佚名)

兰州宏点信息技术有限责任公司(www.hongdianwangluo.com)