161206

DNS prefetching 相关

Chromium uses the "href" attribute of hyperlinks to find host names to prefetch. However, some of those hyperlinks may be redirects, for example if the site is trying to count how many times the link is clicked. In those situations, the "true" targeted domain is not necessarily discernible by examining the content of a web page, and so Chromium not able to prefetch the final targeted domain.

• chrome 会利用当前页面所有的href 里的链接来做DNS prefetch

• 深层次的重定向不会prefetch

两条反馈的信息&＃xff1a; 超链接浏览器自己做prefetch&＃xff0c;跳转的&＃xff0c;静态资源这些常用的点&＃xff0c;浏览器并不帮你做&＃xff0c;还是得手动prefetch

iframe 的预加载优化

• 如何在预加载js的时候不执行 &＃xff08;利用image&＃xff09;

• 进一步提升预加载性能&＃xff08;在页面加载完成够三秒执行prefetch的逻辑&＃xff09;

• 不做重复加载&＃xff0c;定期重复加载&＃xff08;利用localstorage&＃xff09;

css inline

加载成功的回调里加一条COOKIE 来标记该css 已经加载

之后load的时候&＃xff0c;使用COOKIE与文件进行比对&＃xff0c;命中则去直接加载&＃xff08;由于缓存&＃xff0c;加载极快&＃xff09;&＃xff0c;如果没有命中&＃xff0c;则inline去加载

按需加载css

一次实战&＃xff0c;在一个页面里&＃xff0c;有多个主题&＃xff0c;根据type来按需进行css inline的处理