2023WordPress站点优化小白独立站优化全面指南

内容目录

前言

对于wordpress站点来说,速度就像我们准备去买一辆车。想象一下,当你走进一家4s店,等了好久都没人来服务。这还挺让人沮丧的,对吧?同理,当一个网站慢吞吞地加载时,你的用户也是如此感受。

老默见过不少朋友的独立站内容质量做的很好,但是网站流量却一直上不去,一访问他的网站发现要足足六七秒才能打开。

这样的独立站在谷歌那里往往是拿不到高评分的,老默往往都把这类站叫做孤芳自赏站

甚至平时我们投放的google ads的广告分数也会因为网站速度优化的不到位导致广告效果大打折扣,影响广告的展示概率和次数。

相信很多朋友目前对独立站加速都还是处于测试和摸索阶段。

老默在网站加速方面也算是经验比较丰富的了,操刀过几十个网站的速度优化,并且在网站加速上购买过的插件或者服务花了也快将近一万了。

下面我就将我最近一年最常用的一套网站加速方法教给大家,避免了再去到处踩坑的可能,网站速度优化看这一篇就够了。

优化方法主要使用了wp-rocketCloudflare CDN、web-express这三个工具。从网站内部代码、cdn、图像webp格式转化这三个方向将我们的网站速度优化到极致,照着我的这套方法给网站加速,小白也可以将网站速度优化到飞起。


一、如何测试自己的站点速度

在开始网站优化之前,老默先提供两个做谷歌优化常用的国外网站测速的工具,好让你们知道自己网站当前的速度。


1.Gtmetrix

Gtmetrix是我每次做网站速度优化时最喜欢用的分析工具。当然,国内国外都有很多的大神也在使用。

就算你是技术小白,Gtmetrix都能让你一目了然地看到你的网站速度表现,它结合了Google PageSpeed Insights和YSlow,采取了最直观的A到F的评级(A级最好)。

另外用百分比数据直观展示了网站性能(Performance)网站结构评分(Structure)。

最后三个展示数据是网络指标数据分别是我们常说的:
LCP(最大内容元素渲染时间),一般LCP控制在1.2秒内或者更短的时间。

TBT(页面加载脚本阻塞时间),要控制在150毫秒或者更低

CLS(衡量在网页的整个生命周期内发生的所有意外布局偏移的得分总和),如果该数据过高,当用户尝试与网页元素互动时,如果网页元素出现偏移,这会导致糟糕的用户体验。CLS的分数一般控制在0.1或者更低。


2.PageSpeed Insights

Google PageSpeed Insights是Google官方推出的网站测速工具,能针对移动端和电脑端来衡量网页的性能。该工具会抓取网址两次,一次是通过移动设备,另一次是通过电脑设备。

在输入框中输入我们的域名后点击右侧的分析按钮。随后Google PageSpeed Insights会分别测我们网站的移动端和pc端的分数,pc端分数不要低于90分,移动端分数不要低于65分,在此基础上分数越高越好。

拖动鼠标下滑到分数显示的下方,可以看到Google PageSpeed Insights针对网站分数测试后的一些网站继续优化的建议,如果想让我们的独立站分数不断提高,可以按照它的建议一点点改进我们的网站。


二、可能影响网站速度的原因


1.图片

老默已经见过太多的独立站因为图片原因速度一直上不去了,一张图片压缩一下就能从3M的大小减小到300K,但就是这么个动作,很多小伙伴都觉得麻烦,不想做。

文章看到这里的人,请强制要求自己传到网站上的图片都要经过压缩再上传到网站,一张3M的图片对于网络稍微差点的国家那是致命的打击。

这里给大家推荐两个非常好用的压缩图片的工具网站:


2.不必要的插件占用

检查下自己网站启用的插件是否有用不到的及时删除。注意,同类型的插件只能使用一个,否则很容易冲突,并且导致两个插件都失效,例如两个安全插件,两个加速插件,两个seo插件同时使用等等。


3.主机速度太慢

这个有点硬伤,当你所用的主机商服务器性能不高,DNS查询时间偏长,会导致网站速度很难提升。如果觉得自己的服务器不太好的,可以直接无脑买Hostinger的Cloud主机,速度原地起飞。


4.网站所用的主题太过臃肿

例如Avada这个主题,它的两个核心插件需要加载的东西很多,同一个服务器,两个站点,用其他主题秒开,用Avada主题的站点优化到极致最少也需要两三秒钟。


三、独立站加速教程


1.wp-rocket使用教程

点击wp-rocket访问他们的官网,随后点击tab栏的Pricing或者右侧的Buy WP Rocket按钮去购买该插件。

至于wp-rocket在独立站加速上的地位老默就不再赘述了,想了解的小伙伴可以谷歌一下。

注意:wp-rocket插件一定要买官方正版的插件,不要购买破解版的插件,否则会有重要的加速功能无法使用,导致网站速度无法提升

点击购买后下方会出现三个套餐选择方式,分别是只给一个独立站使用、给三个独立站使用和给无限个独立站使用。一个站点的价格是59刀,合人民币400块钱左右。

点击购买后输入自己对应的信息使用银行卡或者paypal购买即可,可以在底部使用WELCOME10这个优惠码,有10%的优惠。

当然,下方可以看到,由于老默买的是官网可以供给无限站点使用的版本,所以如果你不想花销400左右的价格只买一个站点使用这个插件的资格的话可以找老默,只需199/年,并且可以找老默激活10个以内站点数量的网站。

