请问老师会说如何解决 vue 或react 首页白屏优化吗?

来源:2-3 RAIL测量模型【黄金指南】

xu520812

2020-07-30

针对目前大量使用框架,首页白屏成为优化重点,请问有什么更好的优化方案吗

写回答

1回答

Mr_Max

2020-07-31

同学你好,白屏问题是首屏优化主要要解决的,确实是当下前端优化的一个重点。优化的方法我们在这门课中都有涉及。

可以从3个角度来看首屏优化:

  1. 资源体积过大?
    资源压缩, 传输压缩, CDN, 代码拆分, Tree shaking, HTTP/2, 缓存

  2. 首屏内容过多?
    路由/组件/内容 lazy-loading, 预渲染/SSR, Inline CSS

  3. 资源加载顺序不合适?
    prefetch, preload

1
0

前端性能优化企业级解决方案 6大角度+大厂视野

只要项目还在线,性能优化永远是时刻要关注的问题

1109 学习 · 226 问题

查看课程