• 欢迎访问黑科技娃娃的博客,傻瓜式的wordpress外贸建站教程,好玩的黑科技干货,有趣的生活小百科,快来加入黑科技娃娃 QQ群
  • 如果觉得这个BLOG有意思,那么赶紧使用Ctrl+D 收藏 黑科技娃娃 的博客 吧!

WordPress网站速度太慢?一篇文章让独立站速度翻倍

Wordpress外贸建站 黑科技娃娃 2年前 (2022-05-07) 593次浏览 0个评论
文章目录[隐藏]

WordPress网站速度太慢?一篇文章让独立站速度翻倍

网站更新了一段时日之后,我发现速度越来越慢了,从原来打开首页几百毫秒,到现在打开内页有时候晚上甚至超过十秒了。

互联网有一个著名的8秒原则,一旦用户访问网页打开的时间超过8秒,就会出现不耐烦的情绪,谷歌建议网站加载时间最好不要超过三秒,一般5秒左右打不开,用户就有很大概率直接关闭离开了。

要知道网站速度是Google确定如何对我们网站进行排名的重要指标之一,直接关系到网站的用户体验,用户体验不好,网站几乎就废了,所以优化网站速度是必须的。

原本我对优化抱着可以有,但应该只是稍有提升这种态度,力所能及的优化了下网站速度。结果当网站优从十秒提升到了一秒多,谷歌评分也都是90几,中间一度出现100满分的情况。更神奇的是排名和收录也提升了,几个月时间从之前的五百多万上升到了95万。

后来出了点问题,优化缓存没搞好,结果耽搁了几天,刚刚上去的排名又出现了下降,事实证明速度是谷歌判定网站排名的重要指标之一。。。


言归正传,优化之前的首要工作是分析,要先在下面的测速网站查下是什么因素造成了网页加载时间缓慢

首先我们需要用一些测速工具来发现自己网站存在哪些拖慢速度的问题。可以参考下面这篇文章来了解网站的实际速度和拖慢网站的因素。

三种测试WordPress自建站速度的方式

文章目录[隐藏] PING命令网站测速 查看网页加载速度 国外网站测速工具 国内网站测速工具 新做的网站如果速 […]

从各种测速工具的测试结果我们知道了网站为何而慢,主要是以下几个因素。

WordPress速度慢的主因

从上面测速可知,网站速度慢一般有以下几个原因:

  • 网站IP掉包
  • 网站主机服务器响应速度太慢 – 当你所用的主机商服务器性能不高或机房维护质量不佳时,DNS查询时间偏长,可能会影响你的网站速度。
  • 图片没有优化:图片是影响网站速度的大头! 图片太多,或者上百KB的大图片没有进行压缩优化,就会明显拖慢页面加载速度。
  • 网站没有开启GZIP和Brotli压缩
  • 没有优化缓存,选了错误的缓存插件和CDN:如果网站没有启用缓存机制,那么访问每次都需要请求主机或服务器,一直消耗服务器资源的话,使用的服务器性能不好的话,特别访问量大时很容易崩溃。
  • 插件太多:网站速度慢的主要原因之一,特别个别插件还会冲突,很容易造成网站出错。
  • WordPress主题太大,代码太冗余,功能太多太复杂,导致加载缓慢。
  • Http请求太多:主要就是太多CSS和JS脚本代码等外部加载资源的拖累,只要优化好了就可以减少加载请求,加快网站速度。
  • PHP未升级:PHP涉及到缓存,对网站速度有一定影响。

上面罗列的各个问题都对网站的速度有着或多或少的影响,其实网站或多或少都会存在点小问题, 我们只要抓住几个主要问题优化即可,这样也可以得到一个速度不错的网站了。

如何避免网站IP掉包?

丢包率:即测试PING值的时候出现超时现象。你购买的服务器分配给你的IP品质就是通过丢包率来反馈的,如果丢包率控制在5%以内,那基本没事,不影响网站运作。

其实PING值对玩网络游戏比较重要,如果PING值太高就会感觉游戏操作延迟,而PING值对于网速的意义只是让你知道你的网站服务器对你本地的网络友好不友好而已。

对于外贸网站来说,因为用的是国外的服务器,而国内路由线路对外网不友好(用VPS服务器的话就用MTR命令查看IP的路由路线),所以从国内测试国外IP,掉包是很普遍的现象,只有掉多掉少的区别而已。

为了少掉包,尽量使用独立IP,如果掉包严重可以尝试联系主机商给你换个IP, 换不了就只能换服务器了。

