缓慢的网站会影响客户满意度，增加放弃率，降低品牌体验，影响 SEO，让网站管理员感到沮丧，并且让一切都变得糟糕透顶。14 年来，我们一直为客户提供“幕后”性能调整网站。在我们的改进网站性能系列中，我们将帮助您为您的网站建立基线，查看我们寻求性能改进的关键杠杆，并在您开始时为您指明正确的方向。
没有网站是一座孤岛
曾几何时，您的网站只是 HTML、CSS 和图形的汇编。那个时间早就过去了。虽然您的网站可能有一个核心内容管理系统 (CMS) 或电子商务平台，但它会连接到并依赖于大量第三方工具。
其中一些集成是使您的网站正常运行所必需的。例如，用于在您的 ERP 中显示实时库存计数的 API 集成可能会导致一些性能问题（通常可以在您的代码中修复）。但我们最常看到影响网站性能的因素来自营销技术。
营销技术解决方案的爆炸式增长
有数以千计的专业营销技术解决方案可以处理从分析、社交整合、内容联合、客户关系管理、广告计划等等。我们坚信营销技术，并在过去 14 年中将网站与各种营销平台集成在一起。
来自首席营销技术专家博客的最新版营销技术前景信息图包含8,000 多种不同的营销技术。
可用营销技术的数量是惊人的，而这项技术是您可以使用您的网站在市场中脱颖而出并获得优势的方法之一。
如果您还没有，请在您公司的网站上运行一个BuiltWith报告，您可能会惊讶地看到有多少第三方营销相关应用程序连接到它。如果您的网站类似于我们看到的典型网站，则有 20 到 50 个第三方应用程序在向网站添加代码。
我们有时会设置“技术堆栈”，其中有一个图表来突出显示每个类别中针对特定客户需求的集成和第三方应用程序，大多数看起来类似于：
营销技术对您网站性能的影响
Google Tag Manager (GTM) 等工具可以轻松设置与第三方营销技术平台的集成，但您刚刚添加到 GTM 的小代码片段实际上允许第三方应用程序将其想要的任何内容注入您的网页.
这是一个双重打击，因为它是从与您的网站不同的服务器加载的，并且没有存储在您服务器的缓存中，因此每个服务都必须在页面在访问者的浏览器中呈现时加载。这会增加页面的权重，并可能延迟页面加载。
查看“如何测量网站速度” 本系列中的帖子以了解如何使用 Google Developer Tools Waterfall 视图查看在单个页面视图上加载的所有元素。“查看”营销技术对页面的影响的一个绝妙技巧是使用此网络视图，然后您可以添加过滤器以排除“-domain:*.<yourdomain>.com”，然后按大小或时间。
当您滚动名称列中的每个项目时，您可以看到该文件的来源。通过从列表中排除您自己的域（您实际托管在您的 Web 服务器上的文件），您可以看到加载到您的网页上的文件，但不是来自您的域。
例如，在Bear Group 的主页上，当我们运行它并观察加载时，我们可以看到增加 419ms+336ms+320ms 的前三个项目 - 1 秒多一点 - 来自 *.drift.com 提供的 URL . Drift 是我们使用的一种聊天机器人服务，因此访问该网站的人可以与我们的销售团队进行实时聊天。只是一项正在降低性能（我们已经决定将其删除！）。
向下滚动您可以看到许多此类营销技术，包括 Hotjar、Google 字体、Google Analytics 等。大约有 20 种不同的服务注入我们的页面。我们首页的139个元素中总共有112个与整合营销技术有关（其中许多有多个文件，即Drift添加了13个文件），在5.3Mb中占3.4Mb。
事实上，我们 65% 的主页性能取决于我们不提供或控制的代码。
这在任何现代网站上都是非常典型的。需要注意的一件重要事情是大多数项目是在初始页面“绘制”之后加载的（在我们的上一篇文章中阅读更多关于内容绘制的信息）。如果您仔细观察您的网站和其他网站，主页会加载，然后一秒钟后，聊天机器人图标可能会出现在右下角。这种初始的“绘制”有助于网站看起来已加载给访问者，即使它尚未完全完成。
这是在性能方面要考虑的权衡之一（这并不总是您的营销团队希望听到的），但限制使用的营销技术工具的数量将是您提高页面速度的手段之一和性能。
至少，您/您的开发人员/站点管理员应该密切审核这些集成，并了解它们如何将代码注入您的站点。
