weixin_50756332的博客

意义：当HTML文档被完全加载和解析之后，DOMContentLoaded事件被触发，无需等待样式表、图像的完成加载。意义：DOM树和页面加载完成时间，会触发domContentLoaded时间。dom：DOM解析耗时，domInteractive - responseEnd。首包时间耗时：responseStart - domainLookupStart。意义：读取缓存的时间。意义：建立连接的耗时。4、分析数据：对收集到的数据进行分析和挖掘，找出用户行为规律和需求，为产品的改进和优化提供数据。

图片懒加载（Lazy Loading）是一种优化技术，用于延迟加载页面中的图片，直到它们进入用户的可视区域（viewport）时才加载。这样可以减少页面初始加载时间，提升性能。，结合占位符和加载动画提升用户体验。是浏览器提供的原生 API，用于监听元素是否进入可视区域。为了提升用户体验，可以在图片加载前显示占位符或加载动画。监听页面滚动事件，检查图片是否进入可视区域。功能丰富，支持响应式图片、背景图懒加载等。不支持自定义加载占位符或加载动画。，可以通过监听滚动事件实现懒加载。属性，可以直接实现图片懒加载。

的高效算法，探讨的是虚拟DOM树发生变化后，生成DOM树更新补丁的方式。对比新旧两株虚拟DOM树的差异，将更新补丁作用于真实DOM，在更新视图时，这两个函数会根据新旧节点的差异来决定是否需要添加或移除节点。diff算法的核心目的是用最少的步骤找出新旧节点的差异，从而更新视图。而patchVnode函数则用于处理虚拟节点之间的差异。React的diff算法与Vue有所不同。它根据新旧节点的差异来更新子节点，确保视图的一致性。给真实的DOM打补丁，更新相应的视图。处理子节点更新的关键函数。

LCP（Large Contentful Paint）是Core Web Vitals一个关键的Web性能指标，用于衡量网页的加载性能。具体来说，LCP是指从用户请求页面开始到页面主体内容（如大图像、视频或大块文本）完全加载并显示在视口所需的时间。LCP越短，用户感受到的页面加载速度就越快，这对提升用户体验和页面留存率至关重要。为了获得良好的用户体验。Google建议LCP时间在2.5秒以内。如果LCP超过4秒，则需要进行优化。三个关键指标中其它两个指标是。