掉包5%以内基本上不影响老外对我们网站的正常访问,只是我们自己国内打开有速度问题,做外贸站掉包除非很严重,不然可以忽略不计。

如何查看丢包率?

首先右键开始打开运行——输入cmd——打开命令窗口——输入 “ping 你的网站/网站IP” ,然后得出PING值,如图所示

注意:百度PING值出错的概率很小,一般都是畅通无阻的,所以你在测试自己网站前先测试百度,如果你百度测试出来都是超时丢包,然后PING值很不好的话,那可能是你本地网络不好,必须先确定你本地的网络没问题,才能开始测试网站PING值。

一般国内服务器的PING值对中国本地网络来说是8-40ms,香港服务器对国内的PING值大概50-60ms,美国看服务器位置,美西估计180ms-220ms ,美东 300-400ms, 欧洲500+ms。

如果超时很厉害的话,就说明IP有问题,刚买服务器的话,可以要求换下IP。

本地网络无误后,开始检查IP有无丢包,看下图的丢失。如果丢失为0%就代表一切正常。

WordPress网站速度太慢?一篇文章让独立站速度翻倍

如何解决网站服务器响应速度太慢?

名词解释:

time to first byte :简称TTFB,第一个字段和服务器响应速度,代表用户浏览器显示页面内容的第一个字节所花费的时间。

DNS查找:域名DNS将主机名映射到 IP 地址需要一定时间,即你在浏览器中键入网址时,浏览器会联系一个返回服务器 IP 地址的 DNS 解析器。

DNS 通常需要 20 到 120 毫秒来查找主机的 IP 地址,在查找完成之前,浏览器无法从主机下载任何内容。

服务器速度快的话,最好把DNS解析交给主机商,这样多少可以提升点网站的DNS查找速度,当然如果服务器很烂的话就无所谓了,还不如放在域名商那里管理, 主要还是要从上面的测速工具来分析到底怎么优化网站速度。

你可以按照浏览器内置的NETWORK工具来查看TTFB的耗时,选中网页,然后点击TIMING就可以看到了。

WordPress网站速度太慢?一篇文章让独立站速度翻倍

服务器响应较慢是导致页面加载时间长的一个主因,一般会体现在DNS查找比较慢,一般最好不要超过0.2秒。

解决此问题的唯一方法就是选一个好的服务器,在预算充足的前提下,最好能选择配置相对高的服务器,服务器太低配置,很容易CPU或者内存爆满的情况出现,严重的影响速度。

配置不好的服务器大部分磁盘IO值很低,基本低于100m/s的IO值就是石头盘了,硬盘转速太低干啥都卡。国内的机子基本都是小带宽和低IO,经常用着用着就需要升级服务器了,比如带宽、内存、硬盘等,美国的服务器比国内的好,带宽大不说,流量也足,根本用不完。

如果你没有特别要求,不用买那些昂贵的主机,很多质量好的平价主机很多,三四年也不过两三千,平摊下来一年也不过几百。

做进出口电商的外贸人,当然是选择那些已经配置好环境的WorPress主机了,楼主以前啥都不懂的时候就用过很多主机,然后也踩过一些坑,最后删选下来只剩下三个主机商综合还不错,建站新手可以根据自己的需求选择。

HostingerSiteground,各有千秋,不过目前看来Hostinger性价比最高。

HG一直有在升级自己的机型,2019年开始采用了LiteSpeed 新型服务器,内置了LS Catch这种服务器级的页面缓存,页面缓存允许服务器完全绕过 PHP 和数据库查询,比SG、BH这种传统型的多依靠PHP缓存的Apache服务器不知道快多少,就喜欢这种一直在进步的主机商。

话说我之前一直以为美国机房要做国内网站可能速度有点勉强,直到我测试了下我用阿里云亚洲服务器做的博客和我另外一个hostinger美国服务器做的中文网站,看看这请求速度,这压缩。LiteSpeed服务器完全碾压了普通服务器,这都还没用上CDN呢。

WordPress网站速度太慢?一篇文章让独立站速度翻倍

上面是针对外贸网站的服务器,如果你面向国内市场,对速度要求非常高,国内建站肯定首选 阿里云ECS 的国内机房,不过国内就要考虑到带宽问题了,没有跟国外一样的带宽和流量,除了贵没毛病。

当然如果你不想备案,并且想同时拥有大流量的平价服务器,那也可以用HostingerSiteground 的新加坡、日本等亚洲机房来做面向国内的独立站。要是你缓存设置得当,Hostinger的美国机房都能比阿里云的亚洲机房在国内一些地区打开的速度快。

