问题
有一次页面加载了一个 css 文件,文件是 cdn 链接来的,cdn 挂了之后 css 文件无法加载,导致页面打开比较慢。
解决
<link rel="stylesheet" href="css.css" media="none" onload="if(media!='all')media='all'">
页面加载 CSS 文件时,如果 CDN 链接失效,会导致页面加载缓慢。本文介绍一种非阻塞加载 CSS 的方法,有效避免 CDN 故障导致的页面加载延迟,通过使用 `media='none'`属性和`onload` 事件,在 CSS 文件加载完成后再将其应用于页面。
有一次页面加载了一个 css 文件,文件是 cdn 链接来的,cdn 挂了之后 css 文件无法加载,导致页面打开比较慢。
<link rel="stylesheet" href="css.css" media="none" onload="if(media!='all')media='all'">