这些设计元素是否会减慢您的下载时间并阻止您的网站完成您需要它做的事情：为您带来更多业务？
Elmer Boutin于 2022 年 8 月 8 日上午 6:00 撰写 | 阅读时间：5 分钟
与 SearchBot 聊天
我告诉我的客户两件事，围绕内容和用户体验来构建有机搜索讨论：
搜索引擎希望通过一次或更少的点击为用户提供答案。
如果您在设计网站时秉持尽可能高效地回答访问者问题的想法，那么您的网站应该会在自然搜索中获得更多关注
搜索引擎必须让用户满意才能保留和/或扩大其市场份额。因此，将用户引导到他们认为能为用户带来良好体验的网站才是他们的最佳选择。
据 Google 称，当下载时间从 1 秒增加到 3 秒时，跳出率会增加 32% 。此外，据 Pingdom 称，3 秒后跳出率会急剧上升，而页面浏览量也会下降。
这两个统计数据有些过时了，但没有证据表明现在的人们更加有耐心。
我最常遇到的挑战是，品牌设计网站的方式妨碍了“一次点击或更少点击”的目标。他们在设计中加入了一些内容，比如：
大型自动播放视频（有时带有声音）。
大型英雄图像将信息内容推到折叠线以下（添加在幻灯片中旋转的英雄，体验会更糟）。
自定义字体不太可能安装在访问者的本地机器上。
所有这些设计元素（以及其他元素）都会损害用户体验、转换优化和可访问性标准。
糟糕的设计和用户体验的示例
这两个示例都显示了 WebPageTest.org 上页面加载随时间变化的幻灯片视图，WebPageTest.org 是一个流行的下载时间测试网站，一些 Google 员工推荐过该网站。我在这两个示例中都通过 LTE 连接模拟了 Galaxy S7 智能手机。
慈善网站
慈善网站页面加载结果
该网站的主页上有一个大型自动播放视频，将大部分主要内容推到了折叠线以下。
在我进行的测试中，直到加载 3 秒后，视口中才出现任何内容。页面顶部的 CTA 可见，但只显示徽标的替代文本。有些文本难以阅读，因为它是浅灰色；它旨在作为较暗视频的覆盖层显示。
访问者甚至可能会错过他们是否在正确的网站上，因为徽标直到加载 4.5 秒后才显示，并且替代文本难以阅读。
如果我们相信来自 Google 和 Pingdom 的数据，那么很有可能，除非有人点击页面顶部的 CTA，否则他们很可能会在获得该组织的主要信息之前就离开。
知名品牌网站
大型品牌页面加载结果
该网站有一个巨大的英雄形象，将内容推送到折叠下方，并且必须先下载自定义字体才能显示任何内容。
从示例中您可以看到，在加载 4 秒内，除了汉堡菜单之外什么都没有显示。
提示：如果您必须包含某种下载计时器，以便让人们知道某些内容正在进行中，那么它就太大了。
内容显示时间较长的部分原因是自定义字体本身就需要大约 4 秒钟才能下载。加载 6 秒后才会显示任何文本，而这只是 Cookie 通知。
总而言之，这个页面需要超过 10 秒才能完全下载。当页面完成加载时，除了英雄图像之外，您唯一能看到的就是 cookie 通知。
公平地说，这些示例中的内容远不止大型视频、巨型英雄和自定义字体。还有 JavaScript 和 CSS 文件、第三方跟踪等也堵塞了下载流。这些可能是下次再讨论的主题。
为什么会出现糟糕的用户体验
当我与设计师和开发人员谈论此类挑战时，他们常常给出相同的理由：
“其他人的网站都是这样设计的。”这种借口在我们小时候根本行不通。为什么有些成年人仍然认为这是可以接受的呢？
“搜索引擎对下载时间的评估很不公平。我们的工具告诉我们一切都很好。”有很多理由相信搜索引擎对下载时间的评估不公平。归根结底，这真的不重要。如果我们想竞争，我们就需要更快！
“但是……品牌！”是的，品牌很重要。但是，冒着因网站速度太慢而失去潜在客户的风险真的那么重要吗？
避免这些陷阱
我们的工作是帮助我们的客户、合作伙伴和同事创建引人入胜的网站，这些网站可以快速下载并满足网站访问者的期望，同时仍然看起来美观。
这样做将有助于获得更多自然搜索结果的关注并增加业务。
