随笔分类 -  Web性能

摘要:一些准备 在开始这个话题之前,我们有必要简单回顾一下 浏览器(webkit)的网页渲染过程(如果想要详细了解这个过程,可以戳我几年前写的一篇文章。): 我们知道,浏览器在渲染过程中,如遇到节点需要依赖其他资源(比如:图片、CSS、JavaScript、video等),浏览器会通过网络去加载它们。这其 阅读全文
posted @ 2018-09-26 20:33 injser 阅读(1760) 评论(0) 推荐(1)
摘要:本文并不是一篇iframe API文档讲解,因此想了解iframe API的同学请移步 MDN, 我将在现在浏览器的角度与大家取探讨iframe, 因此,本文中虽然会提及一些iframe在旧浏览器中的应用, 但并不会去讲解。 所以,您对iframe在旧浏览器中的应用场景感兴趣的话,还请自己搜索相关资 阅读全文
posted @ 2016-12-03 23:13 injser 阅读(26221) 评论(0) 推荐(1)
摘要:本章我们讨论javascript在浏览器中是如果工作的,包括:下载、解析、执行的全过程。javascript的这些讨人嫌的地方我们是知道的:i.需要串行下载ii.需要解析iii.需要串行执行而在chrchromium中,js是这样解析的:(其实第一章末尾已经有了)至于一些步骤的解释,这里就不再复述了... 阅读全文
posted @ 2015-10-26 23:24 injser 阅读(3286) 评论(4) 推荐(1)
摘要:最近工作闲下来了,恰巧最近在研究前端性能优化相关的问题。读到很多书籍、以及以前公司分享的一些相关资料。这里将它们总结起来,以便大家学习。我们的目标是:没有白屏,对!没有白屏。以下是在同一台机器,相同网络环境的一个测试:大家都知道,浏览器产生白屏。是因为UI在渲染过程中被阻塞了。那么问题来了,是什么阻... 阅读全文
posted @ 2015-10-19 23:29 injser 阅读(3727) 评论(8) 推荐(2)
摘要:web性能优化之重要,这里并不打算赘述。本系列课程将带领大家认识、熟悉、深刻体会并且懂得如果去为不同的站点做性能优化 同时,本系列将还会穿插浏览器兼容性相关问题的解决方案,因为在我看来,兼容性同样属于性能优化的范畴 本系列参考了大量互联网资料及相关书籍。如:Pro HTML5 Performance 阅读全文
posted @ 2015-10-14 11:13 injser 阅读(281) 评论(0) 推荐(0)