文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - 前端应用怎样优化性能?
巴扎黑
巴扎黑 2017-04-10 12:46:23
[JavaScript讨论组]
0 4 1153
举报

公司项目里遇到的问题, 应该不妨碍发到社区的吧...
应用主体基于 Backbone, View 被大量重复, 事件和页面元素在刷新时消耗很大,
初步接触 Chrome 的 Timeline, 但还不清楚具体调试的手法,
一般网页上的应用, 大量的 JS 代码, 应该怎样优化性能?

一个遇到的场景调试中的截图:

巴扎黑
巴扎黑

全部回复(4)
ringa_lee
ringa_lee2017-04-10 12:48:23 4楼

文章来源：前端性能优化最佳实践

  • 最佳实践1：使用DocumentFragments或innerHTML取代复杂的元素注入
  • 最佳实践2：高频执行事件/方法的防抖
  • 最佳实践3：网络存储的静态缓存和非必要内容优化
  • 最佳实践4：使用异步加载，延迟加载依赖
  • 最佳实践5：使用Array.prototype.join代替字符串连接
  • 最佳实践6：尽可能使用CSS动画 最佳实践7：使用事件委托
  • 最佳实践8：使用Data URI代替图片SRC
  • 最佳实践9：使用媒体查询加载指定大小的背景图片
  • 最佳实践10：使用索引对象
  • 最佳实践11：控制DOM大小
  • 最佳实践12：在繁重的执行上使用Web Workers
  • 最佳实践13：链接CSS，避免使用@import
  • 最佳实践14：在CSS文件中包含多种介质类型
赞 +0
添加回复
伊谢尔伦
伊谢尔伦2017-04-10 12:48:23 3楼

可以看看谷歌的文章[https://developers.google.com/speed/docs/best-practices/rules_intro?hl=zh-CN][1]

赞 +0
添加回复
天蓬老师
天蓬老师2017-04-10 12:48:23 2楼

说一下前端工作流程
http://www.qixing318.com/article/it-is-necessary-to-say-the-front-end-work-process.html

赞 +0
添加回复
怪我咯
怪我咯2017-04-10 12:48:23 1楼

完全看不懂

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部