iwowen的博客
iwowen
记录和分享技术
  1. 首页
  2. 前端
  3. 正文

前端关于性能优化方面的记录

2020年05月10日 178点热度 1人点赞 0条评论

性能优化的原则

  • 多使用内存、缓存或其他方法
  • 减少cpu计算量,减少网络加载耗时
  • (使用与所有便程的性能优化 --- 空间换时间)

从哪里入手

  1. 让加载更快

    • 减少资源体积:压缩代码
    • 减少访问次数:合并代码,ssr服务器端渲染,缓存
    • 使用更快的网络,使用CDN
  2. 让渲染更快

    • css放到head,js放到body下面
    • 尽早开始执行js,用DOMContentLoaded触发
    • 懒加载(图片懒加载,上滑加载)
    • 对dom缓存
    • 频繁dom操作,合并插入dom结构
    • 节流throttle 防抖 debouce
标签: 性能
最后更新:2020年11月22日

什码

保持饥渴的专注,追求最佳的品质

点赞
< 上一篇
下一篇 >

文章评论

取消回复

最新 热点 随机
最新 热点 随机
使用rollup和typescript搭建自己的函数库 前端关于性能优化方面的记录 关于前端BFC相关笔记 js数据类型和数据转换 dom事件笔记 css盒模型
关于前端BFC相关笔记前端关于性能优化方面的记录前端使用canvas实现贪吃蛇小游戏前端css实现左中右布局如何在react项目中使用redux?使用create-react-app打造多页面应用
使用create-react-app打造多页面应用 如何在react项目中使用redux? css盒模型 在javascript中使用apply、call、bind函数 dom事件笔记 前端关于性能优化方面的记录
分类目录
  • react
  • vue
  • 前端
  • 工具
文章归档
  • 2020年12月 (1)
  • 2020年5月 (2)
  • 2020年4月 (3)
  • 2020年3月 (1)
  • 2020年2月 (1)
  • 2020年1月 (2)
  • 2019年12月 (1)
  • 2019年11月 (3)
  • 2019年10月 (1)

COPYRIGHT © 2020 iwowen的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

蜀ICP备19037276号-1