在之前分享SEO的时候,我说要提高网站加载速度,这样有利于网站排名的提升。

在讲Facebook广告、谷歌广告的时候,我还是提到要优化落地页面,特别是打开速度,以便留住客户。

所以其实,虽然说起来网站的加载速度这个问题只是跨境独立站这个项目中很小的一点,但它影响深远。

打开网易新闻 查看更多图片

据谷歌工作人员研究发现:

如果对网站性能不满意,79%的客户不太可能复购;

64%的智能手机用户希望网站在四秒内加载完毕;

47%的在线买家希望网页在两秒钟内加载完毕。

一个跨境电商网站的加载速度,直接关系着用户的购物体验和成交率。

又间接影响着网站的浏览器排名和整体权重。

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

注:这篇文章主要以wordpress独立站优化加速为例。

本文的主要内容有:

一、如何测试网站速度

二、提速思路及办法

一、如何测试网站速度

在进行网站速度测试的时候,我们一定要多使用几个测速工具,多测试几天进行观察。

因为各个工具有不同的侧重点和自己的算法,而且也不是百分百准确。

所以需要经过一段时间的测试,得到一个相对真实的网站加载速度。

和相对有效的网站优化建议。

常用的网站测速工具有:

1.PageSpeed Insights(强推)

免费

链接地址:https://developers.google.com/speed/pagespeed/insights/

打开网易新闻 查看更多图片

输入新华网后,可得如下数据:

首先,可在左上角切换选择移动端或桌面端的测试结果。

打开网易新闻 查看更多图片

其次,试验数据可切换右边图标查看详情。

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

打开网易新闻 查看更多图片

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

并且根据建议作出的修改不会影响网站的性能。

打开网易新闻 查看更多图片
打开网易新闻 查看更多图片
打开网易新闻 查看更多图片

2.solarwinds

14天免费试用

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

打开网易新闻 查看更多图片

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

比如以新华网在伦敦的测试为例,测试后可得如下数据:

打开网易新闻 查看更多图片
打开网易新闻 查看更多图片

3.GTmetrix

邮箱登录验证

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

打开网易新闻 查看更多图片

同样输入新华网网址,可得如下数据:

打开网易新闻 查看更多图片

GTmetrix有一个很好的功能是可以对比。

点击页面右边的“Compare”按钮。

打开网易新闻 查看更多图片

在右边弹出的框里可选择该网址需要测试的打开国家地区、打开的工具以及用多少速度的宽带或移动信号。

打开网易新闻 查看更多图片

然后就能看到在不同的比较项下,两种测试结果的区别。

打开网易新闻 查看更多图片

二、提速思路及办法

1.DNS

DNS即域名系统。

很多域名注册机构,会提供DNS托管服务。

就是服务商为我们提供一个运行、维护域名系统服务器的服务。

不过,一般这些免费提供的服务速度都一般。

DNS服务节点距离用户越近,DNS查询请求和他的返回内容就越近,这样网站的相应速度也就越快。

我们可以通过更改自己的DNS地址来使自己的网站提速。

这里我们需要用到的工具是:

Cloudflare DNS

免费版本就基本够用了。

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

打开网易新闻 查看更多图片

设置流程:

邮箱注册(不需要验证)之后,添加网站域名。

打开网易新闻 查看更多图片
打开网易新闻 查看更多图片

然后按照提示将原有的DNS地址更改到目标受众对应的地址即可。

Cloudflare DNS官方有很详细的教程,并且有简体中文。

链接地址:https://support.cloudflare.com/hc/zh-cn/articles/360021801151-%E5%BC%80%E5%A7%8B%E4%BD%BF%E7%94%A8-Cloudflare-DNS

打开网易新闻 查看更多图片

2.CDN

CDN,内容分发网络。

使用CDN技术,可以将一个服务器上的信息分发到世界上各个不同地区的服务器上。

这样用户在需要使用这些信息的时候,可以就近访问附近的服务器。

减少信息传播需要的时间。

CDN的设置同样可以使用上面的Cloudflare工具。

这里再给大家推荐另外一个CDN工具:

