【2022最新教程】独立站如何提速?学会这8个步骤很重要!

独立站如何提速?学会这8个步骤很重要!

据谷歌工作人员研究发现:在访问一个网站的时候,如果对网站性能不满意,79%的客户不太可能复购,64%的智能手机用户希望网站在四秒内加载完毕,47%的在线用户希望网站页面可在两秒内加载完毕。所以一个跨境电商独立站的加载速度,直接关系到潜在用户的购物体验和成交转化率。也间接影响着网站的排名和整体权重。

所以,整体全面的独立站优化加速,是每个跨境独立站卖家都应该重视的事情。

PS:这篇文章主要以WordPress搭建的独立站优化加速为例。

测试网站速度

在进行独立站提速的流程中,速度测试是首要且必须的,我们一定要多使用几个测速工具,多测试几天进行观察。因为各个工具有不同的侧重点和自己的算法,而且也不是百分百准确。所以需要经过一段时间的测试,得到一个相对真实的网站加载速度,和相对有效的网站优化建议。

常用的网站测速工具有:

1.PageSpeed Insights(强推)

链接地址:https://pagespeed.web.dev/

独立站测速PageSpeed Insights

打开后我们输入需要查询的网站地址,比如SHEIN,就可得如下数据:

首先,可在正中切换选择移动端或桌面端的测试结果。其次,试验数据可切换右边图标查看详情。

独立站测速PageSpeed Insights

可以通过颜色的区分,直观的看出来网站的什么地方是优化重点

独立站测速PageSpeed Insights

给出的优化建议也很详细。

2. Solarwinds Pingdom

链接地址:https://tools.pingdom.com/

独立站测速Pingdom

使用方法很简单,在URL框输入测试网站地址,然后选择测试地(受众地区,可多测试几次不同的地区),即可开始测试。

比如还是以SHEIN在欧洲伦敦的测试为例,测试后可得如下数据:

独立站测速Pingdom

3. GTmetrix

链接地址:https://gtmetrix.com/

打开之后我们可以点击右上角进行注册,这样可以保存相关的检测结果。当然不注册也是可以使用的。在这里我们同样输入SHEIN,可得如下数据:

GTmetrix有一个很好的功能是可以对比。点击页面右边的“Compare”按钮。

在右边弹出的框里可输入需要对比的网站地址,如果有账号登录之后还可以看到如测速地区的选择、打开的浏览器以及用多少速度的宽带或移动信号选项。然后就能看到在不同的比较下,两种测试结果的区别。

优质的DNS

DNS即域名系统。您可能不知道优质的DNS对网站的速度也起到了一定的作用。很多域名注册机构,会提供DNS托管服务。不过,一般这些免费提供的服务速度都一般。

DNS服务器节点距离用户越近,DNS查询请求和他的返回内容也就越快,这样网站的响应速度也就越快。我们可以通过更改自己服务器的DNS地址来帮助独立站进行一定的提速。
在这里我们就需要用到一个免费的DNS工具。

Cloudflare DNS(免费的就足够了)

链接地址:https://www.cloudflare.com/zh-cn/

独立站如何提速?使用Cloudflare

点击右上角的“注册”进行账号注册之后,就可以进入控制面板添加自己的网站了。添加完成之后,需要按照提示将原有的域名DNS地址更改到Cloudflare对应的地址即可。(通常大约几分钟就好,但是也可能会遇到延迟更新的问题)

Cloudflare控制面板

Cloudflare官方针对如何添加和操作DNS也提供了很详细的教程,并且有中文版本。

链接地址:Cloudflare DNS 常见问题解答 – Cloudflare帮助中心

CDN内容分发网络

CDN(Content Delivery Network)内容分发网络是一种网络技术。

使用CDN技术,可以将一个服务器上的信息分发到世界上各个不同地区的服务器/节点上。这样用户在需要使用这些信息的时候,可以就近访问附近的服务器。减少信息传播需要的时间。

CDN的设置同样可以使用上面的Cloudflare工具。Cloudflare免费的账号提供一个网站的CDN分发,对于基础的使用来讲已经很不错了。

当然,除了Cloudflare还有一个不错的也推荐给大家:

