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

前端性能优化

第三章:渲染优化

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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值