预加载系列二：让File Prefetching丝丝润滑无痛无痒
所谓 File Prefetching 就是在一个页面加载成功后，默默去预加载后续可能会被访问到的页面的资源。 前端资源预加载其实没啥新鲜的，我们倒腾这个事情的过程却是很有有意思也很有启发性。 第一个版本，简单粗暴有点痛 1、建一个独立的页面，里面索引了各种需要预加载的css、js，代码类似下面这样。 <html> <head> <link rel=…
Read MoreTiny-loader 好用的资源加载器
Tiny-Loader 项目已经在github上开源，具体可看： Tiny-Loader 概述 在前端性能优化中，我们会压缩静态文件，懒加载图片，合并请求，来加快页面打开速度。当这些都做完以后，前端性能优化仿佛进入了一个瓶颈，所有的资源都已经最合理化加载了。其实，仔细观察静态资源文件，会发现许多文件我们并不需要在页面一开始就下载它们。这时候，如果有个组件，帮助我根据优先级的不同，在特定的时间下载特定的资源，同时需要保证脚本的执行顺序，就能完美的解决这个问题。这个就是 Tiny-Loader 的起源。…
Read More预加载系列一：DNS Prefetching 的正确使用姿势
发现 很多人都知道现代浏览器都支持 DNS 的预解析，学名：DNS Prefetching。用法也很简单，就是在html代码里加入这样的 link 标签 <link rel="dns-prefetch" href="//delai.me"> 我们之前的用法是在 Head 为2个 静态资源服务器的域名 和 日志图片的域名…
Read More