Bunny.net(提供14天免费试用,按流量收费。)

链接地址:https://bunny.net/

独立站如何提速?使用Bunny.net

bunny.net的注册很简单,邮箱注册即可,不用验证。注册进入后台之后,首先要添加自己的域名。然后在WordPress独立站安装bunny.net的插件。按照Bunny.net的提示进行操作就可以配置好了。

值得一提的是,我们刚使用CDN技术的时候,测试是没有效果的。这是因为只有当我们的网站有访问的时候,CDN才会去抓取服务器的内容。也就是说,第一个访问我们页面的人是不能享受CDN加速的,只有当用户访问了,服务器才会把信息储存在他附近的服务器上,之后附近的人访问时,才能被加速。同时,使用CDN技术,还能在一定程度上保护网站,维持网站的长期稳定,抵御如Ddos等攻击。

注:这里的CDN流程是针对WordPress独立站的,Shopify本身是自带全球CDN服务的,无需进行操作。

主题和插件

优化主题和插件以减少独立站加载文件大小可以有效提升速度这一点很好理解。许多WordPress建立的网站因为安装了过多的插件和使用臃肿的主题而导致糟糕的访问体验。在优化主题和插件的时候,除了作为一个购物网站必要的产品展示、购物车、付款和客服等功能之外,别的就尽量断舍离吧。

在主题的选择上,我们可以选择本身就做过优化的简洁的主题比如Astra、Kadence等,哪怕功能并没有那么全面,也可以后期通过相关插件来弥补。如为了某些功能附加很多文件而导致拖慢网速就太得不偿失了。

一些比较推荐的主题和插件包括:

主题

插件:

图片、视频、字体

对于网站来讲,最直观的就是图片、视频和字体了。作为一个电商独立站,对产品全方位的展示肯定必不可少。如何在不影响展示效果的前提下,提高网站的速度,是我们需要思考和做到的!

图片优化

人都是注重视觉的,所以优质的图片可以更为有效地提升转化率。而作为产品展示图,图片的质量也一定要有保证。过于模糊的图片不仅起不到任何作用,反而会影响品牌形象和销售转化!不过越是高清的图,就越容易拖慢网站的速度。这时候,我们就需要对图片进行无损压缩。

无损压缩有两个非常推荐的工具

独立站如何提速图片优化

在图片优化中,还有一个需要注意的点是:
如果有别人盗用了我们网站的图片链接,那么当他那边的图片被访问的时候,是需要从我们网站服务器上加载的。这很明显也会拖慢我们网站的加载速度。最简单的方法是,把图片打上水印,让别人盗用不了。

不过现在大神多,产品展示类的图片也不适合大面积的水印覆盖。所以这时候,就需要我们为图片设置防盗链。

如果你是使用宝塔面板的话,那直接在【网站】- 【设置】-【防盗链】中启动防盗链即可,或者我们可以修改网站根目录下的.htaccess(没有自己新建一个)添加如下代码:

<IfModule mod_rewrite.c>
//开启工程
RewriteEngine On
//定义哪些文件类型,如果文件类型为下面这些再判断路径
RewriteCond %{REQUEST_FILENAME} .*\.(jpg|gif|bmp|zip|rar|png|webp|jpeg|rar|zip) [NC]
//如果路径不为http://localhost(这里填写自己的网站)下的话则会重写
RewriteCond %{HTTP_REFERER} !^http://localhost/.*$ [NC]  
//允许搜索引擎系网站引用:
RewriteCond %{HTTP_REFERER} !www.google.com [NC]
RewriteCond %{HTTP_REFERER} !www.google.com.hk [NC]
RewriteCond %{HTTP_REFERER} !www.baidu.com [NC]
RewriteCond %{HTTP_REFERER} !www.bing.com [NC]
RewriteCond %{HTTP_REFERER} !cn.bing.com [NC]
RewriteCond %{HTTP_REFERER} !yahoo.com [NC]
//防盗链的提示图片。
RewriteRule (.*) http://localhost/notice.png [R,NC,L]
</IfModule>

这样,当你访问除http://localhost/下的文件,则会直接去访问notice.png,我们可以把notice.png设置为警告信息。

视频优化

