前端性能优化

内容方面:

1. 减少 HTTP 请求 (Make Fewer HTTP Requests)

2. 减少 DOM 元素数量 (Reduce the Number of DOM Elements)

3. 使得 Ajax 可缓存 (Make Ajax Cacheable)

针对CSS:

4. 把 CSS 放到代码页上端 (Put Stylesheets at the Top)

5. 从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)

6. 精简 JavaScript 与 CSS (Minify JavaScript and CSS)

7. 避免 CSS 表达式 (Avoid CSS Expressions)

针对JavaScript :

8. 脚本放到 HTML 代码页底部 (Put Scripts at the Bottom)

9. 从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)

10. 精简 JavaScript 与 CSS (Minify JavaScript and CSS)

11. 移除重复脚本 (Remove Duplicate Scripts)

面向图片(Image):

12. 优化图片

13. 不要在 HTML 中使用缩放图片

14. 使用恰当的图片格式

15. 使用 CSS Sprites 技巧对图片优化

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值