文章目录
  1. 1. Defined
  2. 2. Main()
    1. 2.1. href
    2. 2.2. src
    3. 2.3. Refer

Defined

之前一直放在todo, 怕自己忘记还是写在博客好了.这两个不可通用

Main()

href

  1. href不会阻断页面解析(parsing), 但是渲染(rendering)可能因为没有style会停止,所以在网络比较差的情况下会出现各种图片/字体等加载异常.
  2. 这种方式和css文件内的@import模式直接下载并加载(dumping)所需内容的方式不一样, 所以在数据加载优化方面直接的link引用会比@import更加流畅

src

  1. src会直接阻止浏览器加载直到他在fetch-compiles-execute这些过程完整度过.
  2. 图片的src也是同理, 所以出现了lazyload/base64折中的方式来减缓压力
  3. 1也是为什么scirpt标签要放在body底部的原因(浏览器是从上到下, 从左到右的加载方式)

Refer

stackoverflow

文章目录
  1. 1. Defined
  2. 2. Main()
    1. 2.1. href
    2. 2.2. src
    3. 2.3. Refer