在视频优化方面,建议尺寸较小且时长比较短的的视频尽量转成GIF动图来使用。而大的视频就可以直接压缩或者上传YouTube/Vimeo来托管,不仅加载速度快,还在一定程度上做了SEO优化和YouTube推广。视频转GIF动图的工具不少,比较推荐的是EZGif。

链接地址:https://ezgif.com/video-to-gif

字体优化

字体优化主要可以操作的有两个方面:

一方面是,在字体的选择上,尽量选择网站自带的字体。避免因为使用字体安装拖慢速度的插件。另一方面是,网站中的字体类型尽量保持在三种之内。字体太多了不好看,也会拖慢页面加载速度。

大部分情况下,谷歌的在线字体已经涵盖了大部分所需的字体。如果真的有特别想使用的字体文件。也建议使用CDN来进行加载。

缓存、数据库优化

缓存优化

缓存技术包含了很多类型,但基础的可以理解为当网站页面初次被访问时,相关的页面信息就被储存起来了,当再次被访问的时候,就无需加载等待可以直接被读取。使用缓存技术/工具来预加载网站页面,可以大幅度的提升加载的速度。当然我们并不需要了解那么深奥的技术,使用相关插件就可以实现。

比如WP Rocket就是非常棒的缓存插件,虽然是一款收费的缓存插件。但因为简单好用,覆盖全面,优化速度好而非常值得推荐。

独立站使用WP Rocket提速

免费下载WP Rocket

这个插件官方有详细的安装和一系列的设置教程。各位按需求查看设置即可。

教程的链接地址:https://docs.wp-rocket.me/

数据库优化

数据库优化,字面意思就是,把网站的数据合理整理摆放,方便快速的访问。具体包括CSS文件压缩、合并,JavaScript脚本文件压缩、合并、数据库残留文件清理等。而这些都可以使用WP Rocket进行优化设置。

同时,WP Rocket还有自动开启Gzip压缩的功能。Gzip压缩,通俗来说就是把用户请求的文件在服务器上压缩,让浏览器能够快速下载下来。使用Gzip压缩技术能有效降低网络传输的数据量,从而提高客户端浏览器的访问速度。

检查死链和避免重定向

当你的独立站运行一段时间后,无可厚非网站的内容可能需要添加、更新或者删除。又或者被移到了某个其他分类位置。当这些操作发生的时候就可能存在死链或者重定向,就好比转机航班,转机的次数越多,到达最终目的地所需的时间就越长。适当的重定向是有利于搜索引擎和网站的,但太多会导致页面响应时间的崩溃。所以最好的方法就是定期的进行检查并设置永久定向。最快最有效的方法包含使用SEO工具比如YoastSEO或者Cloudflare来进行重定向管理,直接将重定向添加到Cloudflare的仪表盘中。

使用最新版本的PHP

PHP是为WordPress网站提供支持的脚本语言。它是一种服务器端语言,这意味着它在托管独立站的服务器上进行存储和执行等操作。与主题和插件一样,PHP也会不定期发布更新以提高运行效率,从而帮助提升页面的加载速度。

虽说现在的虚拟主机或者服务器供应商基本都包含了最新的PHP版本,但是介于兼容性问题,往往运行的都是服务商预设的。

目前PHP的最新的版本是PHP 8.1,但我们更推荐PHP 7.4的版本。PHP 7.4相对稳定且对大部分服务器友好。

您可以查看服务器供应商提供的文档或联系相关支持人员以了解目前服务器使用的是哪个版本的PHP。如果不是PHP 7.4版本,我们可以咨询服务器供应商对PHP版本进行更新。

总结

最后在对网站进行加速之前,我们需要明白一个道理:

我们为网站优化提速,是为了提高用户体验,提升独立站的成交率和销量转化率。所以我们不能为了追求极致的加载速度,而舍弃掉一些作为一个电商网站必须有的东西。也就是要在商业店铺的基础上,进行优化,而不是改变。

其次,优化的方法和工具有很多,在本文中我们推荐和使用的不一定就是最好或者最适合的。大家可以根据这篇文章中提到的思路和方法,结合自身的实际情况,来选择最适合自己的独立站的优化加速方法。

© 版权声明

请输入您需要搜索的内容