适合新手的WordPress网站速度优化指南

发布时间:2024-10-23 19:27:01   来源:免备案CDN

我的独立站的打开页面要好几秒?
Google评分怎么只有70分?
其实也不用焦虑啦,绝大部分网站都是这种状态。
想让你的宝贝站点在同行竞赛中脱颖而出,你就去偷偷做个优化。
    
网站速度和评分优化是一个复杂的工程
但有一个基础逻辑始终不会变:
    
性能更高的服务器
轻量级的主题和插件
高性能缓存插件和CDN
    
1、先测试一下你的网站指标。有几个工具:
    
pagespeed.web.dev
Google提供的网站性能检测工具
如果你的评分低于75(桌面版)那就要重视啦
    
gtmetrix.com
知名的评测工具
可以选择在世界各个地点模拟访问
尽量让性能、结构得分在90以上
    
webpagetest.org
跟上面的工具类似,可以选择模拟多种设备
    
2、选择性能更高的服务器
    
如果你略懂服务器 预算又充足
那无疑要买亚马逊EC2 几百到几万都有
    
当然
我们始终相信一分钱一分货
五分钱两分货的道理
    
好多友友们
买了SiteGround、Hostinger、Bluehost的服务器(也许是米课的推荐)
这些服务器,大部分都是共享主机
会严格限制CPU、内存的使用指标
    
不用担心
也是能满足普通独立站需求的
硬件无法改变(流量大了,再考虑换性能高的服务器)
我们就从其他地方入手优化
    
3、提高域名解析速度
    
缓慢的域名DNS解析
会导致TTFB(从打上域名到接收到的首字节内容的时间)增加
虽然只影响几十毫秒
但是你要知道,网站的速度优化,就是以毫秒来计
我推荐把域名解析交Cloudflare
免费使用,全球解析速度奇快
    
4、使用轻量级的主题和插件
    
在辅导交流的时候,我发现一个现象
“我想实现这种下拉导航,需要安装哪个插件?”
    
注意啦
任何多余的插件,都是拖慢网站速度的祸首
    
怎么解决这种功能性的问题呢?
很多商业主题(ThemeForest.com排名前十的)
已经集成了特别多的样式,可以做出多种多样的效果
不需要额外的插件
    
Elementor、Divi这种看起来很知名的编辑器
加载的JSS、CSS有几百k
他们比某些优化很棒的主题慢得多
不光后台制作的时候慢,前端页面也影响
    
个人推荐Impraza主题
自动优化jss和css,只有几十k,后台占资源少
逻辑清晰,制作速度快,很容易得到高的优化评分
    
关于woocommerce插件
它是最好的商城插件
但是如果你没有商城,只做产品展示宣传
切记,不要使用它,相当占服务器资源

5、使用高效的缓存插件
    
使用缓存插件可以将页面静态化(html)
仅仅这一点,就会提升一半的访问速度
缓存插件还可以将图片视频缓存到用户的浏览器
可以自动优化CSS和JS文件
减少额外的 CSS/JS使用
延迟加载 JavaScript
优化其他元素的加载顺序
    
我推荐WP Rocket
一直在用,简单好操作,推荐
    
6、优化图片、视频、字体
    
初级阶段最容易犯的问题
就是图片大小不达标
经常发现很多友友们的网站
图片竟然有2M一张
    
记得 一定把图片处理到200k以下(尽力了就好)
图片使用jpg格式,png少用
使用Imagify插件自动转换成webp格式(比jpg大约减少30%)
    
视频建议上传到YouTube
    
减少字体的使用
推荐只用一种Google字体
    
尽量避免使用Font Awesome图标字体
    
7、使用高效的CDN全球加速
    
如果不用CDN
比如你的服务器在美国
美国周边打开速度没有问题(速度与物理距离息息相关)
但是亚洲、南美、澳洲
一定会慢很多很多
    
CDN的作用就是让全球各地都能快速访问
它会把你的网站内容
分发到全球各地的数据中心
    
我推荐使用的免费的Cloudflare
拥有270+数据中心和强大的功能
它能缓存你网站上的所有的内容
世界各地的访问速度都不错
我的几十个站已经全部使用它了
    
8、其他的优化
    
尽量减少第三方代码的嵌入
避免过度的跟踪工具
比如分析、跟踪代码、热力图
你真的需要它们嘛
    
禁用评论功能(如果用不到)
禁用Gravatars头像
定期清理数据库
禁用后台任务
    
9、如果你有自托管服务器
又懂一些维护知识
那么又可以捣鼓一下
从服务器加速啦
有点难懂,这次不讲啦
    

猜你喜欢