如何优化网站图片?

最影响网站速度的是图片,对于Wordpress降低首页加载容量的有效手段是图片优化。

图片不是很建议使用第三方的静态存储(除非很牛),放在自己服务器就可以了,使用第三方存放,图片在SEO方面的作用会变小。而且部分区域,图片有加载不出来的风险。

想要优化图片只要做到以下两点就可以了:

1、去除网站多余缩略图。
两步解决多余的WordPress缩略图生成问题

WordPress刚建站上线的时候,我无意间发现每当我上传了一张图片,后台就不知道为什么莫名生成了四五张尺寸不 […]

2、用压缩工具压缩上传图片。
最好用的WordPress网站图片压缩工具

对于Wordpress降低首页加载容量的最有效手段是图片优化,一般网页文章多了,图片就会越来越多,在网站内容上 […]

如何开启GZip压缩和Brotli压缩?

网站是由一个一个网页构成的,网页由很多元素构成,比如首页加载的主要内容是:html文件、CSS文件、JS文件、图片、视频等。

压缩网页可以加快网站加载速度,比如一篇长文,如果不使用分页阅读,即便是静态页面,文件也可能达到几 MB,如果开启页面压缩,则页面文件体积会减小,加载速度也会明显变快。

HTML网页压缩对小网站的提升意义不大,但对访客量多的大网站来说,节省一个字节都可能会导致流量成本的大大缩减。HTML文档大小平均为33 Kb,一般建议控制在50 Kb以内。

网站一般都是开启了Gzip 或者 Brotli 压缩,这些压缩属于HTTP网页压缩,主要压缩的是text/html格式的文件,压缩原理这就跟我们平时传送文件压缩包差不多。

开启网站压缩功能后,将压缩后的文件发送到请求它的用户浏览器,浏览器将自动提供解压的原始文件,缩小了传输文件大小,提升了文件的传输效率,由于与原始 Web 文件相比,压缩文件的文件大小要小得多,这样自然网站加载速度就快了。

当源站文件的大小超过1 KB时,可以使用 Gzip压缩或 Brotli压缩来压缩文件(即1 KB以下的文件不做压缩),Brotli压缩比Gzip压缩性能更好,一般GZIP只能压缩70%左右,而Brotli可以压缩更多,性能可以提升约5%~25%。

压缩支持的文件类型有HTML ,CSS, JS等文本文件,不适用于 PNG、JPG 和 GIF 等图像文件,还有视频类文件的压缩,因为一般这些类型的文件已经做了内容的压缩处理,开启压缩会没有效果。

压缩图片可以按照上面讲的图片优化方法,而压缩视频可以使用视频转码等功能处理。

如何查看网页是否有开启压缩?

这里以Chrome为例,按F12,然后点击Network,再按F5,勾选”use large request rows”,如果你看到网页文件的 Size 上有两个大小不一样的体积,则代表压缩已经成功开启,上面的是压缩过的体积。

WordPress网站速度太慢?一篇文章让独立站速度翻倍

如果想要知道开启的是什么压缩,就选中网页文件(如下图),然后点击Headers,查看content-encoding后面跟的是gzip压缩还是BR压缩。

WordPress网站速度太慢?一篇文章让独立站速度翻倍

Gzip 压缩和Brotli压缩开启方法

Brotli大体和Gzip功能相同,区别是除了 IE 、 Opera Mini 、一些老版本的浏览器、百度不支持外,几乎所有的主流浏览器都已支持 Brotli 算法。

Brotli与GZIP可以共存,当同时开启两种压缩算法时,Brotli 压缩等级优先级高于 Gzip,与 gzip 相比,它通常是更好的压缩方法。

一般来说几乎所有的服务器都开启了Gzip的模組,但不是所有的服务器都安装了brotli模块,你需要咨询下主机商有没有开启brotli模块(如果开启的话,大多能在虚拟主机的PHP扩展模块里找到)。

Gzip压缩可以直接在一些缓存插件里打开,Brotli模块安装后,也可以在一些缓存插件里打开,比如W3 Total Cache。

当然最简单的一键开启方式还是使用CDN,比如CloudFlare的免费CDN加速,可以为所有的网站一键开启Brotli,这样网站本身服务器没装brotli也没关系。

WordPress网站速度太慢?一篇文章让独立站速度翻倍

如何优化缓存?

缓存(Cache):

