前端性能优化-渲染优化-极客时间

前端性能优化

第三章:渲染优化

3.1 浏览器渲染——你是否清楚浏览器的渲染过程
image-20210910174430573
3.2 页面渲染——主流的页面渲染技术架构和方案有哪些?
image-20210910174825656
3.3 后端同步渲染—— JSP 是如何同步渲染出页面的
image-20210910175112055 image-20210910175301765 image-20210910175545214
3.4 页面静态化:动态页面静态化如何实现?
image-20210910180034895 image-20210914190750499 image-20210910180329189
3.5 前后端分离——如何正确理解和实现前后端分离
image-20210910180600113 image-20210910180801412 image-20210910181014592
  • 不利于 SEO,搜索引擎更喜欢静态页面
3.6 单页面应用—— 什么情况下该选择单页面应用
image-20210914190841386 image-20210910181322615
  • 缺点:
    1. 首次页面加载事件长
    2. SEO 难度比较大(SSR SEO好做一些)
image-20210910181431587
  • 不需要跳转翻页(一个页面实现整个业务)
3.7 BIgPipe——什么是BgPipe,以及其工作原理
image-20210910181829235 image-20210910181848169 image-20210910182003792
3.8 同构直出——有哪些主流的同构直出方案
image-20210914191005949
  • SSR:首屏渲染快,SEO比较好
image-20210910182814621 image-20210910182859145
3.9 PWA——如何做到媲美原生应用的体验?
image-20210910183750814 image-20210910183946692
3.10 页面渲染:怎样选择合适的技术方案
image-20210910184543742
3.11 页面加载——加载策略有哪些?又该如何选型
image-20210910185024022 image-20210910185204709 image-20210910185214074 image-20210910185612972 image-20210910185705617 image-20210910185728702 image-20210910185833663 image-20210910185914869 image-20210910190046034 image-20210910190132381 image-20210910190205128

猜你喜欢

转载自blog.csdn.net/qq_27575925/article/details/120294346