性能优化篇
17篇文章 · 0订阅
  • vue3 table 性能优化，减少 85% 渲染耗时
    项目从 vue2 升级到 vue3 后发现 element-plus table 的性能相比 vue2 版本下降非常严重，很卡，经过性能分析比对，找到了 3 个比较核心的优化点，减少了85%渲染耗时。
    性能优化 前端 Vue.js
    vue3 table 性能优化，减少 85% 渲染耗时
  • 前端性能优化——首页资源压缩63%、白屏时间缩短86%
    提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理
    前端 性能优化 Vue.js
    前端性能优化——首页资源压缩63%、白屏时间缩短86%
  • 非大厂的我们，如何去卷一套标准的前端团队规范？
    任何能提高代码可维护性、降低代码理解成本、提高代码的容错率和提高项目可扩展性的统一标准，称之为规范标准； 但是如何去落实规范就是一个难题了，我相信本文能给您答案 ~
    前端 后端 代码规范
    非大厂的我们，如何去卷一套标准的前端团队规范？
  • React 官网为什么那么快？
    当我们打开 React 官网时，会发现从浏览器上输入url 到页面首屏完全展示这一过程所花的时间极其短暂，而且在点击页面中的链接切换路由时非常顺滑，几乎页面可以做到“秒切”的效果，根本不会出现卡顿等待
    前端 React.js
    React 官网为什么那么快？
  • Vue项目性能优化实操,从50分到80分
    分析性能 在进行具体的优化之前，我们需要借助工具，分析一下性能。以下操作推荐在浏览器无痕模式下进行，可以多测几次，取一个平均值，避免网络波动带来较大的误差！
    前端 Vue.js
    Vue项目性能优化实操,从50分到80分
  • 从图片懒加载来看IntersectionObserver
    我们在做项目性能优化的过程中往往会优先去考虑对图片的优化，尤其是一些电商类项目或者书籍类项目，往往会存在大量的图片。虽然图片比文字更能吸引用户，但是项目中图片过多或者图片过大也会影响我们页面的加载速度
    JavaScript CSS
    从图片懒加载来看IntersectionObserver
  • 一看就会的代码分离优化首屏加载
    1.为何我需要代码分离 在开发过程中，发现首屏加载过慢导致用户体验不佳(大约需要10秒左右)。Boss直接一声令下，需要前端来做优化了！ 在优化过程中可谓是踩坑无数，百思不得其解，到最后发现是不过如此
    前端
  • 中高级前端需要了解的vue-cli优化技巧
    压缩60%，本文将从10个打包优化点出发，探索一下我们基于vue-cli创建的项目如何从零开始进行打包优化
    Vue.js 前端
    中高级前端需要了解的vue-cli优化技巧
  • 最全前端性能优化总结
    最全前端性能优化总结 前端性能优化分两部分 1、加载性能优化 2、渲染性能优化 一、加载性能优化 本质： 1、减少请求次数； 2、减少请求资源的大小； 3、网络优化； 1、减少请求次数 为什么减少请求
    前端 性能优化
    最全前端性能优化总结
  • 前端性能优化：细说浏览器渲染的重排与重绘
    前端性能优化因为涉及到计算机网络、数据算法、图形图像处理、浏览器渲染等多方面计算机知识，常作为前端工程师乐此不疲的技术讨论话题，也正因如此，它也是面试时容易被问及的面试题之一。 本篇文章缘起一次偶然的面试问答所引申出的思考整理，着笔于浏览器渲染的角度，探讨前端性能优化的思路和实…
    浏览器 JavaScript 前端
    前端性能优化：细说浏览器渲染的重排与重绘