深入浅出浏览器渲染原理

作者/分享人:i5ting
向 Ta 提问
cnode管理员,node全栈公众号作者,博文视点签约作者,曾任CTO时,使用Node组建国内node最大的创业团队

对于HTTP协议和浏览器渲染原理都是理解容易但不好讲明白,那么为什么不采用Node.js来阐述呢?以实践的方式、最简单的方式来向你展示不好讲的东西,对于Node.js开发者和大前端开发来说都是非常实用的,想听么?

  • Node HTTP三大部分:EventEmitters \ Streams \ HTTP
  • 浏览器渲染原理
  • 通过举例,实践性能优化要点
  • 通解总结

实录提要:

  • 抓包工具和前端性能监控工具有推荐吗?
  • 选择 header 还是 body 传递消息,通常是基于什么考虑的?
  • 浏览器渲染的详细原理以及优化性能方面有什么资料推荐吗?
  • react 通过虚拟 dom 操作 dom 和直接用浏览器 api 操作 dom 树的差别在哪里?
  • 对于移动端的请求数如何分配是比较合理的?如压缩与请求数如何最优?
  • 网络协议在浏览器中有哪些实践?
  • 如何尽可能避免回流或者重绘?
  • 懂 Java 的是不是建议去学 Node,在哪些方面 Node 相比 Java 有绝对优势?
  • 怎么管理 node 的日志?有接入数据分析系统吗?
  • node 和 Python 相比有什么优势吗?
已有553人预订
预订达标
文章出炉
交流日期
     
04月27日
05月18日
05月25日 20:30
查看文章评论/提问
YuKo
付费了怎么内容和chat上提的不一致?
谢昊: 我也想问这个问题,不是说好的要讲event啊stream啊还有渲染原理的吗。。。我还以为这个chat是要实现dom解析脚本加载等简版phantomJS的。。。
上善若水: 有点跑题的感觉,想讲渲染,结果说了整个流程还讲的老远,但又没讲出什么具体内容。框架大而空洞
Server: 标题党~有点失望
白年
内容和标题不一致,没提浏览器渲染和解析,醉了???
谯洪敏
好文,学习了,狼叔
何忠峰
狼叔好,这么晚发文章。
i5ting: 最近事儿太多,快疯了
bugall
对渲染树进行布局适应整个渲染过程中最耗时的么。
i5ting: 不能完全那样说,以数据为准,一个一个计算,想想也是极其耗时的嘛
呆呆栋
狼叔对浏览器研发有什么看法和建议?谢谢
i5ting: 苦的是前端,但移动端打包一个浏览器环境还是很棒的
呆呆栋: 移动端打包一个浏览器环境是指?
呆呆栋
打包环境会不会是客户端的包变得很大?
侯佳林
好文,逻辑清晰明了
卒酉
细致条理,小白很开心的发现看懂了,为提高的路径指明了方向。
阳光
开悟了
ray
文章中写了优化的关键点是优化几个关键节点,那能不能针对这几个关键节点给出实验方案,让读者能够亲自实践这几个优化节点在优化之前和之后带来的实验效果
芦苇。
谢谢狼叔。
 greg.
那么在渲染的时候怎样用HTML,CSS去渲染这个页面呢。难道真的要用js来编写一个页面吗?虽然也可以但是直接用H5比较好吧?那么如果require的话也不应该啊。引入的是一个文件夹?
佳洋妈妈
请问抓包工具和前端性能监控工具有推荐么?
Yang
讲解得很透彻,借助node来理解确实很有效果,非常感谢!关于http header和body,POST请求是通过body,而JWT的token是通过header,那么选择header还是body传递消息,通常是基于什么考虑的呢?
吃土小2叉
狼叔您好,文章中关于浏览器性能的优化主要是针对初次渲染的优化,从解析到渲染再到展示,但是似乎没有对回流或者重绘做介绍。希望狼叔能介绍一下如何尽可能避免回流或者重绘,或者说,在页面加载好之后,在用户与页面元素交互的过程中,如何优化 UI 的响应、反馈速度以及流畅度?
霪霖笙箫
狼叔好,一直看你的nodejs教程学习。内容挺好,感觉意犹未尽,期待下一期
白年
提问也是亮了,部分居然跟chat没什么关系!
郑文平
好文
阿二
为啥狼叔的个人播客打不开?i5ting.com.翻墙也来不了,狼叔的所有历来文章都发布在哪,求follow
你可能还喜欢
Service Mesh 在华为公有云的实践
田晓亮
从零开始,搭建 AI 音箱 Alexa 语音服务
Mike
Web 安全恩仇录:再谈逻辑漏洞
肖志华
如何用 Vue 实现前端权限控制(路由权限 + 视图权限 + 请求权限)
雅X共赏
智能增长:如何用大数据和人工智能实现业务体量的增长
蒋凡
有关 Mock 的是是非非
思考的犀牛
微信扫描登录