前端优化

avoid empty image Src

避免将img的src属性设置为空白

Make favicon.ico Small and Cacheable

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

keep Components under 25k

保持单个内容小于25K

Pack Components into a Multipart Document

打包组件成复合文本

Make Fewer Http Requests

尽可能减少HTTP请求数

CDN

使用CDN

Add Expires or Cache-Control Header

增加Expires Header Add an Expires Header

Reduce DNS Lookups

减少DNS查询 DNS域名解析系统

Put Stylesheets at Top

在顶部放置样式定义

Put Scripts at Bottom

在文档底部放置脚本定义或引用

Avoid CSS Expressions

避免使用CSS中的Expressions

Make JavaScript and CSS External

将脚本文件和样式表作为外部文件引用

Avoid Redirects

避免重定向

Minify JavaScript and CSS

最小化JAVASCRIPT和CSS

Remove Duplicate Scripts

除重复的脚本,不光是文件,甚至是同功能的函数

Configure ETags

配置ETags

Make Ajax Cacheable

使AJAX调用尽可能利用缓存特性

Flush the Buffer early

尽可能早地发送缓冲区内容

User Get for AJAX Requests

为AJAX请求使用GET方法

Post-load Components

延迟或按需加载内容

Preload Components

预加载组件

No 404s

不要出现404页面

Reduce the Number of Dom Elements

减少DOM元素数量

Spilt Components Acorss Domains

跨域分离组件

Minimize the Number of iframes

减少iframe数量 需要更有效的利用ifames

Reduce Cookie Size

减小Cookie Cookie

Use Cokkie-free Domains for Components

对组件使用无Cookie的域名

Develop Smart Event Handlers

设计“智能”的事件处理程序

Don't Scale Images in HTML

不要在 HTML 中使用缩放图片

Minimize DOM Access

减少DOM的访问次数

Choose <link> over@import

@import使用< link >而非@import

Avoid Filters

避免过滤器的使用

Optimize Images

优化图片

Optimize CSS Sprites

优化CSS Sprites