17713433920 info@mac163.com
如何减少wordpress页面加载时间
如何减少wordpress页面加载时间

在整理这篇文章之前,我必须重新检查博客的页面加载时间。好吧,我爱我一些速度,如果我的页面表现不佳,我很可能会去睡觉一个担心的人。我是一个担心的人,因为我在Pingdom刚拿到73/100 。看起来我有一些工作要做,但对我来说足够了,如果您的网站运行缓慢,则应该担心自己,因为:

  • Google对网站进行排名时会考虑页面速度
  • 网站运行缓慢会扼杀您的收入来源

没有人喜欢一个缓慢的网站,这是事实。我愿意打赌慢的网站不是您最喜欢的东西之一。如果您有足够的耐心坚持下去,缓慢的网站会使您发疯。也就是说,如何减少WordPress主题网站的页面加载时间,以便为您的Web访问者提供更快,更丰富的体验?

在今天的帖子中,我们将揭示十(10)个技巧,您可以使用这些技巧来加快WordPress网站的速度。采取其中的一些观点,然后一切都会好起来的。

选择最佳的WordPress托管

选择最佳的WordPress托管时,必须考虑几个因素。如果您不小心选择了不合标准的Web主机(甚至是负担过重的共享主机计划),那仅意味着一件事:只要您呆在该特定Web主机上,就必须忍受慢速站点。

虽然便宜的共享托管计划在开始时(或在测试水域时)可能会很好,但是您将需要托管的WordPress主机(例如WPEngine)以实现最终性能。

但是,那我的专用服务器或VPS(虚拟专用服务器)托管计划又如何呢?

好吧,没有托管计划可以与托管WordPress托管竞争。WPcurve.com指出,他们转移到WPEngine的那一天,速度提高了54%。您是否注意到我们的网站加载速度有多快?那是因为我们也使用WPEngine!

您如何判断服务器是否处于页面速度困境的中心?如果您使用Google PageSpeed Insights检查您的域,并且“服务器响应时间”成为问题,则应考虑更改您的虚拟主机。

删除您不使用的WordPress插件

要在提高页面速度方面获得巨大的成功,在安装插件时必须小心。关注WordPress插件有两个原则:

  • 不要激活不需要的插件
  • 请小心安装,因为某些插件太麻烦了

如果您在WordPress网站上盘点了所有插件,您将意识到您可能不需要全部。例如,如果您拥有Yoast的WordPress SEO,则不需要XML网站地图插件。另一个例子:Akismet是一个很棒的Abti-spam插件,但是如果您的注释插件(例如Disqus)具有令人印象深刻的垃圾邮件过滤系统,则不需要它。你在追踪吗?

而且,您不需要插件即可检查WordPress网站上是否有损坏的链接,您可以使用W3C Link Checker轻松地在线进行此操作。清理您的WordPress插件,并卸载很少使用或从未使用过的插件。诸如WordPress导入程序或Ultimate Coming Soon之类的插件无需降低您的网站速度。达到目的后,请卸载此类插件。

最好是您(或您的WordPress开发人员)可以将某些功能直接集成到您的网站中,以便摆脱可能会使您的网站变慢的插件。如果您不知道,插件就是臭名昭著的,因为它们在页面顶部注入了各种形式的CSS和JavaScript代码。这会对您的页面加载速度产生负面影响。

重要提示:您的站点上有许多活动的插件并没有什么问题,问题是有许多编码不正确的插件,或者有多个完成同一任务的插件,或者有许多插件给服务器增加了压力。

减少对服务器的HTTP请求

您的网站是否需要一千个文件才能显示该第一个实例?如果是这样,您将损失大量宝贵的页面加载时间。消除不必要的所有内容,但是如果事实证明具有挑战性,请考虑重新编写主题主题–仅这次确保对显示站点所需的文件数量设置上限。

您在网站上使用的每个文件(CSS,JavaScript,图像等)都会增加页面加载时间。不用说,要提高页面速度,必须使用尽可能少的文件。如果您无法在整个网站上破解此文件,请在最受欢迎的页面上使用很少的文件。这包括您的主页和产品页面。

优化图像

仍然在文件上以及它们如何影响页面加载时间,图像可能会对页面速度产生很大影响。正如我们在10个用于优化图像性能的WordPress插件中所发现的那样,“…具有未优化图像的网站是一个完全的阻力,它将吞噬您的宝贵带宽,几乎减慢一切,并破坏用户体验(UX)。”

在上传之前,请确保针对WordPress优化图片,压缩图片或将其保存为网络文件。如果您不知道如何为Web保存文件,则“保存为Web”选项是大多数图像编辑程序(例如Photoshop和Gimp)的常用功能。

另一个重要的事情。停止使用远远超出您实际需要的图像。如果您需要150 x 150的缩略图,请不要上传和缩小300 x 300的图像。那里有很多(和免费的)图像工具,您没有任何借口不优化图像。不知道在哪里看?这里有一些例子:

  • Pix Resizer(在bluefive.pair.com下载)
  • 图像优化器
  • 了解有关WordPress图像优化的更多信息,并为您的WordPress网站使用十个免费的图像优化插件。

