经常听到有小伙伴说某某插件速度慢,某某插件臃肿等等,其实不必过于担心,等你了解了网站结构、了解了网站速度优化的核心和思路,只要是正常的使用插件,都不用再担心网站速度问题。
下方图片是Well自己网站的谷歌测速得分,本教程会一比一还原优化过程,跟着步骤操作后,大部分网站都能达到这个速度水平。
为什么要进行WordPress速度优化
1.增强用户体验
网站的加载速度直接影响用户的第一印象。研究表明,用户更倾向于留在加载快速的网站上,慢速加载会导致用户感到沮丧。页面加载时间每延迟一秒,跳出率可能增加7%。快速加载的网站能够吸引用户停留更长时间,从而提升用户与网站内容的互动。
2.SEO友好
Google已经明确表示,页面速度是影响搜索排名的一个重要因素。加载较快的页面更有可能在搜索结果中获得更高的排名。
搜索引擎爬虫在抓取和索引网站时,页面速度影响其效率。速度慢的网站可能会被爬虫低优先级抓取,导致索引延迟或不完整。
3.提升网站转化率
研究显示,网站加载时间延迟2秒,转化率可能下降40%。对于电子商务网站,这意味着巨大的潜在收入损失。
试想一下,用户付款的时候还要等待好几秒,他还会继续支付吗,或者用户想要填写表单,但是表单页面怎么也加载不出来,他可能会直接关闭页面。
4.竞争优势
如果你的网站比同行快,你比同行更有可能获得询盘甚至是订单,买家在寻找商品的时候绝对不会只看一家供应商,你比别人快,机会就更多。
网站速度优化的核心是什么
1.服务器性能
服务器的类型(共享、VPS、专用)直接影响网站的加载速度。共享主机虽然成本低,但资源有限;VPS和专用服务器则提供更高的性能和稳定性。
服务器响应时间应低于200毫秒,使用高性能的VPS服务器可以显著提高响应速度。
可以使用Ping值检测工具检测自己服务器的响应速度,使用服务器IP进行测试。
当然,服务器响应速度只是前置条件,即使很多服务器响应速度不错,但是服务器配置比较拉胯,那么网站的实际访问速度也不可能快。
如果你还在选择服务器或者想更换服务器,Well推荐大家使用Vultr VPS服务器,性价比高,且支持支付宝支付。具体请参考:Vultr服务器购买教程
2.页面大小
页面大小指的是网站加载所需的所有资源(HTML、CSS、JavaScript、图像等)的总和。体积较大的页面会导致更长的加载时间,从而影响用户体验和SEO表现。
想要优化页面大小主要从压缩图片大小和减少插件使用入手。
因为图片的大小直接影响页面大小,Well看到很多网站的Banner图动辄就2-3M大小,甚至直接放置背景视频。
不是说不可以放视频,只是想要在不影响网站速度的情况下放置视频,对服务器和CDN的要求都很高,建站初期没必要上那么好的服务器。
Well建议大家在网站上使用Webp格式的图片,既能保证图片的清晰度,还可以最大程度的缩减图片大小,Well通常在图片上传到网站之前就使用Webp转换工具改变图片格式并压缩图片大小。
减少插件的使用,是因为只要使用插件,或多或少的都会增加CSS或者JS代码,插件一旦多起来,页面上代码的体积自然增长,插件越多,页面体积就越大。
3.资源加载方式
浏览器在加载页面时,按顺序加载HTML、CSS、JavaScript和图像等资源。优化资源加载顺序可以减少页面的初始加载时间。
使用异步和延迟加载技术可以提高加载效率。比如,通过添加async
或defer
属性来优化JavaScript的加载,从而不阻塞页面渲染。
可以参考这篇文章:Perfmatters使用教程。
4.页面结构与内容交付网络(CDN)
CDN通过将静态内容缓存到全球多个节点,缩短用户与服务器之间的物理距离,从而加速资源加载。使用CDN能够显著提高网站的响应速度和可靠性。
配置CDN时,选择合适的服务提供商,并确保静态资源(如图像、CSS和JavaScript文件)都通过CDN提供。定期检查缓存策略以确保最佳性能。
CDN向服务器获取资源后就储存起来,当用户访问网站的时候就不需要一遍遍的向源服务器请求资源,极大程度的提高了网站加载速度,即使配置不高的服务器,链接了CDN后也会对网站速度有质的提升。
Well推荐大家使用免费的Cloudflare CDN,如果后期对CDN需求增加再尝试使用其他付费CDN,教程:WordPress配置免费CDN。
这些操作都完成后大家再去尝试对网站进行测速,绝对有极大的提升。
- 域名购买教程,网站域名注册
- Vultr服务器购买教程,高性价比VPS服务器
- VPS服务器安装宝塔面板教程
- 阿里云域名解析教程
- 宝塔面板部署WordPress教程,步骤简单易懂
- WordPress基础设置,新建网站后的必做设置
- WordPress主题安装教程,选择轻量级WP主题
- 如何确定网站主色调?3个步骤确定WordPress网站主色调
- Elementor使用教程,使用Elementor制作网站首页
- 使用Elementor Pro制作网站页眉页脚(Header&Footer)
- ACF教程,管理B2B网站产品的终极方案,完全代替WooCommerce
- WordPress速度优化教程,谷歌测速100分
- Rank Math使用教程,强大的SEO插件助你获取自然流量
- 注册Google Analytics账号,并带你了解GA操作界面
- Google Search Console使用教程,必不可少的站长工具GSC
- 宝塔面板如何备份网站?2种方法按需选择