优化
34篇文章 · 0订阅
  • 前端最全性能指标与排查方法
    一、前端性能指标 1.1、LCP（Largest Contentful Paint 最大内容渲染时间） 可视窗口内最大元素绘制时间，在用户第一次交互后停止记录，并且随着页面渲染而变化，因为页面中最大元
    前端
  • 不要再写满屏import导入啦！🔥
    序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import
    前端 JavaScript Node.js
    不要再写满屏import导入啦！🔥
  • 来一次酣畅淋漓的vite打包优化吧
    最近发现项目首次加载特别慢，原来是打包出来的文件太大的原因。 项目技术栈：vue3 + vite + ts + ant design vue 既然这样，那就开始打包优化吧。打包分析，结果如下： 第一步
    性能优化 Vite
  • 两行CSS让页面提升了近7倍渲染性能！
    现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性
    CSS HTML
    两行CSS让页面提升了近7倍渲染性能！
  • 前端性能-首次加载优化70%
    打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！
    前端 性能优化 Webpack
  • 【ES6系列】 90% 的前端都会使用 ES6 来简化代码，你都用过吗？
    最初 `JavaScript` 语言有 2 份标准：`ECMA-262`：主标准，由 ECMA 国际组织（`Ecma International`）负责管理；`ISO/IEC 16262`：第二标准，
    JavaScript
    【ES6系列】 90% 的前端都会使用 ES6 来简化代码，你都用过吗？
  • 前端 debug 的奇淫技巧
    为什么要写这个文章呢？其实发现很多同学对一些很简单又有效的 debug 手段都不太了解，找 bug 的方式都不是很高效，导致最终 bug 找不到或者走了很多弯路。 Devtools 作为前端开发，ch
    Debug 前端 程序员
    前端 debug 的奇淫技巧
  • 前端异常监控和容灾
    对 JS 而言，异常一般只会中止当前任务，基本不会导致崩溃，可异常监控却是一个完善的前端方案必须具备的
    前端 JavaScript
    前端异常监控和容灾
  • 如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？
    很多项目历史悠久，其中很多文件或是 export 出去的变量已经不再使用，非常影响维护迭代。 举个例子来说，后端问你：“某某接口统计一下某接口是否还有使用？”你在项目里一搜，好家伙，还有好
    前端 JavaScript 架构
    如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？
  • 揭秘 Vue.js 九个性能优化技巧
    这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…
    Vue.js 性能优化 前端