前端优化
7篇文章 · 0订阅
  • 一份完整的「前端性能优化」手册
    大家好，我是风骨，今天和大家分享一篇有关「前端性能优化」的话题。作为优秀的前端工程师，我们需要时刻关注页面性能指标，并持续优化。 在这篇文章中，我们将深入探讨前端性能优化的各个方面，包括但不限于衡量性
    前端 性能优化 JavaScript
  • 实时洞察 🔍 前端页面卡顿监测技术方案
    页面卡顿是用户在使用过程中经常遇到的一种情况，本文将深入探讨前端监控页面卡顿的有效方法与策略，包括帧率检测、心跳检测、长任务监听、性能监听等，力图为前端开发者提供一套全面且实用的解决方案。
    前端 监控
    实时洞察 🔍 前端页面卡顿监测技术方案
  • 封装 axios 拦截器实现用户无感刷新 access_token
    最近做项目的时候，涉及到一个单点登录，即是项目的登录页面，用的是公司共用的一个登录页面，在该页面统一处理逻辑。最终实现用户只需登录一次，就可以以登录状态访问公司旗下的所有网站。 其中本文讲的是在登录后如何管理access_token和refresh_token，主要就是封装 a…
    JavaScript
  • 高性能渲染大数据Tree组件
    背景项目中需要渲染一个5000+节点的树组件，但是在引入elementTree组件之后发现性能非常差，无论是滚动、展开/收起节点还是点击节点卡顿都非常明显，利用performance跑一下性能数据发现
    性能优化
  • 浅谈 webpack 性能优化（内附巨详细 webpack 学习笔记）
    笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…
    Webpack
    浅谈 webpack 性能优化（内附巨详细 webpack 学习笔记）
  • 聊一聊 webpack 的打包优化实践
    去年接触了公司内一个开发运行了两年多的项目，整体应用是基于 React 技术栈的，多个单页应用有构成了多页应用。可以理解为比较独立的子业务之间是 MPA 形式跳转，而子业务内部则是 SPA 形式。 本地开发环境下，代码改动后的热更新（增量编译）需要大概 10～20s 的时间，使…
    Webpack 性能优化
    聊一聊 webpack 的打包优化实践
  • 前端性能优化，这些你都需要知道
    最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…
    前端框架