预加载系列二:让File Prefetching丝丝润滑无痛无痒

所谓 File Prefetching 就是在一个页面加载成功后,默默去预加载后续可能会被访问到的页面的资源。 前端资源预加载其实没啥新鲜的,我们倒腾这个事情的过程却是很有有意思也很有启发性。 第一个版本,简单粗暴有点痛 1、建一个独立的页面,里面索引了各种需要预加载的css、js,代码类似下面这样。 <html> <head> <link rel="stylesheet" »

JS一定要放在Body的最底部么?聊聊浏览器的渲染机制

说明: 1. 本文提到的浏览器均是指Chrome。 2. “script标签“指的都是普通的不带其他属性的外联javascript。 3. web性能优化的手段并不是非黑即白的,有些手段过头了反而降低性能,所以在讨论条件和结论的时候,虽然很多条件本身会带来其他细微的负面或正面影响,为了不使论述失去重点,不会扩展太开。 一、从一个面试题说起 面试前端的时候我喜欢问一些看上去是常识的问题。比如:为什么大家普遍把<script src=""></script& »