性能优化
3篇文章 · 0订阅
  • webpack4配置(3)-打包css/js/图片等资源
    webpack可以使用各种不同loader来预处理不同格式的资源。 使用css-loader+style-loader的方式是将样式打包进js文件，然后以style标签的形式嵌入页面。css样式与js文件混在一起可能导致一些样式混乱，所以使用插件将css样式统一打包进一个css…
    Webpack
  • 15-webpack 压缩 JavaScript 代码
    设置 mode 为 production 配置后，webpack v4+ 会默认压缩你的代码。生产环境下默认使用 TerserPlugin ，并且也是代码压缩方面比较好的选择。
    Webpack
  • 前端性能优化总结
    WebP 的优势体现在它具有更优的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量；同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性，在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。无损webp相比png减少26%大小。 从4…
    JavaScript