事情的起因是我们WMS系统内有一个批量打印的功能，今天仓库反应第一次打印的速度大概是2s，但是之后每次都越来越慢，到后面页面基本就直接卡死了。 从这个表现来看，这个问题基本可以定位成性能问题，而不是可以被try...catch到的异常。 一行行review这部分相关的代码，co…

文章主要总结了平时项目中的经验，从 DOM 操作影响页面性能的核心问题，对网页性能优化进行了探索。

前端的页面性能优化是每个前端工程师都逃脱不了的话题，因为用户体验是我们永恒的目标。这篇文章我会从性能指标出发，在网络资源优化和页面渲染优化这两个角度，总结一下个人对前端页面性能优化的相关知识的学习

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

前言 在写这篇文章的时候，之前有看过一大堆性能优化的文章，对的，每次看到别人写的好的博客最终的归宿不是脑子🧠，而是收藏夹📖，也就导致于当我真正遇到性能问题的时候束手无策，我也真是理解了那句话纸上得来终

lighthouse 可以搜集网页性能指标，分析 Web 应用的性能并生成报告，本文介绍其中 6 个性能指标的含义与优化方式。

最近做的一个 PC端的需求，这个需求中有一个小点，页面底部有一块列表区域，这个列表的数据量比较大，需要进行分页控制，切换页码的时候，发送一个 ajax请求，在页面无刷新的情况下，实现列表数据的刷新，所以就涉及到了前端分页功能，到网上看了一圈，发现那些开源的相关插件要么有各种依赖…

Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了变化，浏览器不知道每个方块的位置是否发生了变化，因此必须重新布局方块以计算其位置。

让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 早些时候，性能都是所谓的“后顾之忧”。直到项目快结束的时候，它会被归结为代码压缩（minification）、拼接（concatenation）、静态资源优化（asset optim…