付款完成后登录自己的账号,在后台界面点击下载该付费插件,然后安装连接自己的站点即可开始使用。

接下来我们开始完成wp-rocket的使用设置:

在插件中找到wp-rocket后点击设置

点击左侧tab栏的缓存后按照图上设置:

1、勾选移动端缓存

2、勾选用户端缓存

3、将缓存有效期设置为10小时

4.点击下方保存

tab栏左侧的文件优化设置:
1、勾选压缩CSS文件

2、勾选CSS递送优化并选择移除未使用的CSS

3.点击下方保存(每个设置结束都要保存)

保存后后台设置界面会显示等待移除未使用的css的时间。

tab栏左侧的媒体设置:

全部勾选

tab栏左侧的预缓存设置:

1、勾选开启预缓存

2、勾选启用链接预取

使用Gtmetrix查取网络速度后,点击查询结果下的Waterfall,找到和我们域名不同的外部主机名。

找到所有的外部主机名后,按照下方的格式输入到DNS预读取下方的输入框内,完成后点击保存。

tab栏左侧的心跳检测设置:

勾选心跳控制后保存。

至此,我们的wp-rocket的设置就完成了,当我们网站页面有更新或者启用关闭了某些插件时,记得点击该按钮清空下缓存。


2.Cloudflare CDN使用教程

设置完wp-rocket,你的网站性能已经提示了一大截,不过wp-rocket只是优化了网站内部代码,想让我们的网站速度真正的起飞,我们还需要一个究极武器,CDN(内容分发网络)。

这东西可以简单的理解下,你能够想象CDN就是给你的网站在全球都配备了一个服务员团队,每个服务员手中都随时拿着你网站的副本,只要一有用户访问你的网站,那离这个用户最近的服务员就会迅速的将这个网站副本递到用户的手中。

CDN的选择多种多样,老默推荐Cloudflare CDN除了它非常好用之外还有个原因就是可以白嫖,当你网站流量没那么大的时候完全可以白嫖。

点击Cloudflare CDN开始注册,输入邮箱和密码后完成注册

注册完成后点击添加网站

输入我们的网站后点击继续,注意只是像下图一样输入域名即可,不用输入https那些。

接着会让我们选择套餐模式,想白嫖的直接选择第四个免费套餐即可,如果网站本身已经有一定流量并且多个页面有流量的就建议付费使用了。选择完后点击继续

然后是核查我们网站的DNS,直接点击下方的继续按钮

接下来cloudflare会读取我们域名现在的nameservices也就是下方的第三步,我们需要将这两个现在的nameservices删除。接着再将第四步中给我们的两个nameservices粘贴保存到我们的域名平台。

以namesilo为例,下方是我在namesilo里将这个域名按照要求修改过后的,完成后点击提交即可。

保存后回到Cloudflare点击下方的已完成,检查nameservices按钮

这里第一步直接选择保存

Always Use HTTPS选项中我们将右侧的开关打开,让他总是使用https,完成后点击保存

这里继续直接保存

都完成后点击Finish

点击完成后回到主页面,可以找到一个Check Your DNS的按钮,点击后会出现下方的恭喜提示。

点击SSL/TLS下方的Overview后将右侧的模式勾选为Full

设置完成后我们点击Overview,接着点击右上角的Purge Cache去清除网站缓存

点击清除所有缓存。

到这里Cloudflare的设置就完成


3.WebP Express使用教程

使用WebP Express插件可以将我们网站上的图片转换成webp格式,大大提高网站加载的速度。

在网站后台搜索插件WebP Express后安装并启用插件

找到插件后点击下方的Settings

勾选设置界面的Convert on upload

勾选Alter HTML

完成后点击上方的保存按钮,完成WebP Express插件设置。


四、WordPress速度优化总结

我们的独立站网站速度如果优化的不到位,网站内容做的再丰富、再美观,效果都会大打折扣。独立站加速要考虑的东西太多,使用老默的这种方法将网站内部代码,CDN,图像转化这三者结合起来,打造一个极速网站。

这一套独立站速度优化的方法是老默目前用的最多的一套体系,一点没有藏私,也不知道屏幕面前的你是否会喜欢这个教程。

有关于WordpRess站点加速的更多问题或者优化建议,可以在下方留下你的评论,老默欢迎大家交流。


五、关于wordpress站点加速常见问题

1.WP Rocket和Cloudflare是否与所有主题和插件兼容?

大多数情况下,它们都与主流的WordPress主题和插件

2.我如何知道我的网站速度是否已经优化?

你可以使用Google PageSpeed Insights、GTmetrix或其他速度测试工具来检查你的网站速度。这些工具会为你提供详细的优化建议。

3.我如何清理WP Rocket的缓存?

在WordPress后台,你可以找到WP Rocket的设置。在那里,你会看到一个“清空并预缓存”的选项。只需点击它,缓存就会被清理。

4.Cloudflare是否会影响我的网站的SEO?

如果正确配置,Cloudflare实际上可以提高你的SEO。通过加速网站加载速度和增强安全性,它可以为你的网站提供更好的用户体验和搜索引擎排名。

5.我在哪里可以获得WP Rocket和Cloudflare的支持?

你可以访问它们的官方网站,那里有详细的文档和支持论坛。如果你遇到特定的问题或需要技术支持,可以直接联系他们的客服团队。

老默的朋友圈