性能优化

性能优化有哪些方法

1.尽量减少http的请求数量

1.合并js。css
2.图片sprites

2.延迟加载内容

1.图片懒加载
2.功能懒加载(点击查看更多)
3.功能懒加载(曝光加载更多)

3.使用离线缓存

把更改少,常用的js css 图片通过localstorage缓存到浏览器

4.正确放置css,js文件位置

css放在head里
js放在html后面

5.静态资源压缩

图片,js,css压缩

6.静态资源使用多个域名

可以并发加载

7.静态资源使用cdn加载

8.DOM操作优化

1.缓存已经访问过的有关元素
2.线下更新完节点之后再添加到页面
3.避免使用js更改页面

9.尽量使用事件代理

不要再html中压缩图片

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 性能优化方向分类 请求数量: 合并脚本和样式表, CSS Sprites, 拆分初始化负载, 划分主域(使用“查找...
    Www刘阅读 1,879评论 3 8
  • 围绕前端的性能多如牛毛,涉及到方方面面,以我我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列注意,是罗列不是展...
    流动码文阅读 732评论 0 0
  • 1. 尽量减少HTTP请求次数 合并js 合并css 图片sprite 2. 延迟加载内容 图片懒加载 数据懒加载...
    Aleph_Zheng阅读 4,307评论 0 4
  • H5性能优化方案 H5性能优化意义 对于一个H5的产品,功能无疑很重要,但是性能同样是用户体验中不可或缺的一环。原...
    自然心情阅读 8,117评论 0 14
  • 知道自己在为什么而活 而不是苟且的度日时 一个人也就明白了自己真正想要的是什么 该走怎样的路 吃怎样的苦 和怎样的...
    笙胖_Chou阅读 282评论 2 0

友情链接更多精彩内容