Yahoo Web前端优化守则
CONTENT | |
Make fewer HTTP requests | 减少HTTP请求 |
Reduce DNS lookups | 减少DNS查询 |
Avoid URL redirects | 避免URL重定向 |
Make AJAX cacheable | 缓存AJAX请求 |
Reduce the number of DOM elements | 减少DOM元素的数量 |
Avoid HTTP 404 (Not Found) error | 避免404错误 |
COOKIE | |
Reduce cookie size | 减少cookie的大小 |
Use cookie-free domains | |
CSS | |
Put CSS at top | 将CSS放在header头部 |
Avoid CSS expressions | 避免CSS表达式 |
Make JavaScript and CSS external | 使用外部CSS,JS |
Minify JavaScript and CSS | 精简JS,CSS |
Remove duplicate JavaScript and CSS | 删除重复的JS,CSS |
Avoid AlphaImageLoader filter | |
IMAGES | |
Do not scale images in HTML | |
Make favicon small and cacheable | |
JAVASCRIPT | |
Put JavaScript at bottom | 将JS放在body的底部 |
Make JavaScript and CSS external | 使用外部CSS,JS |
Minify JavaScript and CSS | 精简JS,CSS |
Remove duplicate JavaScript and CSS | 删除重复的JS,CSS |
SERVER | |
Use a Content Delivery Network (CDN) | 使用内容分发网络 |
Avoid empty src or href | 避免空的src和href |
Add Expires headers | HTTP请求添加Expires头部 |
Compress components with gzip | HTTP请求使用gzip,deflate,sdch压缩 |
Configure entity tags (ETags) | HTTP请求添加ETags头部 |
Use GET for AJAX requests | AJAX请求多使用GET方式 |