性能优化
8篇文章 · 0订阅
  • 实践指南-前端性能提升 270%
    本文正在参加「金石计划」 一、背景 当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。 本文就是从这样的一个背景出发，着
    前端 JavaScript 性能优化
    实践指南-前端性能提升 270%
  • 领导：小伙子，咱们这个页面出来太慢了！赶紧给我优化一下。
    性能优化 这样一个词应该已经是老生常谈了，不仅在面试中面试官会以此和你掰头，而且在工作中领导也会因为网页加载速度慢来敲打你学(打)习(工)，那么前端性能优化，如果判断到底需不需要做，如果需要做又怎么去
    性能优化 前端
    领导：小伙子，咱们这个页面出来太慢了！赶紧给我优化一下。
  • 别再用performance计算首屏时间了！！
    随着前端框架盛行，`Performance` 已无法准确的监控到页面的首屏时间，本篇文章讲一种前端首屏时间的计算方案，偏算法实现，重点是思想，看懂就等于赚到！
    性能优化 监控
    别再用performance计算首屏时间了！！
  • JS长任务（耗时操作）导致页面卡顿，优化方案大比拼！
    本文将从Web Worker 多线程、requestIdleCallback、setTimeout、来分析长任务优化最佳方案。
    前端 JavaScript
    JS长任务（耗时操作）导致页面卡顿，优化方案大比拼！
  • 前端性能分析实践——以字节剪映web为例
    前端性能分析是一名前端必须掌握的技能，本文对字节剪映web为例，介绍如何使用PageSpeed Insights和Chrome Performance工具分析页面性能
    前端 性能优化
    前端性能分析实践——以字节剪映web为例
  • 如何实现 H5 秒开？
    我在简历上写了精通 H5，结果面试官上来就问： 同学，你说你精通 H5 ，那你能不能说一下怎么实现 H5 秒开？
    前端 性能优化 面试
    如何实现 H5 秒开？
  • 大文件上传的处理方法——切片上传（前端）
    本篇介绍了切片上传的基本实现方式（前端），以及实现切片上传后的一些附加功能，切片上传原理较为简单，代码注释比较清晰就不多赘述了，后面的附加功能介绍了实现原理，并贴出了在原本代码上的改进方式。
    JavaScript
  • 重构之路：webpack打包体积优化（超详细）
    这一章讲打包体积优化，这个也算是最重要的一章了，我之前可是花了很多时间去查资料怎么优化打包体积的，不同版本的webpack之间还有一些区别，所以也算踩了很多的坑，所以这一章会比较长。 可以清晰的看到antd和react-dom就占了一半多，下面来优化。 1. 修改mode 2.…
    Webpack