web前端是应用服务器处理之前的部分,前端主要包括:HTML、CSS、javascript、image等各种资源,针对不同的资源有不同的优化方式。
内容方面
1.减少 HTTP 请求数
2.减少 DNS 查询
3.避免重定向
4.缓存 Ajax 请求
5.延迟加载
6.预先加载
7.减少 DOM 元素数量
8.划分内容到不同域名
9.尽量减少 iframe 使用
10.避免 404 错误
针对CSS
1.把 css 样式表置顶
2.不要使用 CSS 表达式
3.使用 link 替代 @import
4.不要使用 filter
针对JavaScript
1.把 js 脚本放在页面底部
2.使用外部 JavaScript 和 CSS
3.压缩 JavaScript 和 CSS
4.移除重复脚本
5.使用高效的事件处理
图片方面
1.优化图片
2.优化 CSS Sprite
3.不要在 HTML 中缩放图片
4.使用体积小、可缓存的 favicon.ico
服务器
1.使用 CDN
2.添加 Expires 或 Cache-Control 响应头
3.启用 Gzip
4.配置 Etag
5.尽早输出缓冲
6.Ajax 请求使用 GET 方法
7.避免图片 src 为空
8.Cookie
9.减少 Cookie 大小
10.静态资源使用无 Cookie 域名
移动端
1.保持单个文件小于 25 KB
2.打包内容为分段(multipart)文档