一个网站能否给用户良好的体验,决定了这个网站的前途。影响用户体验的最直观的因素有3个:网站速度、网站内容和网站功能(外观、操作等)。网站速度永远是第一位,如果网站太慢,用户没有耐心等待网站打开就会关掉页面!不仅如此,网站速度过慢,也会影响搜索引擎评分,没有好的排名,就没有流量,就没有您想要的转化和收益……
所以,网站速度非常非常非常重要!
网站速度(网站在网络浏览器中的加载时间)是确定您网站SEO排名的参数之一。除了搜索引擎优化(SEO)之外,网站速度在确定网站流量和转化率方面也起着重要作用。例如,有时候网站延迟一秒钟就可能导致销售额下降7%。
所以,最大限度地优化网站速度是提高网站收益的重大措施之一。今天陌涛就和大家一起来介绍4个网站性能检测工具: GTmetrix、PageSpeed Insights、Pingdom Tools和WebPageTest ,在文章中,我们将详细介绍每个工具的基本功能和做出一些对比,以便大家尽快对这些工具有一个初步的认识。
首先,我们通过下面的表格简单看下GTmetrix、PageSpeed Insights、Pingdom Tools和WebPageTest的基本差异:
功能比较
以下是这些工具所具有的功能,以及每种工具的不同之处:
用法和费用
- GTmetrix 它是一个免费的在线工具,只要免费注册一个账号,就可以测试您网站的性能。您可以输入网站的网址进行一次测试,但也可以选择GTmetrix PRO,它是GTmetrix的高级产品,可为您的测试提供更高的优先级和一些额外功能。基本计划是免费的,可定时监视3个网址(仅限加拿大温哥华,仅免费提供每天一次监视),而付费计划的起价为每月14.95美元。
- PageSpeed Insights 是Google的网站效果评估工具。该工具可免费使用,只需输入网址即可在您的网站上开始性能测试。没有付费选项。
- Pingdom Tool 是一组超出网站性能监视范围的常用工具。除了页面速度分析外,Pingdom还包括正常运行时间监视、事务监视和带有监视系统的服务器监视工具,以防站点出现问题。它的网站监控套餐起价为每月42.12美元。 Pingdom 为新注册用户提供了7天免费试用收费功能的体验,可用于对优化结果做一个全面的监测。
- WebPageTest 是另一个网站性能监视工具,它是完全免费使用和开源的。WebPageTest 提供的监测线路非常多,工具也最为复杂。
设备和浏览器选择
您可能希望根据各种情况从不同的浏览器和设备测试您的网站。一个好的测试工具应该允许您这样做。
- GTmetrix 使您可以从所选的设备和浏览器组合(包括手机)中测试网站。但是,您需要注册一个免费帐户才能自定义这些选项。
- PageSpeed Insights 向您显示了两组得分和结果-分别针对PC桌面和移动设备。但是,您没有太多的自定义功能来选择要在上面测试网站的移动设备类型。
- Pingdom Tools 确实可以通过移动设备测试您的网站。
- WebPageTest 允许您指定浏览器的设备组合,还有大量可用设备供您选择。
测试地点
网站的加载时间还取决于测试位置与服务器位置。这是因为如果用户和服务器都位于很远的地方,则每个请求都需要几毫秒的时间。这种小的延迟可能会导致页面加载时间增加。如果您的客户主要来自全球某个地区,则您的服务器应尽可能靠近他们。
- GTmetrix允许您指定测试位置,其覆盖世界上大多数主要地区(其中包括中国香港)。您需要注册账号来自定义此功能。
- PageSpeed Insights不允许指定位置,该位置很可能是根据服务器位置在内部计算的。
- Pingdom工具基本上各个州都有可供选择的服务器,但是没有中国线路。
- WebPageTest 所提供的位置选择多大几十个,包括中国线路。
瀑布分析
这些测试工具中用来仔细分析网站设计和结构瓶颈的一个重要功能是页面加载顺序的瀑布。在网页加载期间,浏览器会顺序请求样式表,图像和脚本之类的资源。瀑布图直观地显示了每种资源的加载时间,以及其相对于页面总体加载的状态。
GTmetrix,Pingdom Tools和WebPageTest都向您显示了瀑布图,方面您深入了解网站的资源。
PageSpeed Insights 没有瀑布图。
附加功能
GTmetrix在一项测试中整合了Google的PageSpeed Insights和Yahoo的YSlow规则,让您从外部角度了解网站上的工作方式。GTmetrix还允许您查看跨设备记录的测试响应。如果您选择在GTmetrix上使用帐户,还可以跟踪一段时间内的页面性能。最后,GTmetrix还使您能够在启用广告拦截器、连接限制和使用REST API的情况下模拟测试。
Pingdom Tools允许您监视和跟踪网站的正常运行时间,并为各种情况设置警报。付费用户可以定时监控网站在不同时间点的各种状态。
WebPageTest将您带到网站的公共版本,但是您可以使用WebPageTest API创建WebPageTest的私有实例。您还可以使用API将WebPageTest集成到CI工具中。
此外,WebPageTest允许您编写自定义脚本以在执行测试之前模拟网站登录。因此,您可以测试Web应用程序中身份验证层后面的页面。但是,这些测试的结果是公开可用的,因此请确保使用测试帐户。这是有关使用WebPageTest编写脚本的详细指南。
使用工具测试网站
GTmetrix
GTmetrix具有一系列功能,可让您检查网站的性能。它将结果总结为三个指标:页面加载时间、页面总大小和HTTP请求总数。结果还显示了这些指标与在GTmetrix上测试的平均站点的比较。
在GTmetrix上对网站执行临时测试时,无法指定测试位置,浏览器和连接设置。例如,默认测试位置为温哥华,免费注册一个账号以后就可以选择其他线路。
PageSpeed和YSlow选项卡显示了最关键的参数,您应在这些参数上评估结果。除了请求和重定向的数量之外,请求大小和图像优化在排名中也起作用。图片和视频等资源应针对网络进行优化,以便在浏览器上快速呈现。
鉴于HTTP请求似乎会对分数产生不利影响,因此您可以导航至“Waterfall”选项卡以分析页面加载时每个请求花费了多少时间。这将使您能够找到在页面加载过程中造成瓶颈的请求。在GTmetrix上创建帐户并执行多次测试后,即可使用视频和图形。
PageSpeed Insights
PageSpeed Insights向您显示了两个主要选项卡-移动设备和桌面设备。
该工具还可以很好地为您提供特定的操作指南来提高您的分数。
使用PageSpeed Insights进行测试时,您会获得一系列不同的提示和分析,以了解您的网站可能存在的问题。PageSpeed Insights可以识别大量的第三方请求,缺少缓存策略或过多的DOM结构。
尽管该工具提供的操作项很好,但几乎没有可定制的选项。您无法指定通用参数,例如连接限制和服务器位置。此外,该工具也不会报告这些参数。
由于PageSpeed Insights是作为独立工具提供的,因此您将无法创建帐户并随时间推移跟踪测试结果,而只有手动运行每个测试的选项。
Pingdom Tools
要在Pingdom Tools上启动一次性测试,直接输入网址并指定测试服务器的位置,每个大陆都为您提供一两个选择。测试完成后,就可以看到结果。总体来说, Pingdom Tools 的结果比较接近 Yahoo的YSlow 工具。
结果的下一部分显示了该网站关注的主要领域。这里也突出了早期测试的一些常见功能。
Pingdom Tools在页面上提供的更有用的块之一位于“按内容类型分类的内容大小”和“按内容类型分类的请求”下。使用这些块,您可以进一步探索哪种类型和内容来源对您的结果影响最大。在我的示例中,图像加起来几乎是页面大小的一半。
在最后一节中,Pingdom在页面上显示请求列表,类似于GTmetrix中的Waterfall选项卡。您可以交互式分析哪些资源花费最多的时间。
WebPageTest
在一个简单的测试中,所有高级设置均以其默认值运行。
该工具执行了三个测试,结果显示了中位数统计信息。该摘要列出了运行指标。您还可以看到压缩的请求瀑布。此外,还会显示已加载网站的屏幕截图以及查看幻灯片视图和测试视频的选项。详细选项卡显示瀑布,其中包含每次运行的更多详细信息和指标。
效果查看选项卡会显示网站的完整优化清单。它列出所有资源,并将它们与影响网站性能的参数进行堆叠。内容分类、域和处理选项卡显示页面上内容和请求的分布。当您需要更深入地查找给定问题的解决方案时,可以使用这些选项卡。图像分析和请求图将您重定向到其他服务。
WebPageTest还使您能够创建自定义指标来评估您的网站。您可以在测试期间指定自定义指标,也可以在运行私有实例的情况下附加静态JavaScript文件。
WebPageTest提供了本文讨论的工具中最多的自定义选项。通过简单的测试标签,您可以输入需要测试的网站的网址以及测试配置。您还可以选择执行Lighthouse审核。
如何选择这些工具
在本文中,我们研究了GTmetrix,PageSpeed Insights,Pingdom Tools和WebPageTest,以确定哪种工具最适合您的网站的各种性能测试。
首先,这几个工具都支持免费临时测试。除临时测试外,Pingdom Tools和GTmetrix还提供付费的高级工具套餐。PageSpeed Insights 和 WebPageTest 没有任何高级计划。
总之,我们建议以下内容:
- 如果需要使用工具来进行简单测试,请尝试使用Pingdom Tools。它会向您显示您需要了解的所有信息,以了解网站的运行速度。
- 如果您需要详细的测试结果并随时间推移进行跟踪,则应继续使用GTmetrix。 ? 建议
- 对于直接影响SEO的可行见解,您应该使用Google的PageSpeed Insights。?最适合SEO
- 要更详细地了解测试的工作方式以及要具体测试的内容(例如,在开发场景中),请继续并使用WebPageTest。
WordPress优化建议
1、选择优质的托管服务
当用户访问您的站点时,托管服务器将决定信息传递给他们的速度。有些服务器速度很慢,或者,您的套餐可能会限制您的最大速度或允许的服务器资源。简而言之,您的站点永远不会比服务器允许的速度快。选择正确的托管服务器和主机套餐是您应该为网站做出的首要选择之一,也是最重要的选择。
打个比方,电脑运行速度和性能,取决于硬件配置,比如CPU、内存、硬盘等,如果这些硬件配置都比较低,你用什么优化手段都不可能有显著的性能提升。以下是陌涛的建议:
国内网站:
建议购买 阿里云、腾讯云 等国内大厂的产品,如果资金允许,不要购买“突发型”“限制型”“10%CPU性能”等等字样的产品,这就是硬件限制,磁盘最好选择SSD固态硬盘、CPU最好是2核或以上、带宽至少2M或以上。反之,没钱的话,那就自己看着来吧!限制型服务器或主机空间运行一个小型网站也是可以的。
外贸网站:
还没找到合适的~
注:不要买 BlueHost 了,被别人收购后,变得非常垃圾。
重要建议:
除了选择托管商以外,对产品的选择还要考虑以下因素:
- 选择Linux主机,不要用windows!
- 选择提供 PHP 7.0 以上的(如果能提供PHP 7.2 或以上的,性能会更好)
- 选择MySQL 5.6 以上的(好像阿里云的虚拟主机有些数据库还是 MySQL 5.1 ,请不要购买这种主机!)
- 如果网站有一定的流量(比如日IP > 1000),建议不要用低配虚拟主机了,可以考虑升级使用云服务器(需要配置环境和维护的,可以联系陌涛)
2、定期更新WordPress内核、插件和主题
无论更新是WordPress核心,还是WordPress主题或插件,都请尽可能去做。这样做的最重要原因是安全性,因为更新将确保您的网站不受最新威胁的侵害。
3、使用缓存机制
WordPress网站优化的另一种方法是实施缓存。这样别人访问页面的时候,可以直接提供缓存页面和数据,减少了运行站点所需的服务器资源占用,从而可以大大加快站点的运行速度。推荐以下缓存插件:
- WPJAM Basic(水煮鱼大佬开发)
- W3 Total Cache(老牌免费缓存插件)
- WP Rocket (非常棒的收费缓存插件)
- WP Fastest Cache (值得推荐)
- LiteSpeed Cache (值得推荐)
- WP Super Cache (老牌免费缓存插件, 建议配合 Autoptimize 一起用 )
这几年出现了很多缓存插件,而且安装数量都非常多,大家可以根据自己的需要去对比一下。以上都非常不错!
如果是VPS或云服务器(内存1G以上),建议使用 Opcache 和 Memcached 服务器端缓存,性能更佳!
4、图像优化
图像优化是在不明显影响图像质量的情况下压缩图像文件大小的过程。大文件大小会对加载时间和带宽使用产生负面影响,从而损害整体用户体验。可以考虑以下图片处理插件:
- ShortPixel
- Smush
- Imagify(貌似看到过Google官方推荐)
5、减少HTTP请求数和压缩大小
页面加载的文件(css、js、图片等)都会导致请求数的增加,陌涛建议先删除或禁用不必要的js和css,然后合并压缩js和css,并且使用LazyLoad延迟加载图片。 除了减少HTTP请求数以外,压缩html、启用Gzip、延迟加载不是必要的css和js也是不错的优化手段。上面推荐的缓存插件基本都内置的这方面的功能,如果没有这方面的功能,可以使用 Autoptimize 插件。需要注意的是,这些操作可能会导致网站出现错位等问题,所以我们应该小心调试和排除一页页面和文件。
关于删除或禁用不必要的js和css,可以参考这方面的教程:
6、使用CDN加速
CDN指遍布全球的代理服务器网络。每个服务器都包含您的网站的副本,可用于将您的内容更快地交付给全球范围内的用户。这不仅可以提高您网站的速度,还可以提高安全性。对于有一定流量的网站来说,CDN方案是个不错的选择。
国内大厂主机商,比如阿里云、腾讯云、百度云等,都提供了CDN服务,可以根据需要自己选择使用。国内免费CDN可以考虑百度云加速,国外可以考虑 Cloudflare(可以安装 Cloudflare 插件)。
如果仅仅是加速静态文件,比如图片、js和css等,也可以考虑使用 百度云加速、奇安信网站卫士 等服务。
陌涛的记事本 目前用的是UCLOUD服务器,所以配套用了阿里云OSS+奇安信网站卫士服务加速静态文件,效果还不错,就是需要一定的费用。
总结
WordPress网站的性能和速度对网站至关重要,通过检测工具检测出网站的问题,然后配合上面的WordPress网站优化建议去操作,应该可以得到一个不错的结果!网站优化是一个长期的实施过程,陌涛的记事本也需要不断优化提升!
打个小广告:需要WordPress网站优化提速的朋友,可以联系陌涛付费服务哦^_^
原创文章,作者:陌涛,如若转载,请注明出处:https://imotao.com/2434.html