240 发简信
IP属地:浙江
  • Resize,w 360,h 240
    cypress 快速上手

    cypress[https://www.cypress.io/] 是一个快速、简单、可靠的浏览器 E2E 测试工具。 Features cyp...

  • test2

    webpack的配置及基本运行原理 能分清loader和plugins区别 核心概念:entry,output,loader,plugins 运...

  • test

    webpack的配置及基本运行原理 能分清loader和plugins区别 核心概念:entry,output,loader,plugins 运...

  • html

    添加 cdn 预解析,例如预解析图片服务器

  • 其他

    使用 HTTP2 使用缓存强缓存Expires: Wed, 22 Oct 2018 08:41:00 GMTCache-control: max...

  • 图片

    使用图片压缩,如 tinypng ,减少体积 对于HTTP1.1,可以使用雪碧图拼接icon做成单张图片,减少请求次数,避免占用并发通道但是在H...

  • css

    应当放在页面头部, 中,防止出现页面闪动使用 @font-face 预加载字体font-display 设置为 swap (标题)或 fallb...

  • javascript

    添加defer属性,延迟执行脚本,不阻塞页面解析及渲染 如果脚本与页面元素无关,改为添加async属性,加载完成后立即执行 如果浏览器版本不支持...

  • webpack编译优化

    升级 webpack 版本至 4.x 使用 happypack 进行多线程编译 webpack 4.0 发布后 happypack 已经不维护,...