该文章本来是想总结写一些可以提升浏览器优化的rel属性标签,后来发现总结全部rel属性基本在一些主流浏览器没有找到,但是在总结整理资料的过程中发现张鑫旭大大已经总结过了,接下来我就挑了几个我认为面试中可能会提及用来优化浏览器性能的几个标签和一些unbelievable标签,我觉得大家可能也找不到张鑫旭大大的那篇文章,这里我贴一个链接HTML rel属性值释义大全
(后来我试了谷歌,发现就在排名在第五!!!浏览器爸爸们为这写个人门户网站提高下排名吧)
文章只是小结一下,详细可以查看MDN文档
文章目录
Alternative stylesheets
即:可替换的样式,一般可以结合title达到样式更换的效果,具体的操作可以查看之前写的博客
dns-prefetch
一个经典的面试题就是:从输入url到页面加载发生了什么中,第一步就是DNS解析,而这个属性DNS Prefetching 是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能 减少用户的等待时间,提升用户体验
<link rel="dns-prefetch" href="https://www.bilibili.com/" />
manifest
manifest是HTML5引入的应用程序缓存,即在没有网络的情况下可以进行访问,.webmanifest
是约定俗成扩展名,返回文件内容类型需要是:Content-Type: application/manifest+json
,也支持.json
扩展名的清单文件可以接收一个json文件,文件中包含需要离线展示的一些配置项,这些配置项有关的内容,例如:图片、基本配置内容会保存到本地
当然manifest还可以直接创建一个.manifest文件