一个精美的网站,加载速度一定不能太慢。一个网站的友好程度,一在于网站外观,也就是界面UI交互上的友好性;二就是网站的打开速度了,速度不仅会影响到访客的信任,还会直接影响网站的营收。甚至决定搜索引擎收录的好坏也有网站速度这一项。
1.使用尽可能优的线路
巧妇难为无米之炊,一个的网站,都会选用好的服务商来托管网站。服务商带宽的质量,直接决定了网站的响应延迟。所以,选择优质的服务商,对网站的速度,有不可抹灭的作用。
2. 服务器带宽
服务器的带宽,也许对网站速度影响不是特别大,但对于高峰访问时,网站一但因带宽堵塞而停服,造成的信任危机将不可相像。所以,网站的服务器带宽,一定要对得起自己的网站哈哈。
3.提高代码执行效率
这里指的代码分两处,一是服务器上程序代码执行的效率,二是页面上的程序执行效率。前者如果执行时阻塞,将导致网站长时处于加载状态。后者如果阴塞,将会引起页面假死、请求堵塞,间接导致整个页面打开速度变慢
4.尽量避免HTTP错误
标签浏览器遇到一般的HTTP错误,都不接受缓存的,也就是,页面上一直存在 这个错误请求,浏览器在后面访问到这个页面的时间就会每次都要尝试,国内网站一般会有300ms左右的阻塞(chrome/firefox 要好一些,是并行加载),国外的阻塞更久。所以,为了提升访客体验,尽量避免HTTP错误。
5.为网站静态元素配置HTTP头
通常,网站的静态元素无需每次都请求,这样既浪费了服务器资源、带宽,也浪费了访客的流量,并且这还会让访客每次下载静态元素,长时间处于等待状态,对访客体验,有损无益。
6.优化Cookie
通常COOKIE会直接突破前端缓存,并且COOKIE通常对于静态元素请求来说,是完全无用的。所以,设置COOKIE时,尽量避免与静态元素混:
为静态元素分配不同的域,这样可以避免静态元素在请求时发出COOKIE数据,积少成多,COOKIE给网站带来的压力也不可小视的
兼容HTML5,避免使用Cookie储存数据。HTML5是先进的页面技术,HTML5标准支援浏览器的图片处理、3D、储存和本地SQL,使用本地储存替代COOKIE,不仅可以节省网站流量,更会为网站带来意想不到的效果。但是HTML5并非所有浏览器都支持,所以,得要想好兼容性问题。
7.请求合并
对一个页面来说,只需一个CSS请求 一个JS请求就OK了。而图片之类的可以css sprite。
8.减少DNS查询
一个页面上的所有DNS查询,在为静态元素分配不同的域后,越少越好。因为DNS查询直接带来代价的时间的开销。