既然做优化，首先得确定 WebView 加载 H5 的耗时如何计算。首先我们来看下互联网头部公司如何确定的： 今日头条对 WebView 加载 H5 的耗时...

前端首页渲染速度优化，这张图是我发现的比较宝藏，比较全面的一张首页加载优化图，便以此图来进行相关总结

通过一个简单的场景，一个简单的demo，了解如何通过流式渲染增强页面FCP、LCP、TTI等指标，增强用户体验。

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

前言 上一篇我们已经围绕“网络层面”探索页面性能优化的方案，接下来本篇围绕“浏览器渲染层面”继续开展探索。正文开始前，我们思考如下问题： 渲染关键环节 优化原则 我们了解“页面渲染关键环节”后，便可知

前言 最近单位要为了seo改造 ssr，需要前期做个调研，作为股肱之臣的我（也可能是头号混子）身先士卒接受了这个任务， 毕竟，临近年终，所谓天下熙熙皆为利来，天天嚷嚷皆为利往，写业务不是不能被领导看中

前言 一谈到 SSR，大家可能立马想到以下关键词： FCP首屏时间优化 SEO友好 现在去实现 SSR 并不难，Next.js / Nuxtjs 为我们提供了良好的上层封装，我们很容易获得上述 SSR

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时机，提升页面性能。一、从一个