web前端是应用服务器处理之前的部分,前端主要包括:HTML、CSS、javascript、image等各种资源,针对不同的资源有不同的优化方式。
内容方面
1.减少 HTTP 请求数
2.减少 DNS 查询
3.避免重定向
4.缓存 Ajax 请求
5.延迟加载
6.预先加载
7.减少 DOM 元素数量
8.划分内容到不同域名
9.尽量减少 iframe 使用
10.避免 404 错误
针对CSS
1.把样式表放在
中2.不要使用 CSS 表达式
3.使用 替代 @import
4.不要使用 filter
针对JavaScript
1.把脚本放在页面底部
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)文档