您的广告也很重要

广告对于许多网站来说是巨大的收入来源,但是它们也可能对您的页面加载时间产生负面影响。使用优化的图像直接链接到您要宣传的产品或服务是在网站上宣传优惠的最佳方法。另外,您可以使用文本链接并大大提高页面速度。文字链接的唯一问题是您的广告收入可能会受到一两次打击,因为图片吸引的注意力要多于文字。

如果严重依赖外部服务器上运行的第三方广告网络,则会损害页面速度。同时,将本地广告跟踪代码添加到您的网站可能会影响性能。该怎么办?使用优化的和本地托管(表示托管在服务器上)的图像来促销商品。您始终可以使用类似Pretty Link Pro的插件来跟踪广告。

要点:  减少服务器密集型广告的数量,或者只选择不会占用服务器资源的广告。

开启Gzip压缩

如果指示您在房间里尽可能多地扔一张纸,您会轻轻地将其弄碎还是用力捏一下?没错,您将获得“绿巨人”粉碎能力。

前一个报价是由Willie Jackson撰写的  ,该原理也适用于Gzip压缩。此功能指示您的服务器压缩网站(所有文件),然后再将其发送给Web访问者。然后,您的网站在浏览器级别被解压缩。

Gzip压缩是加快WordPress网站速度的一种很酷且简便的方法。只需导航至http:// yourdomain.com/wp-admin/options.php上的  WordPress选项屏幕 ,然后将gzipcompression 字段的值  从0更改为1即可。将http://yourdomain.com替换为您自己的域。显然,您必须先登录到您的网站才能进行此操作?

利用缓存和内容交付网络(CDN)

WordPress缓存涉及在指定时间段内将一些静态文件(例如图像,脚本等)保存在用户设备上。当您的用户以后访问您的网站时(并且提供的缓存文件尚未过期),您的网站将加载得更快,因为该用户不需要从服务器下载文件。

在WordPress网站上启用缓存非常容易。如果您想深入了解,可以通过将下面的代码放在.htaccess文件中来启用浏览器缓存。

## EXPIRES CACHING ## 
<IfModule mod_expires.c> 
ExpiresActive on 
ExpiresByType image / jpg“访问1年” 
ExpiresByType image / jpeg“访问1年” 
ExpiresByType image / gif“访问1年” 
ExpiresByType image / png“访问1年” 
ExpiresByType文本/ css“访问1个月” 
ExpiresByType文本/ html“访问1个月” 
ExpiresByType应用程序/ pdf“访问1个月” 
ExpiresByType文本/ x-javascript“访问1个月” 
ExpiresByType应用程序/ x-shockwave-flash“访问1个月” “ 
ExpiresByType图片/ x-icon”访问1年“ 
ExpiresDefault”访问1月“ 
</ IfModule>
##过期训练##

代码由Kevin Muldoon提供。上面的代码指定每种文件类型将被缓存多长时间。或者,您可以在几分钟内使用WordPress缓存插件启用缓存,例如:

顺便说一下,缓存插件会发布文件的静态HTML版本,从而无需服务器调用。缓存将立即提高速度,因此,请先获取WordPress缓存插件。您所选择的许多网站所有者和WordPress开发人员都选择WP Total Cache。除了缓存,让我们简单地看一下内容交付网络或CDN。

内容交付网络

您的WordPress网站可以托管在全球任何地方的数据中心(服务器)上,具体取决于您的Web主机的位置。无论您的服务器多么强大,用户离服务器越远(因此您的网站越长),页面加载时间就越长。例如,如果您的服务器位于旧金山,那么伦敦的客户将比华盛顿的客户有更长的加载时间。

诸如CloudFlareBootstrapCDN之类的内容交付网络可以缓解此问题。内容交付网络是遍布全球的一系列相互关联的数据中心。注册CDN帐户后,您的网站版本会保存在多个数据中心。当用户访问您的网站时,CDN将自动从距离用户最近的数据中心为您的网站提供服务。

托管的WordPress托管专家WPEngine提供了顶级CDN和缓存功能,可帮助您增强WordPress网站的功能。

顶部的样式表和底部的脚本

网站架构以比您想象的更多的方式影响网站的性能。我的意思是,您在WordPress网站(或与此有关的任何其他网站)上订购各种元素的方式对内容加载的速度有很大影响。

但是,如何将样式表放在顶部,将脚本放在底部,以减少网站上的页面加载时间?首先,您永远不希望您的访客看到无样式的内容,对吗?将样式表放在顶部(在<head>元素中)可确保首先加载样式表。这样,您的样式将在HTML加载时应用于您的页面。

将脚本放在最下面可以看到,在交互对象开始之前,您的内容已加载。小部件,脚本广告,外部API调用和脚本形式等应在您的内容之后加载。毕竟,用户只会在看到您的内容后与这些对象进行交互。您不希望访问者看到未样式化的内容,并且绝对不希望他们在内容出现之前很早就看到“  相关帖子” 小部件。

你知道吗?如果脚本之一无法加载,将脚本放在顶部(或<head>元素中)可能会阻止内容加载?

