提高网站性能的策略(一个大三学生原创)

来源:互联网 发布:简单编程教程 编辑:程序博客网 时间:2024/05/22 07:55

关于提升网站的性能,Yahoo的工程师们出过一个《前端开发35条军规》,其中已经讲的很明晰了。在此,我只针对我们在实践中常用到并且切实有效的方案整理、分享给大家。

1、     采用cdn加速服务,对于一些常用到的类库,如jquery等,没必要再在自己的服务器中放一份了,可以直接连接到大公司提供的免费cdn服务器上。很不幸的是,多数书中所推荐的google cdn服务在国内都是不能访问的,大家可以用bootcss.com所提供的cdn加速服务。

2、     将javascript代码放置在网页的最后,好多新手们都会疑问:为什么要将JS代码放置在网页最后呢?这要从浏览器渲染网页的过程来说起了。浏览器自上而下渲染网页,遇见CSS就加载CSS,遇见图片就加载图片,这些都是并行或者说是异步的。但,注意啦,当浏览器遇见JS代码时,就会停止渲染网页,直到JS代码加载完成并执行完毕。因为JS有可能改变DOM结构。所以最好将JS代码放置在页面尾部,不然就会出现网页渲染到一半卡住的现象,这样对用户体验是极其糟糕的。

3、     使用CSSsprites(即CSS精灵),对于一些小图片,没必要一个一个的向服务器请求,可以将它们们拼接成一张图片,在使用时控制图片上下尺寸即可。

4、     减少DOM操作,因为DOM操作是极其消耗内存的。有效提升DOM操作的方法之一是:先让所要操作的内容脱离文档流,对其操作完毕后,再将其放回到文档流中去。

5、     使用压缩工具,压缩html、css、js代码,文件小了,加载速度自然就快了。

6、     服务器向浏览器传输组件之前,先将文档进行gzip压缩。

7、     对传输的文档设置过期头,将控件缓存,减少http请求次数。

0 0