当前播放: 18 | 浏览器渲染:你是否清楚浏览器的渲染过程?
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
课程目录
第一章:课程背景介绍 (2讲)
01 | 课程介绍
免费
02 | 内容综述
免费
第二章:静态资源优化 (15讲)
03 | 图片优化:如何为不同格式的图片选择合适的应用场景?
免费
04 | 图⽚优化:怎样让图片加载得更快?
免费
05 | 图片优化:在服务器端进行图片自动优化的原理是什么?
免费
06 | HTML:怎样精简优化HTML的代码结构?
07 | CSS:CSS的优化应该遵循哪些原则?
08 | JavaScript:如何提升JavaScript的执行效率?
09 | JavaScript :如何对JavaScript的缓存进行优化?
10 | JavaScript:如何选择合适的模块化加载方案?
11 | 怎样才能减少浏览器的回流和重绘?
12 | DOM编程优化:怎样控制DOM大小并简化DOM操作?
13 | 静态文件:有哪些常用的压缩工具?
14 | 静态文件:怎样打包才更合理?
15 | 静态文件:版本号更新,你应该遵循哪些策略?
16 | 构建工具:常用的前端构建工具有哪些?如何选型?
17 | 打包优化:提升webpack打包效率的6个小技巧
第三章:页面渲染架构设计与性能优化 (13讲)
18 | 浏览器渲染:你是否清楚浏览器的渲染过程?
19 | 页面渲染:主流的页面渲染技术架构和方案有哪些?
20 | 后端同步渲染:JSP是如何同步渲染出页面的?
21 | 页面静态化:动态页面静态化要如何实施?
22 | 前后端分离:如何正确理解和实现前后端分离?
23 | 单页面应用:什么情况下该选择单页面应用?怎样实现?
24 | BigPipe:什么是BigPipe?你了解它的工作原理吗?
25 | 同构直出:有哪些主流的同构直出方案?如何选择?
26 | PWA:如何做到媲美原生应用的体验?
27 | 页面渲染:怎样选择合理的技术方案?
28 | 页面加载:加载策略都有哪些?又该如何选型?
29 | 接口优化:如何对接口调用进行优化?
30 | 接口优化:如何对接口缓存进行优化?
第四章:原生App优化 (8讲)
31 | WebView:如何选择合适的WebView内核?
32 | 浏览器优化:如何设置全局WebView?
33 | 浏览器优化:如何实现导航栏预加载?
34 | 浏览器优化:如何打通登录态?
35 | 浏览器优化:如何实现URL预加载?
36 | 浏览器优化:如何提升滚动条的使用体验?
37 | 浏览器优化:如何对JS-SDK进行优化?
38 | 浏览器优化:目前主流的缓存策略有哪些?
18 | 浏览器渲染:你是否清楚浏览器的渲染过程?

18 | 浏览器渲染:你是否清楚浏览器的渲染过程?

刘威
前端架构师
62讲 约600分钟1754
订阅¥129
本节摘要
登录 后留言

精选留言

由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论
看过的人还看
浏览器工作原理与实践

李兵  前盛大创新院高级研究员

43讲 | 6345 人已学习

拼团 ¥79 原价 ¥99
Node.js开发实战

杨浩  腾讯高级工程师

57讲 | 3917 人已学习

拼团 ¥99 原价 ¥129
JavaScript核心原理解析

周爱民  《JavaScript语言精髓与编程实践》作者,南潮科技(Ruff)首席架构师

21讲 | 3700 人已学习

拼团 ¥55 原价 ¥68
玩转webpack

程柳锋  腾讯高级工程师,IVWEB团队社区和工程化负责人

84讲 | 5519 人已学习

拼团 ¥79 原价 ¥99