限制您的外部脚本

仍然从事此脚本业务,如果您的网站依赖过多的外部脚本,它将放慢速度。我认为我们在谈到广告如何减慢您的网站速度时提到了一些有关此的内容。外部脚本的常见示例包括:

  • 社交媒体共享按钮,例如著名的Facebook Like和Twitter Follow按钮。
  • YouTube和其他视频嵌入脚本(顺便说一下,将YouTube视频添加到WordPress网站真的很简单)
  • 外部评论插件,例如Fyre,Google +评论,Disqus等
  • 在线聊天
  • 外部选择表单和弹出窗口
  • 外部字体脚本
  • 等等

减少外部脚本的数量可以大大减少页面加载时间。唯一的缺点是您面临运行某些功能的网站的风险。您可以通过直接将它们编码到主题中来弥补大多数功能。

您无需禁用所有外部脚本,可以使用Pingdom Site Speed工具或GTmetrix来指示那些使游览资源紧张的脚本。您是否想要惊人的页面速度或更多功能(由于您的网站需要数十年的加载时间,用户可能永远也无法使用)?这都是为了获得更大的利益,或者更好的页面速度。

缩小

我们在缩小什么?您的HTML,CSS和JavaScript代码。如何缩小HTML,CSS或JavaScript?您从代码中删除所有空格。

那会使代码不可读吗?代码不会伤害我们的眼睛吗?是的,这可能会使代码难以阅读,但是如果您想提高页面速度,则无需担心此类问题。毕竟,如果有帮助,您可以随时注释掉您的代码。有序的结构和空格用于代码中,以使读者可以阅读。只要您的代码有效,浏览器和服务器就不会在乎美观。

使用足够的空白空间来增强前端,但是请删除代码中的所有空格和制表符。如果您不想修补,则可以使用诸如Autoptimize之类的插件来自动化整个过程。

使用编码良好且托管的WordPress主题

WordPress主题从未得到过开发人员的青睐,通常会附带做得不好的代码,这些代码会耗尽服务器资源,从而导致网站运行缓慢。此外,发展不佳的WordPress主题可能会使用过多的图像,这将增加您网站的重量。

从信誉良好的来源中选择专业开发的WordPress主题。最重要的是,您选择的主题应具有响应性,并已针对最佳性能进行了优化。不知道从哪里开始?查看令人印象深刻的Total Drop&Drop WordPress主题  或我们的免费WordPress Themes。

但是请记住,仅因为您信任主题开发人员,并不意味着该主题已编码为完美。每个人都会犯错误,每个主题在某处都有某种错误或缺陷,这就是为什么使用定期管理和更新的主题也很重要的原因。不要仅仅因为喜欢主题的外观就适应主题,而是可以通过子主题重新设计任何主题。

把垃圾带出去

从WordPress 2.9开始,每次您从网站中删除内容时,该内容都会发送到垃圾箱-类似于桌面上的回收站。因此,您可以随意还原或永久删除文件。唯一的问题是,此垃圾可能占用数据库中的大量空间。垃圾一旦堆积,就会使数据库窒息而死,从而降低了您的网站速度。

WordPress每30天清空一次垃圾,但是您可以通过编辑wp-config.php文件来更改此设置:

define('EMPTY_TRASH_DAYS',7);

上面的代码将指示WordPress每隔7天清除一次垃圾,而以下代码将永久禁用垃圾桶功能:

define('EMPTY_TRASH_DAYS',0);

禁用不使用的Jetpack功能

禁用一些您从未使用过的Jetpack功能可以极大地提高网站的速度。除了评论,共享,WP.me短链接和小部件可见性之外,我均停用了所有功能,并将页面加载时间减少了整整三(3)秒!

Jetpack功能利用脚本,除了向服务器发送额外请求外,还需要花费一些时间来加载。如果您打开所有Jetpack功能,则页面加载时间将更长。激活您要使用的功能,而忽略其余的功能。

快速总结

现在,一般而言,提供出色的用户体验并在搜索引擎中获得良好的排名与页面速度和网站性能息息相关。出于这个原因,您永远不能低估优化网站以获得最佳性能的重要性。在列表中:

  1. 选择最好的WordPress托管(我们使用并喜欢WPEngine)
  2. 删除不使用的旧插件
  3. 减少对服务器的HTTP请求
  4. 优化图像
  5. 明智地选择广告
  6. 开启Gzip压缩
  7. 利用缓存和内容交付网络(CDN)
  8. 样式表在顶部,脚本在底部
  9. 限制您的外部脚本
  10. 缩小,缩小和缩小更多
  11. 使用高级WordPress主题(我建议使用Total Drag&Drop Multipurpose WordPress theme)
  12. 把垃圾带出去
  13. 停用不使用的Jetpack功能

球现在在您的球场上了……

开发网站时,通常的经验法则是对项目的各个方面都采用极简主义的方法。摆脱掉不需要的东西,优化并从正确的工具(包括虚拟主机)开始着手。


微信二维码

扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
  • 17713433920
  • 在线客户
  • 联系邮箱
  • 扫一扫,加好友

关闭搜索
购物车
回到顶部