是指将网站的文件(index.html文件,CSS文件,JS文件,图片,视频等)创建成副本存储于网站服务器上,然后当客户打开浏览器时,客户端接收到服务端响应后,将访问的资源按规则进行缓存机制配置,等你下一次访问相同的URL网页时,缓存会根据规则来决定是直接使用副本来响应访问请求,还是向源 Web 主机(服务器)再次发送请求。

比如断网的手机,缓存下来的视频不用消耗流量,因为视频内容已经打开过一次被完整的缓存在本地了,哪怕没有流量都可以查看原先已经加载出来的内容。

CDN :全称 Content Delivery Network,即内容分发网络。核心技术是内容存储和分发,先把网站的内容预先分发到各地的服务器上缓存,通过调度等功能模块,使用户可就近访问网页,相对于直接访问源站,这种方式缩短了用户和网站之间的网络距离,从而减少了因带宽、服务器性能、网络距离带来的访问延迟问题,加快了速度的同时,也能让你的网站可以做到永不宕机。

CDN的负载均衡和分布式存储技术,相当于给网站添加了一道防护,可以隐藏你的真实IP,进而避免网站遭到直接的恶意攻击。

一个动态网页,每次访问都需要时间加载,如果数据库始终处于大量并发同时查询任务,那么数据库查询和读取结果的速度会变慢,进而表现为网站响应速度变慢。甚至有时候很容易让带宽小的服务器造成拥堵崩溃卡死,网站打不开。

网页通过缓存静态化,以减少网页数据请求,当缓存副本被调用时,只会产生很小的网络流量,可以有效地降低带宽消耗,减轻服务器压力,从而实现加速的效果。

如果看了上面的概念你还不太明白什么是缓存和CDN的话,那这样说吧,没有缓存机制,服务器的磁盘和内存消耗就会增多,损耗带宽,然后流量也多了,CPU也时不时会升高,严重的时候甚至打不开网站。缓存可以使你的 WordPress网站的速度加速至少两倍,而且会省流量。

CDN可以让全世界的人民打开你的网站速度都很快,哪怕我们的网站用的是国内服务器。

想要查看网站的缓存可以在谷歌浏览器上使用F12/右键检查,切换到Network,按F5 刷新页面,在SIZE里你就可以看到哪些文件经过了哪种类型的缓存,还有什么文件没有缓存,耗时多少。

WordPress网站速度太慢?一篇文章让独立站速度翻倍

如何配置缓存机制?

以前配置缓存十分麻烦,而现在很多好的主机商都自带CDN和缓存插件,设置十分简单。

缓存从位置来说分为本地缓存和CDN全球服务器缓存,还有很多分类,是个庞大的话题,就不逐个细说了,以后空了展开写一篇,下面只介绍方法。

本地缓存
如果只想在本国区域内加速,而且网站流量不大,CPU控制在10-20%左右,基本是从内存调用数据的小流量网站,那么只要选个本地服务器,安装个缓存插件,优化下代码就可以了。

缓存插件可以帮助动态WordPress博客生成静态html文件,并且避免每次访问网站都通过php获取,而是直接读取缓存下来的html文件,有助于提高网站访问速度和降低服务器资源使用。

缓存插件比较有名的有W3 Total Cache、WP Super Cache、WP Fastest Cache等,我用过几种,特别W3 Total Cache用的时间最长,由于设置繁琐,让人都懒得换,要不是某天网站流量突然飚升,CPU破表,造成网站打不开了,博主想自己还会一直用下去,习惯真可怕!

后来查了下原因,主要是这类缓存插件太冗余了,对服务器性能有一定的要求,太低配置的服务器,等网站内容一多就会造成负载飙升的问题。

而现在一般好的主机商都会配置自己专属优化过的缓存插件,比如SG的SG Opitimizer,Hostinger的LS Cache缓存插件等,这些都是主机商自己的内部插件,只有买了他们的主机安装才能发挥最好的性能,不过最好用的还是付费的缓存插件,具体使用方法等我空了再展开。

CDN
如果你的网站是全球性的,或者网站流量很大,那就最好配置一个负载均衡的CDN。

只要选有CDN套餐的主机服务器就可以了,客服会告诉你如何开通,设置CDN的时候要小心,不要和缓存插件产生冲突。

以下两个主机商都有CDN套餐,你可以酌情选择。

外贸SOHO自建站必备-Hostinger的WordPress虚拟主机

文章目录[隐藏] 选择Hostinger的理由 Hostinger美国站点购买流程 Hostinger香港官网 […]

