性能优化
15篇文章 · 0订阅
  • 超详细的大文件分片上传⏫实战与优化⚡(前端部分)
    支持断点续传; 文件秒传; 使用了 WebWorker 并实现了浏览器的线程池; 使用了 Promise 池控制并发数量, 优化了 Hash 策略, 优化了内存占用, 超级详细⚡
    前端
    超详细的大文件分片上传⏫实战与优化⚡(前端部分)
  • 「前端性能」避免回流和重绘的必要性
    前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资
    前端 性能优化
    「前端性能」避免回流和重绘的必要性
  • 🍓中台表单技术选型实践(表单实践)
    此文章总结了不同的热门第三方表单的设计思路,解析各自设计的优缺点以及它们的演进思路,启发大家关于表单的最佳实践~
    前端 React.js JavaScript
    🍓中台表单技术选型实践(表单实践)
  • 前端如何提升To B产品用户体验
    前端作为一个直接面向用户提供人机交互界面的工种，体验优化的提升更是我们义不容辞的责任。本文将从前端入手，探讨如何更好地改善ToB类产品的用户体验。
    前端
  • ⚡️手把手带你将 CSR / SSR 应用迁移到 ESR 🚀
    前言 正所谓，天下大势，分久必合，合久必分，前端亦不例外。纵观整个前端的发展历程，我们不难发现整个的一个趋势似乎的确符合这个场景，从最开始的 JSP ，许多的页面渲染都交由服务端渲染完毕之后推送到浏览
    前端 JavaScript
    ⚡️手把手带你将 CSR / SSR 应用迁移到 ESR 🚀
  • 单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒
    单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..
    前端 性能优化
    单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒
  • React 的 KeepAlive 探索
    用过 Vue 的童鞋都知道 Vue 官方自带了 `Keep-Alive` 组件，它能够使组件在切换时仍能保留原有的状态信息，并且有专门的生命周期方便去做额外的处理。该组件在很多场景非常有用，
    前端 React.js Vue.js
    React 的 KeepAlive 探索
  • 因网速太慢我把20M+的字体压缩到了几KB
    > 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难怪网速变慢了呢😁😁。
    React.js
    因网速太慢我把20M+的字体压缩到了几KB
  • 写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
    所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标
    CSS JavaScript 前端
    写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
  • 前端性能优化之谈谈通用性能指标及上报策略
    性能优化是所有前端人的追求，在这条路上，方法多种多样。这篇文章，说一下可以怎样定义性能指标及上报。 FP，全称 First Paint，翻译为首次绘制,是时间线上的第一个时间点，它代表网页的第一个像素渲染到屏幕上所用时间，也就是页面在屏幕上首次发生视觉变化的时间。 通过perf…
    前端 性能优化
    前端性能优化之谈谈通用性能指标及上报策略