如何深入FMP算法原理，优化项目性能？

太硬核了。 哎，Zui近被老板催着优化项目性Neng，说是用户体验太差了呃。我寻思着，用户体验差的原因有hen多啊！难道dou是FMP的问题？好吧好吧，那就深入研究一下FMP算法吧。说实话，一开始我真的一脸懵逼。感觉就像学量子物理一样，越学越觉得世界奇妙……

什么是FMP？别问我全称！

你知道吗？FMP的全称是什么？老实说我也不想记住！反正就是First Meaningful Paint 的缩写。简单就是浏览器第一次把有意义的内容呈现给用户的那个时刻。啥叫“有意义”的内容呢？嗯… 就是用户Nengkan懂的东西呗！比如一张图片、一段文字、一个按钮什么的。 别跟我提那些loading动画了！那玩意儿算个屁的有意义内容？！

为什么FMPhen重要？

老板说：”FMP是用户体验的关键指标！” 我心想：关键指标个头啊！用户才不在乎你的技术指标呢！他们只在乎Neng不Neng快速kan到想要的东西。想想你网购的时候，是不是恨不得网页一秒加载完成？如guo等半天dou没反应，你直接关了吧？suo以啊，FMP确实重要。而且Google也把它当成了一个重要的排名因素，走捷径。。

FMP算法原理：一团乱麻…

要搞懂FMP算法原理… 哎呦喂… 这可真是个挑战！它不像LCP那么直白，“第一个内容渲染完成”。 FMPgeng注重“有意义”。 这个“有意义”是谁定义的？浏览器吗？！ 它怎么判断什么是“有意义”的？！ 好像是根据一些启发式规则来判断的吧… 比如：，说句可能得罪人的话...

• 图像的可见部分： 如guo图片加载了一部分就显示出来 可Neng就算作 FMP
• 文本的可见部分： 如guo文本逐渐渲染出来也可Neng算作 FMP
• DOM 的变化： 一些动态内容的变化也可Neng触发 FMP

总之吧，它是个hen模糊的概念。