新版WordPress外贸建站神器Siteground

文章目录[隐藏] Siteground的优势 WordPress外贸建站主机SiteGround注册购买教程 […]

插件太多怎么办?

插件太多了十分影响网站速度,最好不要超过十个。

插件多会调用太多外部资源、脚本,比如一些国外网页字体、实现某些功能的 JS 脚本,有时候某一款插件可能调用的 JS 文件有问题,导致网站加载半天都打不开。

有些插件功能很鸡肋,完全可以用一行代码替代掉,这个还是对技术有点要求的,可以找外包搞定。我们能做的就是把不常用的插件删除掉,等到要用了再安装。

有些插件功能确实很酷,但是中看不中用,小白特别喜欢用那些花里胡哨的插件,一般普通网站只需要以下几类插件,如果是电商网站和有特殊功能的网站,可以另外酌情添加。

当然只有作用到前台的插件才会拖慢网站速度 有些只是在后台作用,所以可以根据实际情况评判。

必备的插件有以下几种:按照下面的思路来选择插件,就不会使用过多非必要插件了。

  • 增强网站安全防护的插件(必用,防黑客)
  • 主题要求必须协同安装的插件
  • 对网站进行备份的插件(可以备份的时候再安装)
  • SEO插件(如果不要排名就不用)
  • CDN或者优化缓存的插件
  • 表单插件(要询盘的用)
  • 反垃圾插件(有些主题就自带反垃圾功能)

 

如何避免主题拖慢网站速度

如果使用功能比较强大的主题,比如AVADA,这些主题要实现非常多的功能,需要加载很多JS脚本文件和 CSS 样式表文件,这些都会影响速度。

如果你使用轻量简洁的主题,网站加载速度自然很快。我们要根据用途来选择主题,像博客类的就选个小而美的主题就行了。

非必要不要选择代码冗长的主题,主题代码越少越好。还有没有启用的主题也会拖慢网站打开速度,最好的方式是直接删除不用的主题。

 

如何减少HTTP请求?

首先你要学会查看HTTP请求,在Chrome浏览器使用F12/右键检查,找到Networks 选项,按F5 刷新页面,看看有多少HTTP请求。

下面的截图是来自黑科技娃娃的博客,比如打开我的网站首页,浏览器总共向服务器发送了55 个请求(包括CSS 和 JS,占大头的是JS的代码,注意随着网站内容的增多,HTTP请求也会越来越多。

WordPress网站速度太慢?一篇文章让独立站速度翻倍

之前我专门写过一篇如何减少HTTP请求的具体方法的文章,可以参考下文。

如何用WordPress优化插件减少HTTP请求

文章目录[隐藏] 如何检查HTTP请求? 减少HTTP请求的方法 博主以前非常纠结网站HTTP请求的多少,但又 […]

 

PHP升级

有些网站开头建立的时候用的是低版本的PHP,导致速度无法得到优化,VPS等服务器会麻烦点,自行升级容易出现502错误,升级几乎等于重新搬家。

而WordPress虚拟主机比较方便,可以让客服给你升级,但是升级前都要记得备份!

保持PHP最新的两个好处:

  1. 网站将会更快,因为最新版本的PHP效率更高, 可以极大地提高性能,相比较旧的版本,速度最高可提高3到4倍。一部分机子是以来PHP缓存的,对网站速度影响大。
  2. 网站将更安全,它是黑客的攻略目标,最新版本将具有最新的安全功能,因此更新对于确保WordPress网站安全至关重要。

 

后记:

关于谷歌字体、谷歌地图资源的远程加载问题,以前这个是网站在国内打开速度慢的罪魁祸首,一般外贸网站都用的国外主题,用谷歌字体的无可厚非。

其实我个人觉得面对全球性市场,特别是美国市场的外贸网站,不用屏蔽谷歌字体的加载,老外都用国外IP,直接就可以加载出来,我们所谓的速度慢是在中国地区打开谷歌慢,只要国外客户打开快就可以了。而国内的你想要观察自己网站的话直接翻过去就可以了,

如果做国内市场就更不用说了,一般都用国内的主题,早就屏蔽了谷歌字体,所以现在这已经不算大问题了。


本文标题:WordPress网站速度太慢?一篇文章让独立站速度翻倍
转载请保留原文链接:https://www.cooltechdoll.com/wordpress-speed-optimization/
黑科技娃娃, 版权所有
喜欢 (10)
[黑科技娃娃]
分享 (0)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址