性能优化
12篇文章 · 0订阅
  • 十分钟教会你如何运用React Profiler检测React性能
    背景介绍 在React开发中，我们会经常运用各种方式去优化性能。比如利用PureComponent、React.memo等方式去跳过一些不必要的组件更新、利用useMemo、useCallback实现
    React.js 性能优化
    十分钟教会你如何运用React Profiler检测React性能
  • Webpack5教程五：如何实现webpack打包优化
    只要是做项目开发，必定离不开项目优化这个话题，实际工作中的项目页面一般都比多，业务逻辑自然也比较复杂，构建速度肯定会越来越慢，我们可以使用webpack optimization进行打包优化
    Webpack
    Webpack5教程五：如何实现webpack打包优化
  • umi 性能优化：使用CDN一篇就够
    前言 在使用umi的过程中，随着项目的日渐膨胀，由于在umi3之前打包的时候都是集中在一个大文件上的，这就是导致一个文件会很大，有幸见过一个js文件超过了10M，而且项目所运行的网络又是3G网速。这时
    前端
    umi 性能优化：使用CDN一篇就够
  • web性能优化（Lighthouse和performance）：从实际项目入手，如何监测性能问题、如何解决。
    一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance
    性能优化 前端 面试
  • 前端性能优化 — 保姆级 Performance 工具使用指南
    性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴，在使用 Chrome 浏览器
    性能优化
  • 你知道Chrome Network ，Size 和 Time 为什么有两行参数吗？
    在服务器端采取gzip压缩算法将将原有441KB压缩至44.3KB,传输大小缩短10倍，大大的提高了接口传输的效率。 每个用户网络带宽不一样，对于网慢的用户来说，这个体验可能更差，所以在编写代码的时候，返回的数据量要尽量精简。
    后端
  • 浏览器之性能指标-TTI
    凡所执念，皆成束缚 --《佛经》 大家好，我是**柒八九**。 今天我们来聊聊另外一个比较重要的性能指标`TTI`。
    浏览器 性能优化 掘金·金石计划
  • 最体系化最深度的前端性能优化详解
    实施优化方案之前，首先要知道为什么要这样优化。这就需要你上到框架原理、js、css，下到浏览器、js 引擎、计算机网络等原理都有不错的了解。所以性能优化真的涵盖了太多前端知识，甚至是绝大部分前端知识。
    前端 面试 性能优化
    最体系化最深度的前端性能优化详解
  • 🐢11s到⚡1s，性能优化之首屏加载🚀
    在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~
    性能优化
    🐢11s到⚡1s，性能优化之首屏加载🚀
  • React + antd + webpack打包优化，首屏加载优化
    1. 业务js按需加载 2. webpack-bundle-analyzer（可视化视图查看器） 查看 webpack 打包后所有组件与组件间的依赖关系，针对多余的包文件过大。 发现 antd中的icon组件以及本地引入的moment打包出来过大。 3. 针对moment打包过…
    React.js