DEV Community
·
在项目中是否有必要到处使用 Lazy 😴 和 Suspense 🕵？👨💻 这可能导致网页性能中的 CLS 📊 问题。
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
在新公司进行网页性能优化时，我发现React的Suspense组件导致CLS问题。父组件传递数据给子组件，但子组件在数据未加载时没有显示占位符，导致布局变化。对于小文件如2Kb的组件，不建议使用Lazy加载。这提醒我们注意网页性能的细节。
🎯
关键要点
-
在新公司进行网页性能优化时，发现React的Suspense组件导致CLS问题。
-
父组件传递数据给子组件，但子组件在数据未加载时没有显示占位符，导致布局变化。
-
对于小文件如2Kb的组件，不建议使用Lazy加载。
-
提醒我们注意网页性能的细节，尤其是组件渲染时的布局稳定性。
➡️
