南大软院大神养成计划-第一天 网站优化

有一段时间没有看前端了,这次在mooc网上看到了《Yahoo军规》,总结了14条网站优化的建议。小有收获。分享给大家。

一:尽可能减少http请求数

   http请求是要开销的,想办法减少请求数自然可以提高网页速度。常用的方法,合并css,js(将一个页面中的css和js文件分别合并)以及 Image maps和css sprites等。当然或许将css,js文件拆分多个是因为css结构,共用等方面的考虑。阿里巴巴中文站当时的做法是开发时依然分开开发,然后在后台 对js,css进行合并,这样对于浏览器来说依然是一个请求,但是开发时仍然能还原成多个,方便管理和重复引用。yahoo甚至建议将首页的css和js 直接写在页面文件里面,而不是外部引用。因为首页的访问量太大了,这么做也可以减少两个请求数。而事实上国内的很多门户都是这么做的

二:使用CDN

  简单地讲,通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的 cache服务器内,通过DNS负载均衡的技术,判断用户来源就近访问cache服务器取得所需的内容

三:添加Expire/cache-control头

 通过设置Expires header 来缓存文件。Expire其实就是通过header报文来指定特定类型的文件在览器中的缓存时间

四:启用G-zip压缩

Gzip的思想就是把文件先在服务器端进行压缩,然后再传输。这样可以显著减少文件传输的大小。传输完毕后浏览器会 重新对压缩过的内容进行解压缩,并执行。

五:将CSS放在页面最上面

让浏览者能尽早的看到网站的完整样式

六:将script放在页面最下面

网站呈现完毕后再进行功能设置,当然这些JS要在你的加载过程中不影响内容表现。防止script脚本的执行阻塞页面的下载

七:避免在CSS中使用Expressions

话说Expressions用的很少,以后估计也用不到。这东西运算量恐怖,影响访问。

八:将javaScript和CSS都放在外部文件中

把css和js写在页面内容可以减少2次请求,但也增 大了页面的大小。如果已经对css和js做了缓存,那也就没有2次多余的http请求了。

九:减少DNS查询

一次DNS的解析过程会消耗20-120毫秒的 时间,在dns查询结束之前,浏览器不会下载该域名下的任何东西。所以减少dns查询的时间可以加快页面的加载速度。

十:压缩javascript和CSS

写JS和CSS都是有技巧的,用最少的代码实现同样的功能,减少空白,增强逻辑性,用缩写方式等等,当然也有不少工具也能够帮你实现这一点。

十一:避免重定向

次重定向就会增加一次web请求,所以因该尽量减少。

十二:移除重复的脚本

重复调用的代码浏览器并不会识别忽略,而是会再次运算一遍,这当然是大大的浪费。

十三:配置实体标签

实体标签这个还真的没试过,以后试试。

十四:使用ajax缓存

Ajax是实时响应的,在浏览器接收到新的数据前,旧的数据被缓存,这样能够更好的提高效率。


有空详细写,今天先写到这

你可能感兴趣的:(前端之路)