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

有一段时间没有看前端了，这次在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是实时响应的，在浏览器接收到新的数据前，旧的数据被缓存，这样能够更好的提高效率。

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