提高网站性能和速度是大型电子商务网站的主要关注点，尤其是现在页面加载时间对您的网站在 Google 搜索结果中的排名起着重要作用。还有用户体验的问题。在现代环境中，当消费者需要即时满足时，加载时间过长几秒钟的页面或未能达到用户期望的页面可能意味着销售损失。
图片来自用户 A National Acrobat on Flickr
但大型电子商务网站有一些共同的问题：它们非常注重图像（展示各种产品角度和用途所必需的），它们可能从各种外部来源获取内容，或者它们可能不恰当优化图片等等。更重要的是，一些大型电子商务网站，尽管它们的规模和市场地位已确立，但不知道如何充分监控和改进性能。这些只是可能会减慢大型电子商务网站速度并影响性能的几个潜在问题。
我们联系了一个由电子商务、技术和营销专家组成的小组，请他们回答以下问题：
“大型电子商务网站在网络性能和速度方面最常犯的错误是什么？”
看看我们的专家在下面怎么说。
认识我们的电子商务、技术和营销专家小组：
亚罗内姆科克
Jaro Nemcok 是国际网络安全和数字取证公司
LIFARS LLC
的网络安全研究员。他在编程、Web 技术和计算机安全方面拥有超过 20 年的经验，是一名活跃的国际安全顾问，与财富 500 强公司、初创公司和主要金融机构合作。
Jaro 擅长审计 Internet 和 Intranet 应用程序以及其他安全软件。设计涉及编程代码和数据库系统的复杂、高性能系统。其他工作包括逆向工程、静态和动态恶意软件分析。
Jaro 拥有出色的分析技能和出色的编程技能。他拥有斯洛伐克布拉迪斯拉发斯洛伐克技术大学的计算机科学硕士学位。
“我看到大型电子商务网站在网络性能和速度方面最常见的错误是……”
首先，速度很重要。事实上，这里有一些数字可以支持这一点：
加载时间延迟一秒意味着：
- 页面浏览量减少 11%
- 客户满意度下降 16%
- 转换损失 7%（来源： Aberdeen Group ）
话虽如此，许多主要网站的主要缺点之一是它们正在解析来自各种其他来源的内容。这会大大降低网站的速度，因为您的网站将以与您从中获取内容的最慢数据源一样快的速度完全加载。这可能不是一个严重的延迟，但它可能是。一些流行的网站（例如 Forbes.com）从多达 30 个或更多的来源中提取内容。其中大部分用于用户跟踪、广告等。许多网站加载缓慢的另一个原因是网站的复杂性。这在硬件规格较低的系统上尤为明显。对于许多用户来说，复杂的网站可能需要很长时间才能呈现，因此最好让您的网站保持简单。通过保持站点简单，您可以减少各个部分的 HTTP 请求量，这将大大提高整体速度。另一点要记住的是，您可以启用压缩来加速内容的交付。一个名为 Gzip 的工具可以帮助解决这个问题。根据雅虎的说法，通过使用压缩，您可以将网站速度提高 70%。最后，如果之前下载过相关内容，浏览器缓存将大大减少加载时间。下次需要时，您的浏览器可以访问用户计算机上存储的版本，而不是再次下载。
奥列格·科尔内丘克
Oleg Korneitchouk 是
SmartSites
的营销总监，与数百家企业合作设计、开发和推广他们的网站和电子商务业务。您可以在
LinkedIn
上与他联系，并在
Twitter
上关注他以获取在线营销技巧和行业新闻。
“就网络性能和速度而言，我在大型电子商务网站中看到的最常见问题之一是……”
在整个网站上使用未经优化的、过大的图像。当企业拍摄高分辨率图像但未正确调整大小和优化 Web 格式时，图像的文件大小会不必要地变大并影响 Web 性能。最好调整它们的大小以适合它们的用途，将它们保存为 正确的文件类型 并使用 众多在线工具 之一进行无损压缩。
史蒂芬秦
Stephen Chinn 是
LYONSCG
的应用程序托管服务总监。自加入公司以来
2010 年 10 月，Stephen 创建了一个数据中心，构建了一个托管服务（提供云和专用物理服务器），在美国创建了一个具有 24/7 应急响应能力的运营和支持中心，并雇用和指导了新员工。 Stephen 毕业于南伊利诺伊大学卡本代尔分校，获得语音通信学士学位。
“谈到网络性能和速度时，电子商务网站应该记住……”
电子商务中的网站速度被广泛认为是推动收入增长的最重要因素之一。这是因为速度对转化率和网站流量有重大影响。例如，根据 Radware 的一项案例研究 ，51% 的美国在线购物者声称，如果网站速度太慢，他们将不会完成购买。在流量高峰期，75% 的消费者愿意访问竞争对手的网站，而不是处理加载缓慢的页面。不幸的是，许多电子商务商家不了解如何衡量网站速度。 他们过分强调页面加载，而没有足够重视什么能带来令人满意的用户体验。 用户体验的关键指标是交互时间，即客户可以在页面上采取行动的时间点；加载整个页面并不重要，重要的是让页面的某些部分准备好供客户进行交互——这会让他们更开心。提供令人满意的用户体验可以增加销售机会，并让客户有理由经常光顾，并向朋友和家人介绍您的网站。您应该采用三种策略来优化网站速度：
- 缓存，一种为将来的请求存储数据的方法，因此可以更快地提供页面。
- 压缩图像，从而使它们更小可以提高下载速度。
- 执行，它控制执行任务的顺序，强调那些对购物过程至关重要的任务，并减少不必要的等待时间。
亚当斯密
Adam Smith 担任
Marketing Mojo
的技术总监，协助客户解决网络开发问题，以确保顺利交付数字营销工作。
“就网络性能和速度而言，我对大型电子商务网站的建议是……”
我审查过的几乎所有页面速度网站都可以从图像优化中受益。电子商务网站在很大程度上依赖于漂亮的产品照片来进行销售。如果您的用户在页面加载前就放弃了，为什么还要花时间创建漂亮的图像呢？
我们发现使用无损压缩技术可以将图像大小减小 25-80%。无损意味着在压缩过程中没有质量损失。最好的部分是压缩图像真的不需要那么多时间。该过程甚至可以使用基于 Web 的服务和 API 实现自动化。
亚伦瓦格纳
Aaron Wagner 是
Adhere Creative
的首席开发人员，Adhere Creative 是一家总部位于休斯顿的全方位服务集客营销机构。 Aaron 是所有网络事物的爱好者。当不在他的 MacBook 后面时，他会花时间溺爱他结婚 10 年的妻子，并用一切粉红色的东西宠爱他可爱的女儿。
“电子商务网站犯下的最大错误是……”
未能将用户体验 (UX) 置于开发的最前沿。通常情况下，浏览电子商务网站的用户已准备好进行购买。网站速度慢和网站性能不佳等因素可能导致整体用户体验不佳，从而导致潜在交易失败。沮丧的用户很容易放弃购物车并跳出网站，寻找不同的电子商务网站，这些网站提供类似的兴趣项目，并提供更无缝的用户体验。谈到电子商务用户体验时，最大的罪魁祸首之一就是移动体验。虽然大多数电子商务网站都针对桌面进行了适当优化，但对于移动设备而言并非总是如此。 用户体验不仅取决于站点的性能，还取决于连接性。对于移动设备，挑战在于适应连接速度慢得多且可靠性低得多的设备，例如 3G（在某些情况下，甚至 LTE 也可能很慢）。
这带来了一个问题，因为图像可能需要更长的时间来加载（而且大多数电子商务网站都有图像目录），增加了用户跳出的机会。为了解决这个问题，为小屏幕加载较小版本的图像，并立即仅加载您需要的图像（并可能延迟加载其余图像）。请务必利用其他速度优化，例如并行下载、CDN、浏览器缓存和 gzip。所有这些技术结合起来应该可以在桌面和移动设备上创建一个更快、性能更好的网站，并创造一个更愉快的用户体验。
特雷弗·埃文
Trevor Ewen 是纽约
Neosavvy
的一名软件工程师。
“我发现一个常见的电子商务错误是……”
缺少通过公司产品线进行自定义高级搜索的唯一/保存的 URL。当我根据条件搜索产品时，将准确的搜索结果发送给我的配偶或朋友通常非常好。快速轻松地从地址栏复制 URL 是解决此问题的最佳方法。许多商家没有实现此功能。
凯特希斯科克斯
Kate Hiscox，在电子商务领域拥有 10 多年的经验。她于 2004 年创立的第一家网店在两年后以 120 万美元的价格被收购。如今，Kate 是
Venzee
的首席执行官，Venzee 是一种具有成本效益的 ERP 替代方案，旨在优化电子商务库存和供应链物流。
“我对电子商务网站提高网络性能和速度的建议包括……”
- 在线商店需要针对移动设备进行优化。高盛集团估计，到 2018 年，6260 亿美元（约占所有电子商务的一半）将 通过移动完成 。鉴于此，在 2018 年，未设计响应式布局或未考虑移动体验的电子商务网站将失去一半的电子商务机会。今天许多大型商业网站仍然没有优化他们的移动体验（以 carrefouruae.com 为例）。
- 优惠券代码框无处不在，对于每个小型到大型在线零售商的购物车结账体验。这对购物者意味着什么？如果你没有，就去找一个。它将原本很棒的电子商务体验变成了一个专享折扣的俱乐部。根据我在网上商店的经验，它会增加买家的购买阻力，并将购物车转化率降低多达 16%。
- 电子商务网站需要意识到他们的产品目录有小图像文件。图像文件越大，网站加载所需的时间就越长。如果产品有更多细节并且买家需要能够看到它，则应该提供缩放选项（westelm.com 在这方面做得很好）。
斯托尼·德盖特
Stoney deGeyter 是
Pole Position Marketing
的创始人兼总裁，Pole Position Marketing 是一家数字营销机构，成立于 1998 年，专注于整体网络呈现优化。他是
The Best Damn Web Marketing Checklist, Period 的作者！
“电子商务网站在网络性能和速度方面最常犯的错误是……”
不确保网站的构建对搜索引擎友好。大多数电子商务解决方案，如 Magento、X-Cart 等，都声称对搜索引擎友好，但它们常常惨遭失败。我们花费大量时间与这些平台上的客户合作（重新）编程他们的网站以符合基本的搜索引擎标准。大型电子商务解决方案的常见缺陷包括重复内容问题、标题标签和产品标题之间缺乏定制、类别页面上内容没有固有位置、文本描述和元描述标签之间缺乏定制以及无法控制导航链接与页面标题。最重要的是，这些平台中的许多使用臃肿的代码都很慢而且很麻烦。
最后，太多的移动设备还没有准备好，这给今天的算法带来了巨大的问题。
约翰内斯勒
John Nesler 在位于萨克拉门托的内容开发和网页设计公司
Creative California
工作。 Nesler 身兼多职，但主要担任公司的内容研究员和作家，并与客户合作以更好地了解客户的想法以及他们的优先事项。
“电子商务网站在提高网络性能和速度方面的最大绊脚石是……”
我们已经被高速互联网无处不在和普及的想法宠坏了。这导致开发在线平台的企业开始认为我们不必确定优先级的情况。我们可以一次性向用户抛出所有内容——大图像、华丽的图形和过渡效果、海量内容，而且它会在几秒钟内加载！
虽然这在技术、计算机和互联网层面上是正确的，但它完全忽略了人们的操作方式。人们挑三拣四。当他们能够快速找到与他们想要的东西相关的东西时，他们的反应会非常强烈。但他们很快就会精疲力尽，如果你让他们深入了解你的演示文稿以尝试找到他们想要的东西，他们就会转向别处。
关键是，不要给别人你能给的一切，因为那样你就会滑向扔东西，把厨房的水槽扔向他们。只给人们他们需要的东西。我有时会告诉人们的是：不要为了给他们留下深刻印象而与人交谈；只说您需要的话，以便通知他们。这会迫使您触及问题的实质。
奥斯汀佩利
Austin Paley 是
Blue Fountain Media
的企业营销传播经理，Blue Fountain Media 是纽约市的一家数字机构，使用创造性的解决方案为在线公司带来成果。
“就网络性能和速度而言，大型电子商务网站最重要的考虑因素包括……”
在网站设计方面，图像在所有垂直领域都很重要，但在电子商务网站方面尤为重要。高质量、高分辨率的视觉效果可以在销售或访问者离开您的网站但没有转化之间产生巨大的差异。为了满足对优质照片的需求，许多电子商务品牌花费大量时间和精力来确保其产品的图像具有最高质量，并且用户能够以一种方式在现场与他们互动有助于促进销售过程并提高转化率。
但是，当花费太多时间担心图像质量而没有足够的时间关注照片如何影响可用性时，网络性能和网站速度经常会出现问题。使用适当的图像尺寸并优化图像的文件大小（以不影响质量的方式）将有助于增加每个页面的加载时间，这在可用性方面非常重要。未能采取这些步骤来优化图像的品牌将面临页面速度缓慢的风险，这无疑会对用户体验和 SEO 排名产生不利影响。
图像的另一个经常被忽视的方面是图像替代文本。虽然这不会直接影响用户，但您要确保图片上有相关标签，以便图片显示在 Google 搜索中。通过优化您的图像替代文本，您可以确保您不会失去任何正在搜索您拥有的相关图像的用户，并且您可以增加访问您的网站并进行转化的用户数量。
相对于响应式设计，为移动设备、平板电脑和桌面提供适当缩放的图像通常是一个麻烦点。很多时候，您会看到一个设计精美的桌面版网站，当您切换到移动版时，并不是所有让桌面版变得出色的功能都会保留下来。随着移动设备不断增长并渗透到在线用户群中，请为所有设备上的用户定制您的图像，而不仅仅是桌面设备。
杰拉德·罗氏
Gerard Roche 是
Nothing But Web
的总经理。他是一名经过敏捷认证的高级项目经理，专门从事数字项目，包括 CMS/CRM、电子商务网站、移动应用程序和多媒体。
“在网络性能和速度方面，大型电子商务网站常犯一些错误……”
1. 选择了错误的平台。 各种平台，无论是定制的、开源的还是付费解决方案，都有各种优点和缺点。以具有成本效益的价格为开发选择适合您需求的平台是最重要的事情之一。因此，您需要至少预测未来两年的需求，并研究您选择的技术以及它是否适合您现在和未来的需求。
2. 网站功能过载会减慢速度。 每次调用服务器都会增加页面加载的时间。因此，为心愿单、替代视图、缩放功能、实时聊天、视频、共享按钮、评论、相关产品、预测搜索、不同定价、会员登录、在线聊天等编写精美的脚本，所有这些都会加起来并会减慢您的网站向下。虽然有些人认为所有这些都是必要的，但需要一些熟练的开发人员和高端设备才能使它们快速协同工作。大多数人继续只是追求功能，而不考虑质量成本，包括速度。使用与网站速度平衡的功能，您将获得一个更干净、更整洁的网站的额外好处。
3. 大型产品图片通常被添加到网站。 但是大图像很重。因此，虽然从不同角度展示您的产品是一件好事，但拥有大量高分辨率的大图片会降低您网站的速度。确保图像经过优化并适合各种屏幕尺寸。当您可以在大多数屏幕上使用 800 像素宽的图像时，拥有 2,000 像素的图像大小就有点过分了。为移动设备显示不同的、较小的图像更好。
克雷格·史密斯
Craig Smith 是领先的互联网优化机构
Trinity Insight
的创始人兼首席执行官。 Trinity Insight 专注于协助品牌通过增加合格流量来推动更高水平的转化绩效。 Trinity Insight 的分析师、设计师和开发人员在费城市中心和明尼苏达州明尼阿波利斯市外设有办事处，与领先品牌合作，包括 David's Bridal、Siemens、Harry & David、Dow Chemical、ShopNBC 和 Quicken Loans。
“我们看到电子商务企业犯的最普遍的错误是……”
不利用标签管理作为减轻页面负载和提高性能的杠杆。对于与我们合作的公司，在网站上看到 20 多个营销标签是很常见的。集成到一个统一的标签中可以简化管理并显着增加加载时间。
米克尔博耶
Mikkel Bojer 是
Eventspace
的联合创始人兼首席执行官，Eventspace 是丹麦领先的场地预订平台，由
FFEYE
支持。 Mikkel 就增长黑客、创业成功和网络开发提供教学和建议。
“大型电子商务网站在网络性能和速度方面最常犯的错误是……”
不减少 HTTP 请求。这是一个将多个文件缩减为一个文件的简单过程。对于大多数大型电子商务网站，存在大量的产品图片，未能限制对这些图片的 HTTP 请求可能会对网站的性能造成灾难性的后果。对于图像，通常是通过创建精灵在一个 HTTP 请求中加载多张图片来完成的。对于 CSS 文件，可以使用 SASS 和 LESS 等预处理器来完成。基本上，未能执行此简单程序是大型电子商务网站所犯的最大和最常见的错误。
法哈德潜水查
Farhad Divecha 是伦敦数字营销机构
AccuraCast
的常务董事。 Divecha 拥有 11 年的数字专家经验。
“大型电子商务网站在网络性能和速度方面最常犯的错误是……”
集成过多的第三方功能。当网页必须从各种来源提取大量脚本时，这会显着增加页面加载所需的时间。第三方脚本的示例包括客户评论、货币兑换小部件、社交分享计数和天气预报。可以通过三种方式避免第三方脚本降低您的 Web 性能：
- 您可以在自己的站点上托管脚本；但是，这需要您的服务器处理更多数据。
- 您可以让脚本异步加载，这虽然提高了搜索引擎抓取您网站的速度，但这意味着用户可能会在脚本加载之前看到难看的空白区域。
- 您可以缓存脚本，这意味着脚本的数据可能会稍微过时（例如，货币兑换小部件将显示一小时前的汇率）。
沃伦摩尔
Warren Moore 是奢侈品和电子商务专家数字代理机构
Verb Brands
的技术总监。凭借在网络行业超过 8 年的经验，Warren 为包括 Sunseeker Brokerage、Deliciously Ella 和 Larsson & Jennings 在内的一系列大客户制定了复杂的技术解决方案。
“就网络性能和速度而言，大型电子商务网站面临的最紧迫问题是……”
如果您最近访问过 Amazon 的主页，您可能会注意到传输到浏览器的数据中有惊人的 95% 以上是图像 – 但这真的不足为奇。没有人会在看不到产品的情况下购买您的产品，现在消费者还希望在做出购买选择之前从七个不同的角度放大并点击多个产品图像。
随着在家庭和工作中广泛使用高速宽带，以及在外出时通过手机访问 4G 数据，电子商务企业在考虑优化网络图像时很容易变得自满。
但是，您可以做一些更简单的事情来帮助创造更好的客户体验：
1. 显而易见的一点：确保您使用的图片尺寸正确。 在 HTML/CSS 中缩小过大的图像以适应您在屏幕上需要的尺寸是没有意义的，因为消费者仍然需要先下载大图像的内容。
2. 图像压缩 ：尽可能在您提供的每个图像上使用有损压缩技术。虽然雅虎！最近粉碎了他们的在线优化产品 Smush.it，图像压缩并不是什么新鲜事。
多年来，一种称为“量化”的技术已被用于大幅减小 PNG 文件的大小。这是通过将图像中可用颜色的数量从 1680 万种 (PNG-24) 减少到仅 256 种 (PNG-8) 来实现的，但仍然保留了完美渲染部分透明度的能力。
默认情况下，当通过 Photoshop 保存为 web 时，始终使用 PNG-24，使文件变得非常膨胀，更糟糕的是，只有最新版本的 Photoshop (CC 2015) 能够保存具有 alpha 透明度的索引 PNG 文件。
随着易于使用的在线界面（如 tinypng.com /tinyjpg.com）的兴起，提供拖放图像优化，以及 Photoshop 插件为您完成跑腿工作，没有理由不在您的整个过程中拥有完美优化的图像电子商务经验。
3. GZIP 压缩 ：几乎 14 年来，每个主要浏览器的每个版本都支持 GZIP 压缩，它允许 Web 服务器发送网站及其相关资源的压缩版本，浏览器在呈现其内容之前将其解压缩。虽然原生压缩文件格式（如图像）的文件大小可能只会略有减少，但 HTML 和其他文本文件的文件大小可以轻松减少 3-10 倍。
4. 内容分发网络 (CDN) ：无论您认为自己拥有多少图片都没有关系——利用 CDN！ CDN 的工作原理是将您的图像和其他 Web 资产分发到几个不同的地理目的地（称为节点），并从最近的节点直接向用户提供内容。您不仅可以从强大的服务器集群中获益，为您的网站提供大量数据，而且通过从靠近它们的节点下载内容，消费者无论在世界的哪个地方购物，都能获得一致的体验。
5. srcset（源集） ：当今网络开发人员面临的问题之一是关于视网膜设备，以及提供在这些设备上看起来像素完美的内容。目前有无数的解决方案，从使用 JavaScript 切换图像（导致视网膜设备下载图像的多个副本），在所有设备上使用仅视网膜图像（导致非视网膜偶尔出现不完美的下采样）设备），到使用 CSS 媒体查询来更改背景图像。
这些方法都不能完美地实现所需的功能：浏览器选择它应该下载的图像大小的能力——这就是 srcset 的用武之地。虽然支持速度较慢，但能够告诉浏览器在哪里可以找到图像副本在最新版本的 Chrome 和 Firefox 以及整个 Android 设备中，为一系列不同的设备提供不同尺寸的支持。
由于即使响应时间延迟一秒钟都会导致令人垂涎的 7% 的转换损失，电子商务网站再也无法承受其图像未经优化的后果。尽管没有明确的优化解决方案，但上述技术足以对客户的购买决定产生影响。
特拉维斯马齐亚尼
Travis Marziani 经营着他自己成功的电子商务网站
bdancewear.com
，并主持了一个播客“Build My Online Store”，以帮助其他人做同样的事情。
“电子商务网站犯了四个主要错误，尤其是在移动设备上，包括……”
1. 页面不应该难以导航。它应该具有清晰的外观和明确的目的（销售您的产品）。
2. 购买按钮应该始终在首屏，太多网站犯了这个错误。让您的消费者轻松购买！
3. 让结账购买变得简单。大字体、易于使用的表格等通过使漏斗的末端更易于使用来为您带来最大的收益。这样做，您将显着提高转化率。
4. 最后，也是最重要的，电子商务所有者犯的最大错误是没有移动网站。尤其是随着 Google 推出的新更新，如果您没有适合移动设备的网站，您的网站将不会很快推出。
艾伦格里尔
Allen Greer 是
FUZE
的数字战略主管，FUZE 是一家全方位服务的数字机构，为大小客户提供网页设计、开发和营销服务。
“电子商务网站最常犯的与网站性能和速度相关的错误包括……”
1. 没有实施可靠的 CDN：对于拥有数万个 SKU 的电子商务网站来说，内容分发网络 (CDN) 是强制性的。在托管网站的同一台服务器上存储 40 或 50 GB 的图像是没有意义的。这是遇到站点速度和性能问题的可靠方法。
2. 在虚拟主机上吝啬：大型网站需要经过微调的服务器，即使在活动和负载很高的情况下，也需要具有足够火力的服务器才能保持平稳运行。例如，许多客户不想在专用云服务器上花钱，但频繁的站点崩溃可能比可靠的服务器设置花费更多，因此最好在未来进行过度补偿和缩减规模。
3. 使用过时的 CMS 版本：在过时的 CMS 平台上开展业务可能会带来麻烦。例如，Magento 最近改进了其索引和页面缓存功能，因此运行旧版本 Magento 的客户可以通过升级消除许多性能问题。
加布里埃尔·库珀曼
Gabriel 是
Huge Impact
的首席执行官兼创始人，这是一家专门从事定制网站开发和搜索引擎营销的数字营销机构。
“电子商务网站运行缓慢的最常见原因是……”
由于许多大的、加载缓慢的图像。在将图像上传到您的服务器之前，调整图像大小并保存它们以供网络使用非常重要。其次，您应该从可靠的 CDN（内容分发网络）（例如 Amazon CloudFront CDN）提供您网站的图像，以便为全世界的用户进一步加速网站。
拉尼格雷戈里
Lani Gregory 是
hotelmarketingWorks
的数字分析师。
“电子商务网站在网络性能和速度方面最常犯的错误是……”
不使用 Google Analytics 的免费数据。利用设定目标、查看微转化以及查看客户在结帐渠道中卡住的位置。从那里，您可以更好地优化您的网站。关于速度，再次确保利用谷歌提供的 免费工具 。
其他电子商务网站未能针对移动设备优化其网站。与台式机相比，更多的人通过移动设备在线搜索。尝试响应式设计。至于网页设计——保持简单和易于浏览。有清晰的号召性用语按钮，这样您就不会混淆用户。
乔尔特罗斯特
Joel Trost 是西雅图
Avalara
的高级软件工程师。在加入 Avalara 之前，Joel 曾在 Zillow 和 Western Digital 担任软件工程职位。
“我看到电子商务网站在网络性能和速度方面最常见的错误是……”
Gzipping： 大型电子商务网站常犯的一个错误是没有考虑有效的内容交付。更具体地说，未能配置服务器以提供 gzip 压缩的网站。 Gzipping a website will compress the website content, typically to one-third the original size. This can have tremendous impact on the speed at which the website will load for users by reducing the amount of information they need to receive. Assuming a constant Internet speed for two different users, the gzipped website may be served 66% faster than the website that is not gzipped. Gzipping a website is relatively easy as it's supported by all major web servers and browsers.
Edge Caching: A much more widespread performance mistake is not setting an eCommerce website up to be served over an edge cache. With edge caching, eCommerce sites can store information in caching servers located closer to end users. This helps reduce the time to delivery. When website content is requested, an edge caching service will identify where the user is located and select the caching server closest to the user location.
Mark Rushworth
Mark Rushworth is Head of Digital Marketing at
Blue Logic Digital
and an experienced website designer, developer, and marketing professional with over 16 years' experience in deploying and marketing ecommerce solutions for brands including Brooks Brothers, AllSaints, Morphsuits, Aspecto, and TomTom.
“The most common performance issue with most eCommerce deployment is…”
Hosting. Saving a few dollars a month might seem like a wise way to save money, but as a website grows and new resources are built in, a server will become more and more antiquated. Other hosting issues such as improperly configured DNS, load balancing, caching, and cheap SSL certificates also contribute to lag and poor customer experience. Our advice is to go for the best hosting available with an upgrade plan in place, burstable bandwidth, burstable CPU capacity, and scalable storage, not forgetting a great support contract, and most importantly, automated mirroring and backup should hardware fail or an update cause issues.
Mauricio Prinzlau
Mauricio Prinzlau is head of SEO for
Cloudwards.net
, a cloud storage search engine. He owns an agency and worked for large eCommerce sites in the technical SEO department.
“Most of the issues faced by eCommerce sites in terms of web performance and speed involve…”
Large eCommerce sites have their own share of problems when it comes to speed because, on the one hand, the site architecture has to support both front end speed and good crawlability to ensure good positioning in the search engine result pages (SERPS). When it comes to front end rendering, the time to first byte is a decisive factor. You can improve that metric with a good CDN or fast server. Also, it helps if media files, especially images, are uploaded with the correct size(s) so that the browser doesn't have to render the images smaller. In terms of crawlability, one of the major mistakes we see is that eCommerce sites are not setup properly, for example, lots of categories with duplicate content or very similar content. Make sure to use the canonical tag or no-index archive pages of categories. It's all about using the crawling budget in a smart way. Good site architecture helps and is essential for eCommerce success.
Ishmeet Singh
Ishmeet Singh is the Founder of
Highonleather.com
. Singh has 6 years of experience in Digital Marketing and Ecommerce Industry.
“There are numerous mistakes that can decrease the speed of an eCommerce site, including...”
People typically believe that if they are using SAAS software like Shopify, Magento etc., their website is already running at the best speed and there is no chance for improvement, or they think that if their theme is responsive, then it will run efficiently on mobile devices, which is a big mistake for all eCommerce marketers. There are a number of ways to increase your store speed, such as image optimization. Image optimization doesn't mean simply adding the alt tags or naming your images. It also means that you need to decrease the size of banners, product pictures, etc. without compromising the quality. The second common mistake is adding extra, fancy features, such as the ability to zoom in by simply moving the cursor on the product. These Java scripts will lower the speed and are impossible to run on mobile devices. Yes, we know Amazon does that, but then again, it's Amazon. In fact, the fewer the Java scripts, the better it is. Google's new update clearly says that your website should be mobile friendly in order to get the best ranking. To make your website mobile friendly, you need to have high speed, responsive themes.
Yauhen Khutarniuk
Yauhen Khutarniuk manages SEO and traffic acquisition at
Link-Assistant.com
, the developer of SEO PowerSuite toolkit. With over 9 years of experience in Internet marketing, Yauhen is passionate about natural language processing, web analytics, and testing innovative optimization strategies.
“Large eCommerce site commonly make several mistakes with web performance and speed, including…” 1. Oversized images. Many large eCommerce sites don't bother to compress their images. However, the bigger the images are, the longer it takes for a site to load. It would make things easier if there was some universal recommended image size, but there is none. The rule of thumb is to keep the images as small as possible, as long as it doesn't influence their quality.
2. Scaling images the wrong way. It is often the case that eCommerce site owners reduce the dimensions of the images with the help of HTML width and height attributes, rather than actually reducing their size. It is always a better practice to reduce the images manually using Photoshop or to use image optimization tools to make the necessary changes.
3. Not using browser caching. Leveraging browser caching is crucial in improving site speed for eCommerce websites, yet it's an aspect that's often ignored. Webmasters should specify an explicit caching policy. A great first-hand source for these recommendations is PageSpeed Insights form Google Developers .
4. A slow host. Using a mediocre web host is something an eCommerce site can't afford. Multiple videos and images, high traffic load, storing large volumes of data – all of these call for a reliable and flexible hosting provider. GoDaddy is an option often recommended for eCommerce sites.
5. Slow CMS (old school solutions). I've seen cases when eCommerce sites even in 2015 would be run on outdated content management systems like Zencart or similar systems. This should be avoided, because the old-school solutions are unlikely to meet the present-day requirements for site speed. WordPress, a genuine blogging platform, is not the best solution for eCommerce either, though some site owners would resort to it.
Glenn Cipolla
Glenn Cipolla is a Vice President at
INTAP
and a DBA with 25 years of experience. Cipolla's current company, INTAP, specializes in targeted digital advertising/brand gaming and the analytics collected from advertising.
“When it comes to web performance and speed, most large eCommerce sites…”
Are prepared for the large user base that goes along with eCommerce, but most are not prepared to manage the volume of data that user base generates and the concurrency issues that data volume creates within their backend database. Once database size hits critical mass, performance will fall. What then? Most eCommerce sites are not prepared with an answer for that question. Do you build a larger system or pare data off to another system? What if all of the data is crucial for day-to-day eCommerce operations and cannot be pared down? These questions must be asked and answered during the design phase because, if you are successful, you will have a potentially massive data volume that you must manage going forward while maintaining peak performance for your end users. There are a few ways to be prepared for this issue:
1. Take data volume into account and make it a theme during the design process.
2. Design the database so that only a minimum amount of data elements are needed for day-to-day operations and the rest can be pare off to a larger, slower, legacy system.
3. Test, test, test, with more users than expected and more data than you plan on keeping.
4. Based on your testing, adjust your design and system as needed and find your point of critical mass. Where do the wheels come off?
5. Always have a backup plan in your back pocket if data volumes or performance start causing problems. A larger system, design change, ETL to pare off data, or a move to a NoSQL system are all possible solutions.
Patrick Delehanty
Patrick Delehanty is a Digital Marketing Specialist with
Marcel Digital
in Chicago. His efforts have been featured in USA Today, Paste Magazine, and Pitchfork. Patrick is also a leading member of
Moz
, a community of digital and inbound marketers.
“The most common mistake we see with eCommerce sites when it comes to site speed is…”
Page bloat. This comes in a number of forms, from too much code on the page to slow rendering pages and images, to loading resources and not having a responsive site implementation. Companies and their web developers need to understand the user experience drawbacks here – a one-second delay can result in as much as a 7% reduction in conversions . Having a clean, well structured, and easy to use website is imperative to any eCommerce company's survival. Google offers a number of resources that can help website run effectively and allow webmasters to check their performance over time:
The more in-tune with the above resources a webmaster is, the more efficiently their site will run and the happier their customer base will be.
Courtney Cox
Courtney Cox is the Director of Digital Strategy at
Atomic Design & Consulting
. Cox has worked with many eCommerce clients, including Hilton Worldwide and Berkey Water.
“The most common mistake I've seen among large eCommerce sites is…”
Render-blocking Javascript and CSS in above-the-fold content. When content above-the-fold has to wait on external files to load before rendering, it dramatically reduces the speed at which users receive that content.
When you run the Google PageSpeed Insights test against the most popular eCommerce sites such as Etsy , Home Depot , even Amazon , you find warnings about render-blocking resources in every one. The reason it's so widespread is because it's very difficult to implement, especially in the world of complex content management systems and hosted eCommerce platforms like WordPress and BigCommerce. Often times, these render-blocking resources cannot be removed from above-the-fold content or the process of removing them would be more costly than it's worth.
Amad Ebrahimi
Amad Ebrahimi is the Founder of
Merchant Maverick
, a comparison site that reviews and rates credit card processors, POS software companies, shopping carts, and mobile payments services.
“One of the biggest mistakes large eCommerce sites make is…”
Not using a CDN. It's especially important if you have a very large database of products. You need to serve up images quickly, and a CDN can help. Used in conjunction with caching, CDN implementation will drastically reduce server load times.
Brandon Howard
Brandon Howard is a
web designer
, marketer, problem solver, and most importantly, an entrepreneur. He owns several online businesses providing a wide range of products and services in different industries, both nationally and internationally. Brandon is always looking for new things to benefit the open source community and strives to find unique ways to help small businesses.
“The two most common mistakes large eCommerce sites make when it comes to web performance and speed is…”
Not caching their product pages and not deferring extra resources to load below the fold. In most cases, larger eCommerce sites have so much content for the site to go through before the correct product is found in the database that it takes longer for the page to load. We're talking about a short period of time, but a slow Internet connection on the customer's end can mean a lost sale. If you cache your product pages, then there's no need to reference the database of products when an individual product page is loaded. That's definitely the number one thing you should do. The next priority should be deferring extra resources, so the only images/files that load on the page are the ones the user will see when the page first loads. Then load everything that's below the fold (further down the page after they scroll) later.
Rod Holmes
In 2009, Rod and his partner Ben Robinson founded
Chicago Style SEO
, a full-service digital marketing agency specializing in on-site SEO, in addition to website de