浏览器性能：到底是什么让站点变慢

三个惯犯

图片。一个三兆的文件却按400像素显示，是网上最常见的浪费。按合适的尺寸提供、用现代格式、首屏以下的一律懒加载。

字体。两个字族四种字重，会增加等待和文字闪烁。两种几乎总是够了。

第三方脚本。分析、客服、营销像素。每个看起来都很小；加在一起通常占了运行时间的大头。每季度数一次，把没人看的删掉。

度量用户实际感受到的

用户在意三件事：主内容什么时候出现、页面对第一次触摸响应有多快、加载过程中版面挪动了多少。前两个众所周知；第三个才是「感觉廉价」的头号原因。

在中端设备和移动网络上测，而不是在你那台接光纤的开发机上。

按回报从高到低的改进

压缩和从网络分发；给图片显式尺寸以防挪动；推迟首屏渲染不需要的脚本；拆分代码，让每个页面只加载自己需要的部分。