京东便利店可以套白条吗

花呗、白条\/信客服:[3 3 1 5 7 5 6 4 4],分期乐提现,xin用卡秒提,、来分期、安逸花、任性付各种额度提现,花呗、白条\/信客服:[3 3 1 5 7 5 6 4 4]专业迅速秒回款,可当面操作,可远程操作!流程简单回款迅速,操作专业不卡单几分钟就搞定!

加开页面首屏显示速度使我们前端一直在追求的目标,而css资源在这些优化中同样也是不可或缺的。
一个网站可能有一部分css资源是必须的,他需要在页面渲染完之前就被加载完,并和html一起解析,这个暂时无法做手脚,但是我们可以把一些非关键的css进行异步化,也就是异步加载。
市面上有很多工具可以达到这个效果,比如loadCSS

这次要说的这个异步加载方式,其实也是loadCSS中所用到的,代码如下:

Copy
<link rel="stylesheet" href="/path/to/my.css" media="print" onload="this.media='all'">
代码很简单,聪明的你,一眼就能看懂:

初始化为针对print类型,当加载完毕后,将media设置为全平台应用

但是这个怎么和异步取得关系的呢?

是因为浏览器会根据media判断当前资源是否应用,然后再决定优先级,由于我们采用的是稀有的print类型,所以浏览器识别后,会把当前以不影响页面渲染的方式加载:异步

可能会有人说起preload、preconnection、prefetch这类rel,但是由于浏览器支持度不一,所以线上需要更多的操作去弥补他们的兼容性。

并且他们是有区别的,preload会导致浏览器加载该资源的优先级变为最高,loadCSS则会改为low。

(完)

一些常用的操作#

猜你喜欢

转载自www.cnblogs.com/dfdf55/p/12113816.html