开发者社区> 问答> 正文

【分享】如何提高网站的打开速度?

一个精美的网站,加载速度一定不能太慢。一个网站的友好程度,一在于网站外观,也就是界面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查询直接带来代价的时间的开销。

展开
收起
enj0y 2012-11-17 14:35:22 58911 0
19 条回答
写回答
取消 提交回答
  • Re【分享】如何提高网站的打开速度?
    好文,学习了
    2013-03-26 20:26:32
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    谢谢楼主的分享啊
    2013-03-07 22:49:20
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    2013-01-25 22:19:12
    赞同 展开评论 打赏
  • web开发,运维,微信公众号开发,app混合开发,H5制作,http://dutuwang.net
    Re【分享】如何提高网站的打开速度?
    转载了!9楼说得正是
    2013-01-25 20:57:27
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    好东西啊
    2013-01-16 12:01:55
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    最重要的没有讲,不重要的讲一大堆。
    1,开启GZIP压缩。
    2,图片处理成可以看清的最小文件。
    2013-01-09 12:01:40
    赞同 展开评论 打赏
  • 专业网站系统开发
    Re【分享】如何提高网站的打开速度?
    写的很不错
    2013-01-05 08:48:55
    赞同 展开评论 打赏
  • 一个页面只有一个js,显然是不现实的
    2013-01-02 17:36:32
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    学习了
    2013-01-01 16:25:49
    赞同 展开评论 打赏
  • 回 10楼(xlj2915511) 的帖子
    使用NGINX CONCAT模块合并
    2012-12-20 15:14:59
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    js怎么弄  css怎么写在一起呢?
    2012-12-20 13:39:56
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    用阿里测这个网站分析下!好像是阿里巴巴搞的网站测速网站
    2012-12-18 09:45:54
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    看着很有道理 但是听不懂
    2012-12-03 14:16:46
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    版主明见
    2012-11-17 20:48:50
    赞同 展开评论 打赏
  • 这个顶顶。
    2012-11-17 18:36:27
    赞同 展开评论 打赏
  • 2012-11-17 17:11:47
    赞同 展开评论 打赏
  • 2012-11-17 15:04:30
    赞同 展开评论 打赏
  • 我也转载了
    2012-11-17 14:41:02
    赞同 展开评论 打赏
  • Re【分享】如何提高网站的打开速度?
    我转载了啊,版主
    2012-11-17 14:38:16
    赞同 展开评论 打赏
滑动查看更多
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载

相关实验场景

更多