5. 启用浏览器加速缓存。
浏览器加速缓存是一种允许访问者的浏览器储存站点的单个页面的副本的功能,这样,当访问者返回时,可以从加速缓存中呼叫内容,而不是重新载入整个页面。这样可以节省用于显示页面的资源数量,从而加快访问者的总体载入时间。如果您使用 WordPress,您可以使用 W3 Total Cache 这样的插件外挂轻松启用浏览器加速缓存。在 WooCommerce 商店上安装这个插件外挂,请执行以下步骤:
导航到站点的仪表板,然后插件外挂》新增新插件外挂,并搜索 W3 Total Cache 。点选安装,然后启用。插件外挂被启用后,导航到顶部或左侧的新效能标签。您可在此处控制插件外挂的所有功能。这个插件外挂有很多功能可以开启或关闭。如果您想完全配置这个插件外挂,使用 WOOMS DEV 检查一下这个文章。或者,与您的网络开发人员讨论如何将浏览器加速缓存整合到店群服务器端指令码中。
6. 开启 Gzip 压缩功能。
Gzip 压缩是一种将基于浏览器的 HTTP 响应最小化的技术,有时最大化 70 % 。如果这很难理解,别担心。您不需要完全理解它是如何在商店上进行的。有三种方法可以开启商店上的 Gzip 压缩。您可以:
❶. 将以下代码新增到站点的.htaccess 档案:
# compress text, html, javascript, css, xml:
# 压缩文字, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Or, compress certain file types by extension:
# 此外,通过扩充套件压缩某种档案型别:
SetOutputFilter DEFLATE
❷. 新增下列代码至 HTML 或者 PHP 页面顶部:
<?php if(substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’))ob_start(“ob_gzhandler”); else ob_start(); ?>
❸. 安装一个 Gzip 压缩插件外挂,比如用于 WooCommerce 的 W3 Total Cache 工具。(请记住我们之前说过的安装太多不必要的插件外挂!)
7. 将 CSS 档案储存在顶部,Javascript 位于底部。
最后,在处理原始 HTML 页面时,通过在页面代码顶部新增 CSS 档案,在底部新增 Javascript 代码片段,保持商店代码的整洁。将 CSS 档案新增到页面顶部会禁止渐进式渲染,从而节省了网络浏览器原本用于载入和重绘页面元素的资源。在底部新增 Javascript 可防止页面在载入前等待完整的代码执行,从而为访问者带来更快的浏览体验。
8. 减少 Http 请求。
当有人访问商店时,网页上的每个元素都必须下载才能检视。这包括影象、视频店群、动画、样式表、指令码、字型——您命名的。对于页面上的每个元素,都会发出不同的 http 请求。商店上每个页面组成的不同部分越多,每次有人访问您的商店时就发出的 http 请求就越多,载入页面的时间也就越长。这并不意味著您需要将网页剥离成一个极简抽象派的网页设计来降低载入速度。您可以使用一些技巧来识别和减少页面上的 http 请求的数量和大小,同时又不会丢失您希望站点拥有的风格。
首先,使用浏览器工具找出商店页面上有多少 http 请求。在不同的浏览器中,这个过程是相似的,下面是主要的两个步骤:
在 Chrome:
右键单击网页
选择 “检查”
单击 “网络” 选项卡
重新载入页面
在 Firefox:
右键单击网页
选择 “检查” 选项
单击 “网络” 选项卡
重新载入页面
这将不仅显示页面需要多少 http 请求,而且还显示每个请求载入需要多长时间。您可能会发现列表中有些专案不值得花时间删除。即使您没有,您也可以选择加快速度:
选项 1:减小档案大小。
在列表中查询减少不同元素的档案大小的机会。我们关于优化影象的部分有一些好的提示。您还可以通过删除任何不必要的编码或空白来缩小 HTML 、 CSS 和 Javascript 档案中的代码。像 Autoptimize(针对 WordPress)和 HTML Minifier 这样的线上工具可以使这一步更加容易。
选项 2:合并档案。
如果您的网页有多个 Javascript 或 CSS 档案,将它们组合起来将减少网页必须发出的 http 请求的数量。 JCH Optimize 和 Cloudflare 等工具对此有帮助。
9. 最小化和优化重定向。
有时重定向是必要的,但如果使用的次数超出了要求,则会降低页面载入时间。定期检查商店上的连结,以确保所有的连结(内部连结和外部连结)直接转到页面的主 URL 。如果确实需要使用重定向,请确保一页只使用一个重定向。您永远不希望浏览器必须把访问者从一个页面重定向到另一个页面,然后再重定向到第三个页面。并且避免使用额外的 URL 将人们重定向回主站点。您可能很想买下您的 URL 名和主要关键词上的所有变体,把它们都指向您的商店,但这既会降低商店速度,也会给访问者造成困惑。
10. 升级虚拟主机。
开始时,您可能为商店选择了最便宜的主机选项。这是正常的,通常在您开始建立可见性和流量的时候,对于一个新商店来说已经足够好了。随著您的多营销 WooCommerce 外贸店群努力开始见效,流量增加,您的主机需求也会改变。如果商店流量大幅增加,并且您还没有升级主机计划,使之相匹配,这可能会导致载入缓慢或不稳定的效能问题。从共享主机到 WP 云主机,或者从共享到 VPS,都会对商店的访问速度产生巨大影响。请与您的虚拟主机提供商联络,看看是否该升级了,或者考虑是否该换一个新的提供商了。 WooCommerce 店群以 99.9% 的正常执行时间保证而闻名,其代表员工将回答您所提出的关于选择合适的商店主机计划以保持商店快速执行的任何问题。虽然这些只是用来加快商店速度的几种不同技术,但是它们是一些最容易实现的技术。如果您注意到商店变慢了,这个列表是一个很好的开始。当每一秒都很重要时,您能为一个更快的商店迈出的每一步都是值得的。
综上所述,有时载入缓慢的站点仅仅是由于主机不足造成的。有了 WooCommerce 店群,无论您有 WP 云主机、共享主机还是 VPS 主机计划,商店都将获得行业标准技术的服务,您可以通过电话和实时聊天获得全天候的技术支援。我们让转移变得轻松愉快,每一步都乐意为您效劳。
相关阅读:提高商店载入的方法有哪些(一)