bunny.net

14天免费试用,按流量收费。

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

打开网易新闻 查看更多图片

bunny.net的注册很简单,邮箱注册即可,不用验证。

注册进入后台之后,首先要添加自己的域名。

打开网易新闻 查看更多图片

然后安装bunny.net插件。

打开网易新闻 查看更多图片

注意,我们刚使用CDN技术的时候,测试是没有效果的。

这是因为只有当我们的网站有访问的时候,CDN才会去抓取服务器的内容。

也就是说,第一个访问我们页面的人是不能享受CDN加速的,只有当他访问了,服务器才会把信息储存在他附近的服务器上,之后附近的人访问时,才能被加速。

同时,使用CDN技术,还能在一定程度上保护网站,维持网站的长期稳定,抵御攻击。

注:Shopify是自带全球CDN服务的。

3.主题、插件

优化主题和插件的思路是最好理解的。

我会把它们比作是房子的墙壁和家具。

承重墙必不可少,但是花里胡哨的墙纸和隔断,就大可不必。

家具也是,有多少小家电买回来吃灰。

在优化主题和插件的时候,除了作为一个购物网站必要的产品展示、购物车、付款和客服等功能之外,别的就及时断舍离吧。

在主题的选择上,我们可以选择本身就做过优化的简洁的主题,哪怕功能没有那么全面,也可以后期通过插件来弥补。

为了某一个功能附加很多拖慢网速的垃圾就太得不偿失了。

这里我们可以用到一个插件:

WP Disable

下载地址:https://wordpress.org/plugins/wp-disable/

打开网易新闻 查看更多图片

安装后,在WordPress的控制栏就能点击Optimisation.io菜单选项。

点击进入Optimisation.io,就能对插件进行设置。

通过使用WP Disable插件,可以禁用网站中不需要的功能。

比如禁用表情符号、Gravatars、Embeds,禁用评论,或者禁用XML-RPC。

还可以通过该插件,减少HTTP请求,删除 Windows Live Writer标签等。

这些都能减少WordPress网站的CPU使用率过高,有助于提高网站的加载速度。

4.图片、视频、字体

一个网站,最直观的就是图片、视频和字体了。

作为一个购物网站,对商品的全方位展示肯定必不可少。

如何在不影响展示效果的前提下,提高网站的速度,是我们需要思考和做到的!

① 图片优化

作为产品展示图,图片的质量一定要有保证。

模模糊糊的图片宁愿不要好吗!

不过越是高清的图,就越容易拖慢网站的速度。

这时候,我们就需要对图片进行无损压缩。

工具是之前提到过的tinypng。

tinypng

图片无损压缩工具。

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

打开网易新闻 查看更多图片

图片优化中,还有一个需要注意的点是:

如果有别人盗用了我们网站的图片链接,那么当他那边的图片被访问的时候,是需要从我们网站服务器上加载的。

这很明显也会拖慢我们网站的加载速度。

最简单的方法是,把图片打上水印,让别人盗用不了。

不过现在大神多,产品展示类的图片也不适合大面积的水印覆盖。

所以这时候,就需要我们为图片设置防盗链。

打开网易新闻 查看更多图片

需要在.htaccess添加代码,设置哪个网站可以引用图片:

//开启工程

RewriteEngine On

//定义哪些文件类型,如果文件类型为下面这些再判断路径

RewriteCond %{REQUEST_FILENAME} .*\.(jpg|png|jpeg|gif) [NC]

//如果路径不为http://localhost/test/下的话则会重写

RewriteCond %{HTTP_REFERER} !^http://localhost/test/.*$ [NC]

//定义新的路径

RewriteRule .* 2.jpg

当你访问除http://localhost/test/ 下的文件,则会直接去访问2.jpg。

② 视频优化

小的视频尽量转成动图来使用。

大的视频就直接上传Youtube托管吧,不仅加载速度快,还在一定程度上做了SEO优化和youtube推广。

视频转动图的工具:

图贴士

链接地址:https://www.tutieshi.com/video/

打开网易新闻 查看更多图片

③ 字体优化

字体优化主要有两个方面。

