前端性能初步优化

性能优化有两个方向

  1. 优化页面渲染

  2. 减小页面体积，提升网络加载

优化页面渲染

对于优化页面渲染可以进行如下方案来进行性能优化

  • 懒加载

  • 减少dom操作

  • 事件节流

    比如在textarea里面如果需要监听change事件，即keyup来监听事件

    可以通过加上settimeout来进行事件节流 就是不要一直都是实时监听，可以隔一段时间监听下

    image

  • 使用ssr后端渲染, 减少前端渲染时间，就是一次性输出html内容，不用频繁调用ajax

  • css放在前面， js放在后面

减小页面体积，提升网络加载

  • 压缩

  • 使用静态缓存

  • 资源使用cdn加速

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端性能优化
    前端优化层出不穷，移动端大行其道的现在，我们可以说优化好移动端，PC端也将会更好。所以，我们可以综合以下图片进行一...
    指尖跳动阅读 289评论 0赞 0
  • 前端性能优化
    围绕前端的性能多如牛毛，涉及到方方面面，以我我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列注意，是罗列不是展...
    流动码文阅读 708评论 0赞 0
  • 前端性能优化（1）
    参考掘金小册https://juejin.im/book/5bdc715fe51d454e755f75ef/sec...
    一包阅读 265评论 0赞 0
  • 前端性能优化常用总结
    前言 对于前端的性能话题，从来都没有断绝过。因为这个东西没有最好，只有更好。而且往往也是业务的繁杂程度去决定优化程...
    Layzimo阅读 28,508评论 2赞 51
  • 平常的一天
    今天一如往常，按部就班。本来看任务少，想午休时，把待办清单清空。搭档突然说要来一场说走就走的外出就餐，就被拉...
    沐木西阅读 130评论 0赞 1