进入一个商店之后,感觉就像是要花很长时间才能载入。您会怎么做呢?您会耐心地等待网页全部载入吗?还是关闭浏览器标签,进入下一个商店呢?事实上,页面载入时间不仅会对使用者体验产生巨大的影响,而且也会极大地影响转换率,以及搜索引擎的优化。无论您拥有什么型别的商店,无论是 WooCommerce 商店、 WooCommerce 电子商务商店、线上论坛还是会员登入页面,提供最快的商店速度和效能都符合最大利益。但是您该怎么办呢?这里有七个提示,您可以使用它们来减少这些载入时间,并在 2019 年提高您商店上的使用者体验。
1. 使用内容交付网络
当然,您可以根据商店上的实际内容采取许多步骤。您可以缩小图片和优化 JavaScript 。但是您还必须考虑店群服务器相对于访问店群服务器的使用者的位置。互联网并不完全是虚拟的,因为仍然需要穿越物理空间。对于位于洛杉矶的人来说,访问旧金山的店群服务器要比访问伦敦甚至芝加哥的店群服务器要快得多。内容交付网络(简称 CDN)的目标是通过选择最靠近终端使用者的店群服务器来提高商店的效能。
我们建议您了解一下 CDN 的工作方式,不仅要更好地了解这个概念是如何工作的,还要了解为什么今天大多数互联网顶级商店都在使用它。这就是有一个完整的网络来交付这些内容的地方。最好的 CDN 通过提供更高速的储存、优化工具、智慧和动态加速缓存以及安全功能来进一步优化效能。您将需要一个具有良好全球网络覆盖范围和高可用性解决方案的 CDN 。 Incapsula 的专业计划起价为每月五十九美元,而商业计划起价为每月两百九十九美元。
2019 年提升商店速度和效能的七个技巧
2. 压缩影象
从商店速度和效能的角度来看,载入图片可能是最繁重的活动之一,这可能不会让您感到惊讶。这部分与解析度有关,但也与影象压缩水平和其他因素有关。如果您只想调整图片大小并将其显示为只有两百画素宽的缩图,那么上传和显示一张两千万画素的大照片是没有真正理由的。首先,您可以从实际上传到店群服务器的影象开始。一般来说,您不需要几兆位元组大小的影象。根据具体情况,可以在不损失大部分使用者可识别的质量损失的情况下使用 200 KB 或更小的记忆体。另一个很好的方法是叫做 Smush 的 WordPress 插件外挂。其目标是减少 “所有不必要的资料,而不影响商店速度。”
3. 压缩 JavaScript 和 CSS
在提高页面载入时间方面,首先也是最容易看到的地方之一是解决站点代码中不必要的低效问题。更具体地说,JavaScript(JS)和级联样式表(CSS)的预设代码效率可能非常低。对于初学者来说,有很多空白,并且可以将几行冗余代码缩减到更短的长度。可以想象,浏览器(和店群服务器)执行的代码越少,页面的载入速度就越快。如果您有一个 WordPress 站点,那么使用类似 WP Super Minify 的插件外挂为您做这件事是最简单的。当然,在这之前,您需要进行完整的商店备份。正如许多顶级 CSS 站点推荐的那样,如果您有不同型别的站点,或者您更愿意手动操作,那么有几个线上工具可以做到。 Minifier 就是这样一个例子。该工具的工作原理是删除空白、剥离注释、组合档案以及优化或缩短一些常见的程式设计模式。
4. 减少 HTTP 请求
所有其他的都保持不变,最简单的商店将是载入速度最快的商店。如果您有一个简单的纯 HTML 页面,其中包含纯文字和最少的影象,那么它可能会非常快。如果有一个动态页面呼叫了许多其他因素和内容型别,那么您将会遇到麻烦。通过减少 HTTP 请求的数量,您可以显著提高站点的速度。代码越干净越好。 Perfmatters 是 WooCommerce 的一个面向效能的插件外挂,它可以为您实现大部分自动化。一个商店的起价为每年 19.95 美元,无限商店的起价为每年 99.95 美元。尽管许多商店所有者和博主可能不了解这些设置或命令的实际内容,但该工具使您可以非常容易地检查或关闭您希望启用的效能选项。
5. 升级到独立店群服务器
大多数刚开始建立自己的第一个商店的人,实际上也有很多老手,通常会选择共享主机,因为这通常是最具成本效益的选择。然而,这意味著您正在与其他客户共享资源(店群服务器和频宽),并且您无法控制他们如何使用这些资源。如果同一个店群服务器上的另一个商店突然涌入大量流量,其他商店的速度和效能就会受到影响。有许多变数超出了控制范围。为了避免这个问题,您可以考虑使用高阶独立店群服务器。他们有托管和非托管的解决方案,但无论如何,您得到的服务资源器都是您一个人使用。如果您愿意的话,这允许更大程度的自定义。更重要的是,您可以获得独立的硬体和更稳定的效能。这意味著整体速度更快,尤其是当您选择配备了更好硬体的独立店群服务器时。如果是虚拟主机,我们应该在什么时候升级配置呢,有兴趣的朋友可以了解一下 什么时候升级虚拟主机最合适。
6. 启动延迟载入
一般来说,当有人到达某个网页时,整个网页都将尝试载入。有些元素可以同时载入,而另一些元素必须按顺序载入。根据商店的设计和布局,使用者可能会因为他们还看不到的元素(而且可能永远看不到)而经历非常长的载入时间。或者他们会注意到商店仍然在他们的浏览器中载入,即使看起来感兴趣的内容已经可用。在这两种情况下,这都会降低使用者体验,并妨碍商店速度。克服这个问题的一种方法是延迟载入。当启用延迟载入时,网页上的元素将根据需要载入。这样,在使用者向下滚动之前,页面下方的专案不会载入。这会导致更快的载入时间,因为页面上方的元素会被优先处理。谷歌开发者网页基础部分有一个很好的指南,可以了解更多关于这项技术的资讯。
7. 减少外部指令码
视窗小部件可能很棒。它们可以非常方便,可以用各种动态内容更新商店。也许侧边栏里有个 Twitter 小部件可以显示最新推文。也许您用亚马逊的一个小部件来展示特色产品。这是一个充满可能性的世界。问题是,当您依赖这些外部指令码时,您也可以在页面载入时间内使用这些外部指令码。如果 Twitter 碰巧因为任何原因挂起,那么当它等待该小部件正确载入时,站点速度会受到影响。对于页面上依赖于外部服务的各种 “隐藏” 元素,也是如此。
虽然将所有外部指令码全部删除可能并不完全可行。例如,您可能希望保留谷歌分析,例如为谨慎起见,应尽量减少其对页面载入时间的影响。更好的商店效能有助于提高使用者参与度。在 2019 年落实这些建议。商店访问者将会感谢您!提升了页面载入速度,做 SEM 店群优化也就相对容易很多,有兴趣的朋友可以更多了解一下 ,提高页面载入速度,对 SEM 店群优化排名有什么帮助。