如何通过优化网站，快速解决卡顿问题，实现飞快加载？

当你打开一个网站，第一眼看到的是页面的布局、色彩和内容。可是如果页面像被塞满了沉重物， 滚动时发出咔嗒声，或者按钮点击后需要等待良好几秒才响应，那这就是所谓的“卡顿”。对访客这是最糟糕的体验；对站较长这就像在较高峰时段堵住了较高速公路。本文将带你走进网站性能优化的世界， 用一系列实战技巧把“卡顿”变成“飞迅速”，让你的站点像跑步机一样流畅，搞一下...。

一、 先把握现状：测量是优化的起点

恳请大家... 想要把速度提升到极致，先得了解自己当前在哪个位置。测速工具能够帮你迅速查看首屏加载时间段、总申请数、资源条件较大较小等指标。你能够采用Chrome DevTools中的Performance面板， 也能够借助专业工具如GTmetrix或WebPageTest，它们会给你一个详细报告，还会给出可操作提议。

在测完之后把数据记录下来并与目标值做对比。举个例子，如果你的首屏时间段是3秒，而行业平均是1秒，你就了解差距在哪里。

测量较小技巧：不要被误导

我们都经历过... 1️⃣ 不要只看平均值，一定要看缓慢速网络下的表现。这是因为移动用户往往处在4G甚至3G周边环境。

2️⃣ 用真实实设备进行测试，而不是模拟器。模拟器往往过于理想化。

我血槽空了。 3️⃣ 关注LCP和TBT; 这两个指标能告诉你用户真实正感受到的速度。

二、 图片：占用带较宽的较大头奖

图片是网站中占用带较宽最更多的元素之一

• AWS S3+CloudFront: 如果你有较更多图片，能够考虑把它们托管在云存储上，然后通过CDN加速分发。这样，用户无论身处哪里都能从最近节点获取资源条件，降较低延迟。