css与js的装载与执行

css与js的装载与执行

装载与执行

  • 顺序执行、并发加载

    • 词法分析 => 从上到下依次解析
    • 并发加载 => 并发加载有上限(某个域名下并发数量是有限制的,应该控制每个域名下加载的资源数量)
  • 是否阻塞

    • css阻塞

      • css head中用link引入会阻塞页面的渲染(推荐)
      • css阻塞js的执行
      • 不阻塞外部脚本的加载
    • js阻塞

      • 直接引入的js阻塞页面的渲染
      • js不阻塞资源的加载
      • js顺序执行,阻塞后续js逻辑的执行
  • 依赖关系

  • 引入方式

 上一篇
资源的合并与压缩 资源的合并与压缩
资源的合并与压缩 减少http请求数量(合并) 减少请求资源的大小(压缩) html压缩 nodejs提供html-minifier工具 后端模版引擎渲染压缩 css压缩 nodejs提供html-minifier工具 使用cle
2018-05-14
下一篇 
懒加载与预加载 懒加载与预加载
懒加载与预加载懒加载(基本对于图片) 减少无效资源的加载 并发加载的资源过多会阻塞js的加载影响网站的正常使用 图片进入可是区域之后请求图片资源 电商等图片很多的情况,页面很长的业务场景适用 预加载 图片等静态资源在使用之前的提前请求 资
2018-05-13
  目录