速度是现在比以往任何时候都更本质的 WooCommerce 独立站网页设计。在 2022 年, 您的网站访客想要快得多的网站体验, 如果您不送, 就会去别的地方, 在那里他们可以! 这只是现在的方式, 这种趋势正朝著越来越快的网站。
设计师不断地测试, 以确保他们的客户有快速的网站会比那些不得到重视。快速的网站您问是什么? 我们如何量化这一数值而言?
看看资料, 我们有一些研究说以下几点:
● 47% 的多用户想要一个网站在两秒或更少 (根据负载 Akamai 研究)
● WooCommerce 电子商务消费者想要一个网站载入在两秒, 但谷歌的目标是不到半秒 (根据谷歌网站管理员)
● 57% 的多用户会放弃一个移动网站如果它花费的时间超过三秒载入 (根据版的研究)
显然, 共识是更快更好, 因为它大大提高了多用户体验。这里有一些奇妙的想法让您客户的网站更快!
让您的设计简约
显而易见, 当您建立一个简单的设计, 您的网站有更少的元素载入。当有更少的元素载入, 可以有效地提高您的网站的速度。
这完全取决于您的 WordPress 网站设计的哲学方法。您可以节省很多麻烦从一开始通过设计巧妙地避免有害的行为影响您的网站的载入速度。
设计师需要坚持极简主义的真正原理提出的网站的光脚, 不需要很长时间的负载从一个页面到另一个。
简约的特点是:
● 一个汉堡选单而不是一个标准的导航栏
● 更多的白色或负空间
● 短的 web 表单
● 小的图片
● 只有一个字型, 而不是不同类型的字型在您的网站上
维基百科是一个理想的例子 go-light-for-minimalism 设计方法。
从它的主页在酒吧里, 当我们输入一个搜索词, 比如说 “老虎” 。它只需要不到一秒的时间去老虎的维基百科页面。看 Alexa 工具条扩充套件, 我们可以确认这是真的!
理解的重要性的感知效能
即使在 WooCommerce 独立站网页设计中, 知觉是现实。这意味著设计, 只是认为是高度有用的不一定要快得多, 以生产高水平的多用户满意度或认为, 优秀的多用户体验。
虽然拥有快速的网站是至关重要的, 您还可以建立更快的网站, 经常的感觉如果它认为是快, 多用户会很高兴。
在这个深刻的视频 Luke Wroblewski, 他解释说, 速度是关键路径的多用户体验。而不是实现复杂的技术解决方案来提高网站的响应时间, 使用好的设计, 我们可以增加的感知效能和使界面看起来更快。
从谷歌获得一些帮助
谷歌希望您的网站要快。帮助其整体的使命让互联网更快, 它促进了导出了压缩技术, 叫做 “Brotli” 去年。那么为什么不使用谷歌提供的神奇的工具作为一个 WooCommerce 独立站网页设计师吗?
最好的起点是谷歌开发的使网页更快的页面。在这里, 您会得到一个恒星各式各样的工具和信息, 加快您的 WordPress 网站设计。
谷歌提供了最好的工具之一 PageSpeed 见解, 您获得详细的见解是什么导致您目前的网站是缓慢的。最好的部分是您可以得到详细的报告和建议对移动和桌面版本的网站, 所以您真的没有借口再呈现一个缓慢的网站您的客户!
后把您的站点的 URL 栏位中, 您得到的东西您应该修复列表网站速度和多用户体验, 当然, 携手并进。
例如, 在我的网站上我们看到一个 72/100 的速度得分, 这是好的, 但显然不是很好。分数下面, 我们看到一群建议我应该修复我的网站使它更快, 接近 100/100 的分数。不过, 尽管速度得分, 手机网站几乎有一个完美的分数, 表明速度并不是唯一的因素在确定移动多用户体验!
当我们点选桌面选项卡中, 我们明显看到一个更好的速度得分在 84/100 。相同的, 下面列出了新建议, 。
更多的谷歌建议您遵循和实现速度, 更快的网站您将建立您的客户。
偷懒延迟载入
听说过延迟载入吗? 这种设计模式的特点是才渲染物件的时间点是必要的。例如, 物件在折叠时才会开始载入和初始化多用户实际上是向下滚动页面。这仅在必要时设计方法意味著您的网站需要依赖更少的资源, 从而使它更快的效能。
特别注意: 如果您的页面有很多内容, 因此需要多用户向下滚动, 延迟载入自然是非常有效的。如果您设计一个 long-scrolling 页面客户端, 使用延迟载入, 因为这将大大提高网站的速度和多用户体验!
将延迟载入到您的设计, 只需挑选各种延迟载入外挂可用。
几个好习惯包括:
· · 延迟载入为 jQuery 外挂
· · 延迟载入 WordPress 外挂
· · BJ 延迟载入
· · Unveil.js
· · bLazy.js
· · 角懒惰 IMG
· · ocLazyLoad
· · React-Lazy-Load
· · 杰森 Slyvia 的 React-Lazyload
苹果的 iPhone 6 s 产品页面是一个 long-scrolling 页面。这使得一个完美的候选人延迟载入。如果您向下滚动页面, 您可以看到有多少不同的影像, 每一个页面的速度, 征税需要载入。页面可以受益于延迟载入,Alexa 工具条扩充套件表明它载入在不到两秒, 只是平均!
优化您的 WooCommerce 服务器
让您的网站的一个重要方面超快是您如何处理您的 WooCommerce 服务器。特别是, 解决您的 WooCommerce 服务器响应时间, 这样, 也是超快是关键。您的 WooCommerce 服务器响应时间需要多长时间您的 WooCommerce 服务器响应浏览器请求。
换句话说, 您可以优化您的个人页面, 所有您想要的速度, 但如果您忽视您的 WooCommerce 服务器, 您的整体网站速度仍将低迷!
这是一个必备实施以下策略与您的 WooCommerce 服务器, 以确保您的 WooCommerce 服务器响应时间是超快:
● 为每一个页面 (使用更少的资源推迟的图片, 结合外部 CSS 档案, 结合外部 script 档案)
● 使用一个内容交付网络或 CDN
● 使用一个快取记忆体解决方案
● 提高您的 webWooCommerce 服务器软件配置
更快的网站获得更多的多用户, 买家和读者
设计速度不能强调高度足够的这些天! 是 2022, 您的多用户, 买家和读者想要快速的多用户体验。否则, 他们一定会去您的一个竞争对手的 WordPress 站群网站优化了速度!
通过实施以下技巧上面, 您保证改善您设计的网站的速度。这意味著快乐的客户会对您的设计技能, 因此, 更多的业务来了您作为一个设计师!
当然, 保持测试您的网站看到它真的是最快的, 可能您可以建立的迭代。总有调整您可以到处让它尽可能快。