提升网站性能的35条建议


申明：本文章来自https://developer.yahoo.com/performance/rules.html

1、Minimize HTTP Requests

减少HTTP请求数量

2、Use a Content Delivery Network

使用内容分发网络(CDN)

3、Add an Expires or a Cache-Control Header

添加 Expires或Cache-Control头

4、Gzip Components

采用Gzip压缩

5、Put Stylesheets at the Top

把样式表放在页面顶部

6、Put Scripts at the Bottom

把JavaScript等脚本放在页面底部

7、Avoid CSS Expressions

避免使用CSS样式

8、Make JavaScript and CSS External

从页面中剥离avaScript 与 CSS

9、Reduce DNS Lookups

减少DNS查找

10、Minify JavaScript and CSS

精简JavaScript 和 CSS

11、Avoid Redirects

避免重定向

12、Remove Duplicate Scripts

去除重复的脚本

13、Configure ETags

配置 ETags

14、Make Ajax Cacheable

使得 Ajax可缓存

15、Flush the Buffer Early

利用Flush并行处理

16、Use GET for AJAX Requests

使用GET AJAX请求

17、Post-load Components

延迟载入组件

18、Preload Components

预加载组件

19、Reduce the Number of DOM Elements

减少DOM元素的数目

20、Split Components Across Domains

切分组件到多个域

21、Minimize the Number of iframes

最小化iframes的数量

22、No 404s

避免404错误

23、Reduce Cookie Size

减少Cookie的大小

24、Use Cookie-free Domains for Components

针对Web组件使用域名无关的Cookie

25、Minimize DOM Access

减少DOM访问

26、Develop Smart Event Handlers

优化事件处理程序

27、Choose <link> over @import

使用<link>而不是@import

28、Avoid Filters

避免使用Filter

29、Optimize Images

优化图像

30、Optimize CSS Sprites

使用CSS Sprites技巧对图片优化

31、Don't Scale Images in HTML

不要在HTML使用缩放图片

32、Make favicon.ico Small and Cacheable

用更小并且可缓存的favicon.ico

33、Keep Components under 25K

单个数据对象小于25KB

34、Pack Components into a Multipart Document

把组件打包成一个多部分组成的文档

35、Avoid Empty Image src

避免引用图像时src为空