一方面是,在字体的选择上,尽量选择网站自带字体。

避免因为使用字体安装拖慢速度的插件。

另一方面是,网站中的字体类型尽量保持在三种之内。

字体太多了不好看,也会拖慢页面加载速度。

5.缓存、数据库优化

① 缓存,即提前加载。

将用户可能会点击的页面提前加载一部分,等用户真的点击的时候,就能更快速的展示在用户面前。

缓存工具:

WP Rocket

收费缓存插件。

简单全面,优化速度好。

可以在网上找到破解版,不过没有客服,也不能升级。大家自己抉择吧。

链接地址:https://wp-rocket.me/

打开网易新闻 查看更多图片

这个工具官方有详细的安装和一系列的设置教程。

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

大家按需求查看设置即可。

打开网易新闻 查看更多图片

② 数据库优化

数据库优化,字面意思就是,把网站的数据合理整理摆放,方便快速的访问。

具体包括CSS文件压缩、合并,Java脚本文件压缩、合并等。

这些都可以使用WP Rocket 优化设置。

同时,WP Rocket还有自动开启Gzip压缩的功能。

Gzip压缩,通俗来说就是把用户请求的文件在服务器上压缩,让浏览器能够快速下载下来。

使用gzip压缩能有效降低网络传输的数据量,从而提高客户端浏览器的访问速度。

6.删除查询字符串

查询字符串(Query Strings )是指在一个URL中"?"和"&"后面的字符。

例如: http://xxxx.com/xxxxx?yyyyyy,其中的"yyyyyy"就是查询字符串。

在缓存的时候,这样的带有查询字符串的静态资源,可能会被服务器认为是动态资源,然后就不会被缓存。

所以要想被缓存提速,就需要删除这些查询字符串。

删除的办法是,在functions.php文件中添加如下代码:

function remove_query_strings() {

if(!is_admin()) {

add_filter('script_loader_src', 'remove_query_strings_split', 15);

add_filter('style_loader_src', 'remove_query_strings_split', 15);

}

}

function remove_query_strings_split($src){

$output = preg_split("/(&ver|\?ver)/", $src);

return $output[0];

}

add_action('init', 'remove_query_strings');

当然也有一些插件可以解决这个问题,比如Perfmatters。

不过为了避免过多的插件影响网站的速度,我这里还是建议优先使用代码。

7.301重定向

打开网易新闻 查看更多图片

301重定向,即永久重定向。

百度百科显示:“301重定向是当用户或搜索引擎向网站服务器发出浏览请求时,服务器返回的HTTP数据流中头信息(header)中的状态码的一种,表示本网页永久性转移到另一个地址。”

也就是说,如果我们有很多个域名,但是希望这些域名都指向同一个网站的时候,就需要选择一个主域名,然后将别的域名永久重定向到主域名。

如果网站设置了wordpress级别的重定向的话,会比别的级别设置慢几秒。

我们只需要将重定向的规则改为web服务器级别,就可以解决这个问题。

最快的设置方法,是使用上面的Cloudflare工具,直接将重定向添加在Cloudflare中。

8.慎用弹出框

很多网站都会设置弹出框来提醒用户登录或者提示付款。

这些在收集信息和促进成交方面确实是有一定的效果,但是也会影响网站的速度。

因为弹出框是动态读取信息,打开的速度会慢一点。

所以这个就需要大家自己谨慎选择使用了。

我的建议是,可以设置,但频率和类型一定不能多。

比如下面这种就大可不必。

打开网易新闻 查看更多图片

三、最后

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

我们为网站优化提速,是为了提高用户体验,提高成交率,提高销量。

所以我们不能为了追求极致的加载速度,而舍弃掉一些作为一个销售网站必须有的东西。

即,要在商业店铺的基础上,进行优化。

而不是改变。

其次,优化的方法和工具有很多,我推荐和使用的不一定就是最好的。

也不一定面面俱到。

大家可以根据我的思路,结合自身实际情况,选择最适合自己的网站的优化加速的方法。

最后,

祝大家都成为大麦。

打开网易新闻 查看更多图片