这很简单。只需指明我们希望网站加载的秒数并选择连接类型。
在我向您展示的示例中,我在慢速 3G 移动连接(780 Kbps) 上将变量设置为3 秒。这就是结果!
我的性能预算是288KB。
计算性能预算 - Mirko Ciesco
该图向我们展示了如何在网页上可能存在的各种资源之间划分千字节的示例。
我们没有视频吗?或者我们想稍后上传?那么,我们可以将视频资源设置为 0KB,并将其余 28KB 移动并分配到其他资源中。
通过这种方式,可以更轻松地向设计和/或开发网 荷兰资源 站的人员提供更精确的技术指示,以便他们可以评估图形布局和最适合高性能项目的 CSS 库。
具体来说,您可以设置更具体的限制,例如:
最大图像尺寸,包括徽标和图标
最大网页字符数
JavaScript 和 CSS 的最大大小,包括框架
视频的权重

加载的决定因素:页面重量
对这个主题有了更高的敏感度后,您就可以理解为什么测量速度的工具非常重视资源的优化和缩减。
请不要忽视服务器端压缩,它会为您节省几千字节!
因此,您很清楚为什么如果您在 WordPress(或其他平台)制作的网站上下载了多个插件,并且每个插件都有很大的资源,例如从 40 到 150 KB,您很快就会得到一个超过足有1MB!
在本文中,我们只关注一个指标:页面权重。
但是我们可能决定限制外部资源的数量,减少加载页面第一个内容所需的时间,或者减少页面完全交互所需的时间。
如果您需要安装许多第三方工具(例如外部字体、Facebook 像素、Google Analytics、Cookie 策略等合规解决方案、聊天机器人集成),您将必须在速度和功能之间找到折衷方案。
全速!
是的,我知道,读这篇文章你会想“从明天开始我也想要一个在 3 秒内加载并爬上 Google SERP 的网站”。
现实情况是,一旦网站上线,这些目标就很难实现,因为它有需要在上游解决和规划的结构性障碍。
但如果您的网站加载速度缓慢,您可以联系我,我将为您提供一系列需要解决的问题,以改善页面的加载时