如何通过编程方式从HTML字符串中找到“最大内容画图”？
我有一个页面，它的内容是由用户生成的，我想知道动态（或者可能在第一次页面加载和缓存时）该页面的LCP是什么，这样我就可以对此做一些事情（预加载图像或添加div块）。
是否有一种方法可以完成类似的工作（理想情况下通过Node或PHP）：
const lcpElement = findLcp(htmlString);
// lcpElement will contain the LCP HTML element谢谢你
如何通过编程方式从HTML字符串中找到“最大内容画图”？
我有一个页面，它的内容是由用户生成的，我想知道动态（或者可能在第一次页面加载和缓存时）该页面的LCP是什么，这样我就可以对此做一些事情（预加载图像或添加div块）。
是否有一种方法可以完成类似的工作（理想情况下通过Node或PHP）：
const lcpElement = findLcp(htmlString);
// lcpElement will contain the LCP HTML element谢谢你
1条答案
按热度按时间wsxa1bj11#
如果使用无头Chrome（如您在评论中建议的），那么您可以只使用PerformanceObserver向浏览器请求LCP元素。
请访问：https://web.dev/lcp/#measure-lcp-in-javascript