性能优化
4篇文章 · 0订阅
  • 嗨，送你一张Web性能优化地图
    我们都知道对于Web应用来说性能很重要。然而性能优化相关的知识却非常的庞大并且杂乱。对于性能优化需要做些什么以及性能瓶颈是什么，通常我们并不清楚（不包括那些对性能优化有丰富经验的高手）。 事实上关于Web性能有很多可以优化的点，其中涉及到的知识大致可以划分为几类：度量标准、编码
  • Webpack Tree shaking 深入探究
    App往往有一个入口文件，相当于一棵树的主干，入口文件有很多依赖的模块，相当于树枝。实际情况中，虽然依赖了某个模块，但其实只使用其中的某些功能。通过Tree shaking，将没有使用的模块摇掉，这样来达到删除无用代码的目的。 关于Tree shaking的原理，在Tree S…
    Webpack Babel 前端
  • 图片懒加载
    debounce函数限制了lazyLoad的触发频率，800ms等待时间内scroll时间再次触发则重置时间，术语叫防抖。这就完了?nonono!假设我们把wait设的大点，2s，如果用户一直滑动滚动条，时间不断被重置，造成的效果是lazyLoad一直不被执行，图片加载不出来，…
    前端
  • Vue 项目配置 image-webpack-loader
    最近开发 Vue 项目的时候部署上线越发觉得 dist 包越来越大，通过一步步的排查，才确定了是图片静态资源太大了！虽然可以通过 url-loader 把图片文件转换为 base64，但是这种方式仅适
    Webpack 前端
    Vue 项目配置 image-webpack-loader