性能优化
20篇文章 · 0订阅
  • 前端性能优化：模块联邦-从入门到放弃
    性能优化已是老生常谈的问题，但不知大家对于模块联邦这个概念是否熟悉。一句话介绍，模块联邦可以让当前前端应用动态地加载来自其他应用的代码。 听着有点绕？那我先来说说模块联邦带来的一个特性：依赖共享。
    前端 性能优化 React.js
  • Web极致性能优化指南（上）
    web性能#web性能优化#前端性能优化#web加载优化#前端优化#优化策略#web极致优化#打包编译优化#vue优化#vue3优化#webpack优化#web优化实践
    前端 JavaScript Vue.js
    Web极致性能优化指南（上）
  • IntersectionObserver：实现滚动动画、懒加载、虚拟列表...
    IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。
    前端 JavaScript ECMAScript 6
    IntersectionObserver：实现滚动动画、懒加载、虚拟列表...
  • 【Webpack】异步加载(懒加载)原理
    本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack 中异步加载（懒加载）的原理
    前端 Webpack 前端框架
    【Webpack】异步加载(懒加载)原理
  • 从零到亿系统性的建立前端构建知识体系✨（开篇）
    构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。
    前端 架构 前端框架
    从零到亿系统性的建立前端构建知识体系✨（开篇）
  • 一文彻底弄懂浏览器缓存，只需动手操作一次
    合理利用缓存，可以提高页面的打开速度，这句话是前端开发者耳熟能详的准则 但具体缓存对页面性能有多大的影响呢？为了彻底弄懂浏览器缓存，从动手验证下这条准则开始吧
    前端 浏览器
    一文彻底弄懂浏览器缓存，只需动手操作一次
  • 【万字】优化Webpack？肘，跟我进屋聊聊
    大家好我是来蹭饭，一个会点儿吉他和编曲，绞尽脑汁想傍个富婆的摸鱼大师。这是咱们Webpack大白话系列的第二篇文章，用大白话跟你唠明白如何优化Webpack。万字加多图，客官里边请。
    Webpack 前端
    【万字】优化Webpack？肘，跟我进屋聊聊
  • 干货！我是如何在一线大厂实践webpack优化的
    ｜д•´)!! 这里是属于webpack的世界，没有花哨艳丽的vite，有的，仅仅是繁衍到巅峰的webpack！
    前端 Webpack 腾讯
    干货！我是如何在一线大厂实践webpack优化的
  • Webpack - Tree Shaking
    1.什么是tree-shaking呢？ 字面意思 树摇 针对代码的话就是如果代码在我们项目中没有存在的必要 我们就可以通过treeshaking来减少项目体积 简洁度 加载速度更快 tree shak
    前端 Webpack
    Webpack - Tree Shaking
  • 如何使用Tree-shaking减少代码构建体积
    就是为了解决这个问题而写，希望看到这篇文章的同学能少走一些弯路。 函数bar由于没有被引用，因此bar为冗余代码。通过使用Tree-shaking，让bar在打包的时候自动被删除掉，从而减少了代码的构建体积。 sideEffects设为false，告诉Webpack没有文件有副…
    Webpack