我们知道访问网站的时候,会对服务器发出HTTP请求,服务器再将结果返回到客户端。网站的打开速度快慢和服务器的访问压力都和http请求相关。尽量减少页面的HTTP请求,可以提高页面载入速度、还可以减轻访问对服务器的压力。
那么我们如何减少网站向服务器的HTTP请求数呢?我总结了以下几点:
设置网页缓存
网页的缓存设置可以极大地减少http请求,客户端直接读取本地缓存的内容,而不向服务器http请求。
减少页面中的元素
网页中的的图片、form、flash等等元素都会发出HTTP请求,尽可能的减少页面中非必要的元素,可以减少HTTP请求的次数。
图片集合
图片是增加HTTP请求的最大可能者,把全站的图标都放在一个图像文件中,然后用CSS的background-image和background-position属性定位来显示其中的一小部分。这样可以减少图片的多次http请求。
JS文件和CSS文件只有一个
合并脚本和CSS文件,可以减少了HTTP请求。有的人喜欢把CSS分成结构清晰的几个部分,比如base.css、header.css、mianbody.css、 footer.css这样对页面的维护和修改是比较方便的,但是对加快服务器响应时间就存在问题了。
少用location.reload()
使用location.reload() 会刷新页面,刷新页面时页面所有资源(css,js,img等)会重新请求服务器。
建议使用location.href="当前页url" 代替location.reload() ,使用location.href 浏览器会读取本地缓存资源。
动态页面静态化
动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页。
用户访问动态页面需要与数据库服务器进行数据交换。动态页面静态化,也就是把动态网页生成HTML文件,用空间换效率。