我们已经成功优化了数百个Shopify网站.
我们看了很多东西,学到了很多东西,我们也分享了很多东西。
我们有开心的客户(woohoo!😃)也有悲伤的客户😞。
在大多数情况下,我们与客户的负面经历,要么是期望值的不同,要么是我们缺乏沟通。
这篇文章解释了在优化Shopify网站时,你可以期待什么。
目录
什么是Shopify优化?
优化 – 最大或最有效地利用某种情况或资源的动作。
我们主要在以下两个方面进行优化:
- 性能优化
- 转化率优化
性能优化是让网站更快的艺术。
让网站更快是技术优化(如压缩和代码更改)和数学(加载更少和更小的资源)的混合。
转化率优化是提高每个用户或每个会话的转化率的艺术。
性能优化的好处是什么?
改善SEO
Google曾表示,网站速度是其算法用来排名页面的信号之一。
即使你没有注意到速度感知速度的变化,技术上更快的网站也可以被搜索爬虫测量。
在其他条件相同的情况下,一个更快的网站会比一个较慢的网站排名更好。
更好的用户体验
速度快的网站交互更好。
大多数Shopify网站在快速网络连接上的速度都很不错。
x因素是在较慢的移动连接上。这是人口统计学,你会从优化中获得最显著的收益。
提高转换率
让网站速度更快,可以降低跳出率,让客户更快地结账,并提供整体更愉快的体验。这些指标可以转化为更多的转化率。
增加客户和收入
前面这3点会带来更多的流量和更多的订单,从而达到你的关键底线指标:更多的客户和更多的收入。
在优化网站速度时需要注意什么?
期待更好的业绩指标,会随着时间的推移而复合。
别指望网站能瞬间加载。
我们已经取得了很好的效果,但大多数网站会看到边际收益。
边际收益会随着时间的推移产生复合收益,所以即使提高半秒的加载速度,你仍然会获得价值。
Shopify是拥有成熟生态系统的平台。基本面已经很好地进行了拨入,因此虽然您的站点可能有收获的余地,但它至少表现良好
有一些实际的因素可以控制页面加载速度:
- 页面大小
- 服务器请求数
- 第三方应用数量
- 服务器速度
- 用户连接速度
前面两项个可以优化,后面两项个就不行了,服务器速度由Shopify负责,用户连接速度不一。
第三方应用介于两者之间。有时我们可以优化这些,有时不能。这取决于应用程序是如何设置的。
当你在页面上添加更多的图片,应用程序和元素时,它的加载速度会变慢。优化可以减轻额外的加载时间,但它仍然会成为你的整体加载速度的因素。
当你进行全面优化时,可以期待一个更快,更高效的站点。
打个比方:网站优化就像…
- 使用竞赛燃料代汽油。前提是你得有好底子,再牛逼的飞度也不能仅凭赛车燃料就变成法拉利。
- 早餐吃坚果和有机蔬菜,而不是垃圾食品。您不会因为吃蔬菜和坚果而从倒致身体变差,反而表现会更好。如果您每天都用有机食品代替垃圾食品,那么这种微不足道的优势就会变成长期的收获。
- 睡8小时而不是5小时。长期充足的睡眠更能发挥人的潜能。
摘要:优化你的网站会让它更快,但不会让它瞬间加载。
如果这不是你想要的答案,请尝试Google AMP。它会剥离你的页面并将其缓存在Google服务器上,因此当它们在Google搜索中的移动设备上访问时,它们会立即加载。
如果你想从我们的专家那里得到全面的优化服务,请查看我们的企业Plus优化套餐。它包括一个深入的优化+转换分析。
以下是客户对我们全面服务的评价:
在开始实施一些建议后,我注意到流量立即增加。
哇,我们的标题标签真的被忽视了!
这是我们对[alt属性]不了解的地方,自从你们解决了这个问题,我们的流量就增加了!!”
环球流量团队帮助我们大幅提高了网站的速度。这个过程非常快,团队的反应也非常快。他们会在工作完成后为你提供深度分析报告,并给你最好的建议。
你可以在SHOPFY网站上进行哪些优化?
优化Shopify网站的策略有很多种,以下是一些关键领域:
- 图像压缩
- 文件缩小
- 实施延迟加载
- 删除旧的或未使用的代码
- 修复JavaScript和控制台错误
- 延迟或有条件地加载资源
- 资源提示之类的技术代码策略
- 通过设计更改减少加载的资源
以下是一些常见的优化警告,你可能会在一般的分析工具中得到,但对于Shopify商店来说,这可能不是一个好主意。
- 利用浏览器缓存
- 关键资源/资源阻塞警告
- 避免DOM尺寸过大
- 删除未使用的CSS
- 以下一代格式提供图像
这些都是很好的一般性原则,但通常在Shopify网站上是没有意义的,要么是因为你无法控制给出警告的代码,要么是因为这样做将是昂贵和耗时的,几乎没有好处。
要想了解更多关于这样几点的细节(以及为什么我们不在Shopify网站上投入精力),请查看关于Google PSI的帖子中的PSI警告解释部分。
如何衡量SHOPIFY网站上的效果?
WebPageTest
这是一个计算网页加载速度的好工具。
在优化或测试过程中,我们使用这个工具来获取前后的统计数据。
有很多因素决定准确的加载速度。大多数工具会在测试中跳来跳去。WPT是我们发现速度波动最小的1个工具。
WPT也不错,因为你可以选择模拟测试的连接速度。
我们在做优化测试的时候,会使用移动LTE的速度设置,因为这是受影响最大的用户范围。
更多优化工具
我们主要将WebPageTest用于Shopify优化项目。
以下是一些其他工具,在进行全面优化时,这些工具可能会提供其他见解或想法。
使用这些工具,得分可能会随机波动,因此尽管它们对创意有用,但对于比较之前/之后并不理想。
Pingdom
这是一个很好的通用工具,有一个很好的简单布局,你的网站是如何加载的,以及是什么原因导致加载资源。
加载速度跳跃性很大,但可以让你对你的网站对桌面用户的加载速度有一个大致的了解。
GTmetrix
这是一个很好的通用工具,有详细的优化建议。
如果你是在Shopify网站上,你可以忽略这个分数,但检查细节可以产生一些优化的想法和精确的问题。
PageSpeed Insights
这是最流行的通用性能分析工具,可能是因为它是由Google赞助的。
我们偶尔会用它来做研究,但发现它对电子商务网站的效果并不好。
由于分数与实际速度没有关联(案例研究参考),我们不使用或参考PSI分数。
关于分析工具的注意事项
所有这些都是自动工具,给出算法推荐(包括我们的)。
你可能无法获得一个好的商店,这取决于你的平台,应用程序和网站目标。这没关系,这并不意味着你的网站不好。
任何工具上的得分不等于收入。
优化你能做的事情,但不要为了一张成绩单而牺牲你的整体业务目标。
性能优化的投资回报率是多少?
性能优化与搜索引擎优化非常相似–这是一门不精确的科学。
通过分析案例研究,我们可以对性能优化的结果做出假设。
要基于合并一些电子商务案例研究的统计信息来计算您的估算ROI。
如果您的网站存在重大问题,您可能会立即获得不错的投资回报率。
如果您的网站存在小问题或已经非常快,则可以长期衡量投资回报率。
从长远来看,即使性能略有提高也应会获得正的ROI,这可能是由于SEO排名提高以及连接速度较慢的用户获得的转化次数增加。
客户曾说过,我们在优化网站后立即提高了转换率。我们也有客户说它根本没有改变。无法预测。
总结
你应该优化你的网站吗?是的。
优化您的网站会让它更快吗?通常情况下。
优化您的网站会使速度大为提高吗?很可能不会。
您能在一个特定的工具上达到X的等级/分数吗?也许可以。取决于工具和您愿意牺牲的东西。
优化能保证一个网站在X秒内加载或提高Y秒吗?不可以。优化的内容是有限制的,尤其是当你有第三方应用的时候。
你应该删除应用程序来使你的商店更快吗?不。应用程序有助于客户获取和收入。
你会提供优化网站服务吗?是的。在这里查看我们的服务或联系我们。
最后的话
我建议尽可能地优化你的网站,但请记住你的网站的目标是产生销售,而不是拥有世界上最快的网站。
如果世界上最快的网站是你的目标,我们可以通过建立一个定制的解决方案来帮助实现这一目标。