前端性能优化

232 阅读1分钟

前端的性能优化主要分两个大点 1.复用(维护性、开发成本) 文件复用 ## js、css、html、媒体文件 模块复用 ## js插件 ## iframe 2.加载方式 同步加载 ## 都加载完才能展示给用户想看的 ## 可能很少的tcp连接就能完成页面的加载 分级加载 ## 同步加载和异步加载相结合 ## 先给用户加载重要信息比如logo/核心功能,后面加载不重要的 按需加载 ## 用户不触发功能我们就不加载 ## 用户不触发该功能,但是带宽闲置,或者页面的主要元素都加载完了,我们可以后面加载,但是如果用户触发改功能,该模块加载时间提前

技术类 首屏时间(加载到第一屏的功能点,所消耗的时间点)

白屏时间(从进入页面到head解析的时间)

可操时间(与模块相关,主要是测试核心模块的使用率,以及用户感知)

连通率(多为视频站点,时间为纵轴,主要是对应时间胡勇看到视频或者听到声音的比例)

产品类

pv一次访问一次pv

uv多次访问同一个人一次uv

day日活跃用户数量(google analytics)

MAU月活跃用户人数

跳出率(跳出时间留下来的人/pv)