什么是CLS以及如何优化它 cls是什么意思


什么是CLS以及如何优化它 cls是什么意思

文章插图
@font-face {
font-dispaly: block | swap | fallback | optional | auto;
}
@font-face {
unicode-range: ....; // 若是一次性将所有的字体都引入,会导致加载的内容非常多,例如汉字那么多,不可能一次性全部加载,因此可以将汉字使用频率进行拆分,然后按照优先级进行加载,且只有当其中的字体被使用的时候才会进行加载
}
<!-- 必须使用corssorigin="anonymous" 解决跨域问题 -->
<link rel="preload" href="https://www.520longzhigu.com/shenghuo/xxx.woff2" as="font" type="font/woff2" crossorigin="anonymous" >
<img src="https://www.520longzhigu.com/shenghuo/xx.png" width="200" height="200" alt="png" />
参考:
  • cls
  • optimize-cls


    以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

    「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: