First Load JS Optimization在前端页面中，性能指标是常常被提及的话题，目前的指标通常由以下几个数据组成：
- 服务器响应时间：用户访问网站后需要多久时间才会获得响应。
- 页面渲染时间：页面完全可见以及可交互所需要的时间。
- 用户交互时间：用户在页面上进行关键交互的所需时间。（比如添加商品至购物车）
更详细的介绍可以参考以下两篇 Vercel 官方撰写的博客。
目标优化站点
通常在页面开发过程中，我们可以采用https://pagespeed.web.dev/或 Chrome 浏览器中自带的 Lighthouse 来进行页面性能的简单测试。
这是我们未优化的页面：
可以看到目前站点首屏的 Lighthouse 性能测试中，LCP(Largest Contentful Paint) 与 Speed Index 两项指标的表现并不是很好。
结论
在优化首屏显示中，通过将一些比较重的依赖包采用动态导入的方式进行导入，不仅优化了页面大小也优化了初次加载 JS 大小，使得页面在初次加载的时候速度更快。