本文探讨了提升web前端和移动端应用性能的关键策略，包括减少HTTP请求、利用浏览器缓存、压缩组件、预载入资源、调整脚本和样式文件的位置、精简代码等。在移动端，建议使用CSS3动画和硬件加速，以及适当使用touch事件，避免性能杀手如CSS3渐变阴影。
一、web前端性能优化
1.尽量减少Http的请求 （会导致各种卡顿问题产生风险）
2.使用浏览器缓存
3.使用压缩组件
4.图片、js的预载入
5.将脚本放在底部（位置不对会影响dom的正确渲染）
6.将样式文件放在页面顶部
7.使用外部的js和css
8.精简代码
二、移动端性能优化
尽量使用 css3 动画，开启硬件加速。适当使用 touch 事件代替 click 事件。避免使用 css3 渐变阴影效果。 尽可能少的使用 box-shadow 与 gradients。box-shadow 与 gradients 往往都是页面的性能杀手
扫一扫
978
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
