• 17.1k

前端应用怎样优化性能?

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

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

阅读 5.6k
评论
    4 个回答
    • 47.2k

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

    • 最佳实践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文件中包含多种介质类型

      完全看不懂

      该答案已被忽略,原因:

        撰写回答

        登录后参与交流、获取后续更新提醒

        相似问题
        推荐文章