优化
luqingxuan
这个作者很懒,什么都没留下…
展开
-
dns-prefetch/preconnect/prerender/prefetch/preload
学习mark http://www.alloyteam.com/2016/05/preload-what-is-it-good-for-part1/ http://www.jianshu.com/p/24ffa6d45087 http://blog.csdn.net/franktaoge/article/details/51473823 https://www....原创 2017-10-09 08:57:53 · 209 阅读 · 0 评论 -
defer & async
学习mark 两者的区别在于执行时的不同: async 脚本在script文件下载完成后会立即执行,并且其执行时间一定在 window的load事件触发之前。这意味着多个async脚本很可能不会按其在页面中的出现次序顺序执行。 与此相对,浏览器确保多个 defer 脚本按其在HTML页面中的出现顺序依次执行,同时HTML5标准要求,在DOM解析完成后,docume...原创 2017-10-11 08:01:47 · 69 阅读 · 0 评论 -
dns-prefect
学习mark 注意:dns-prefect、preconnect、preload、prefecth、prerender、subresource对应学习 chrome 会自动把当前页面的所有带href的link的dns都prefetch一遍 个人认为此处点出了image标签的src属性指向域名dns不会提前解析 需要手动添加link标签的场景是:你预计用户在后面的访问中...原创 2017-10-11 08:07:39 · 214 阅读 · 0 评论 -
webp
https://tech.upyun.com/article/252/WebP%20%E7%9A%84%E5%89%8D%E4%B8%96%E4%BB%8A%E7%94%9F.html https://zhuanlan.zhihu.com/p/23648251原创 2017-12-15 08:47:21 · 132 阅读 · 0 评论