H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？

本文分析了 可选链运算符(?.) 特性在代码里的滥用，乱用情况，可能会带来可读性、维护性差、隐式过滤异常等问题，以及正确的使用方式，能不用就尽量少用。

dns-prefetch(DNS预获取)是前端网络性能优化的一种措施。它根据浏览器定义的规则，提前解析之后可能会用到的域名，使解析结果缓存到系统缓存中，缩短DNS解析时间，进而提高网站的访问速度。

还重复请求那些“死”数据？？都给我存起来！ 在一些场景下，如大屏项目中有些接口的数据时效性并不强，或者说更新不频繁。在这种情况下每次去请求后端接口得到的都是一样的数据，太不优雅了，快都存起来

axios取消重复请求： 相同的接口在上一个pending状态时，自动取消下一个请求； 请求失败重试： 接口请求后台异常时候，自动重新发起多次请求；请求接口数据缓存：接口在设定时间内不会向后台获取数据

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法

图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存

从网页控制台分析FP，FCP，LCP，DCL，L的触发时间，以及讨论如何优化。 名词解释 名词 全称 解释 FP firstPaint 首次绘制 FCP firstContentfulPaint