首屏性能优化

首屏的几个时间概念
1TTFB:time for First Byte 首字节时间
2FP:First Paint 首次绘制
3FCP:First Contentful Paint 首次有内容的渲染
4FMP:First Meaningful Paint 首次有意义的绘制
5TTI:Time To interactive 可交互时间
6Long tasks:超过50ms的任务
7SSR && CSR:服务端渲染和客户端渲染
8Isomorphic JS:同构化

页面渲染的步骤： 获取资源 -> DOM树-> Render树->Layout->Paint
根据 关键路径渲染法 ，主要有以下几个元素影响页面性能及对应的方案

首先，你的序列要和你的素材有着同样的设置（宽高比，编码，帧速率等等）最简单的办法就是将你的素材拖到序列上，这是会出现提示：序列和素材设置不一样，要不要把序列和素材保持一致，这时候选是。如果还是出现红线，表明你的素材不可以在fcp里面实时预览。一般单反拍摄的h264素材是不可以实时预览，需要转码成proRes，才可以实时预览。（使用PR cs55就没这个问题）
丢帧一种情况是你拍摄时记录素材的问题，如果使用单反，很可能是你的储存卡速度不够。还有一种可能是你的硬盘有坏道，或是速度不够，这个你要注意，否则出来的视频会有问题。用户偏好设置里可以设置关闭丢帧警告。同样，丢帧情况要渲染后再看。
无限实时指的是fcp或按照设置的码率进行最大限度的实时预览，性能不好时会跳帧保持预览流畅。这样有时会出现丢帧。安全实时则避免上述情况，保持所有帧都进行预览

---