WordPress 速度优化的完整指南

点击阅读WordPress 速度优化的完整指南原文

网站速度很重要,这是你应改知道的。

没有人喜欢加载速度缓慢的网站,尤其是Google。

因此,除非您希望获得的是用户体验不好并减少在Google搜索引擎中获得展示排名的机会,否则是时候优化WordPress网站了。

毫无疑问,有足够多的教程涵盖了优化和加速WordPress的方法,但是似乎还没有一篇文章尝试包括所需的一切方法。因此,在本篇博文中,我们将分享我们所知道的,并且是您只需知道的关于WordPress 速度优化的所有信息和知识,这样您可以立即开始优化和加速您的网站。

根据W3Techs的资料,WordPress目前在CMS的市场份额中占34.5%,使其成为迄今为止世界上最受欢迎的内容管理系统。受欢迎程度很高,意思是我们都喜欢WordPress,但是这样的结果对于普通用户而言,他们对大量的插件发了疯。我们当中许多人已成为受害者,毕竟,WordPress插件存储库中有55048个插件,因此很容易知道人们为什么会这样。

如此说来,无论您是WordPress的新手,还是多年来一直在开发和设计WordPress网站的人,您都会发现本指南可帮助您提高WordPress的速度。

但请放心,因为我们已决定通过此完整的WordPress速度优化指南来改变这种情况。 

本指南将指导初学者、中级用户和高级用户完成其网站优化的整个过程,以使其尽快加载。

网站为什么要快速加载?因为Google要求。

但是,事不宜迟,让我们开始吧。

目录  隐藏 

初学者的WordPress 速度优化技巧

本指南的先决条件

0 测试您网站的速度 – 创建一个网站

GOOGLE PAGESPEED

PINGDOM工具

GTMETRIX

1 选择一个快速的主机

2 选择正确的WordPress主题

3 更新您的WordPress、主题和插件

4 使用PHP 7及更高版本以获得最佳性能

5 使用SSL/HTTPS和HTTP/2

6 重新考虑您的插件使用

7 使用缓存来加速WordPress

8 图像优化

选择正确的图像格式

使用图像压缩

9 设置Cloudflare及其内容交付网络(CDN)

安装CLOUDFLARE

主页

设定页面

CLOUDFLARE中的设置

10 延迟加载YouTube视频和图像

1.安装插件

2.配置插件

11 指定图像尺寸

12 服务缩放图像

13 头像优化

14 延迟加载的Disqus

15 限制帖子修订

16 使用AMP(加速的移动页面)

使用CLOUDFLARE设置AMP

使用插件设置AMP

测试您的AMP

17 限制蜘蛛和爬虫

18 使用不带的Javascript社交分享按钮

中级用户的WordPress 速度优化技巧

19禁用表情符号

20 禁用WordPress中的嵌入

21 删除查询字符串

22 禁用XML-RPC

禁用PINGBACKS

禁止访问XMLRPC.PHP

23 删除RSD链接

24 删除jQuery Migrate

25 隐藏WordPress版本

26 删除wlwmanifest链接

27 删除RSD链接标签

28 删除短链接标签

29 禁用RSS源

30 禁用自我Pingbacks

31 删除REST API链接

32 禁用Dashicon

33 禁用谷歌地图

34 禁用Contact Form 7 JS/CSS

35 禁用心跳

36 禁用WooCommerce样式表

37 禁用购物车碎片

38 禁用WooCommerce小部件

39 删除WooCommerce元框

40 避免使用Google字体和在使用本地服务器字体

41 使用WOFF2字体代替WOFF

42 优化Font Awesome Icons

43 连接CSS和Javascript

高级用户的WordPress 速度优化技巧44 修复渲染阻塞脚本和CSS

使用异步JAVASCRIPT插件

启用异步JAVASCRIPT

快速设定

异步JAVASCRIPT方法

JQUERY

异步脚本、延迟脚本和脚本排除

查找脚本进行优化

插件排除

主题排除

插件的异步JAVASCRIPT

44.2 使用W3 TOTAL CACHE进行优化

45 减少重定向并强制执行SSL

使用WWW版本

使用非WWW版本

强制SSL

更新旧网址

使用代码更新

使用插件更新

46禁用热链接

禁用CLOUDFLARE的热链接

47 将Expires标头添加到静态资源

使用W3 TOTAL CACHE配置过期

48 预加载、预取和预连接

48.1 预加载

预加载用例

48.2 预取

48.2.1链接预取

48.2.2 DNS预取

48.2.3 预渲染

48.3 预连接

49 在每页和每篇文章的基础上禁用脚本

50 切换到Nginx或Litespeed

50.2 配置NGINX反向代理

51 启用压缩

Apache服务器

NGINX服务器

52 改善WordPress搜索

免费增值解决方案

开源解决方案

53 使用MariaDB代替PostgreSQL

54 将所有MyISAM转换为数据库中的InnoDB表

55 将MySQL索引添加到WordPress wp_options表

56 调优MySQL数据库

调整脚本

资源

57 配置Redis

58 使用InstaClick

59 找到最慢的页面并修复它们

60 通过深入研究WordPress找到瓶颈

测试优化结果

结论:WordPress 速度优化

初学者的WordPress 速度优化技巧

本指南的先决条件

在我们直接阅读本指南并开始优化您的网站之前,有必要进行一些整理。

本指南适用于任何人使用,要充分利用本指南,已经基本会使用WordPress的人将会更有帮助。

帮助您有效遵循本指南的另一个前提条件是创建一个子主题。子主题使对网站的更改变得更容易(风险也更低)。使用子主题还可以确保更新主题时不会覆盖您对主题文件所做的任何更改。

对于本指南后面将介绍的一系列优化,您会注意到我们选择与您共享代码段,您必须将这些代码段放置在某些文件中。我们可能还建议使用一些插件,使其更容易使用,但这样做会违背本指南的目的。但是,在某些情况下,我们建议使用插件进行某些优化,因为可能某些情况太过复杂而无法复制。

如果您对代码或编辑WordPress文件的一般想法感到不舒适,则无需担心 – 下面提供了清晰明了的说明,并为您提供了可以复制粘贴到您的网站中的代码。

0 测试您网站的速度 – 创建一个网站

速度优化后

为了评估我们自己的建议和本WordPress 速度优化指南的有效性,我们创建了一个全新的网站并自己进行了所有优化

我们建议您这样做,因为这样做可以使您在应用这些更改之前先比较网站的性能,以便能够正确评估所做更改的结果

以下是使用PingdomGTMetrixGoogle Pagespeed Insights进行的性能测试的结果。作为参考,我们测试的网站使用MyThemeShop的Schema架构主题。

GOOGLE PAGESPEED

谷歌页面速度控制

PINGDOM工具

pingdom-control-test-2

GTMETRIX

gtmetrix-对照测试

您可能会认为,在调整和优化网站之前,该网站的性能已经不错。的确如此,因为我们正在使用推荐的WordPress主机(稍后再介绍)以及高性能Schema主题。

但是,一个网站永远不可能太快,所以让我们尝试突破自己的极限,让该网站的性能更好

1 选择一个快速的主机

快速虚拟主机

在提高网站速度方面,选择快速的虚拟主机是最重要的决定之一。使用慢的主机不一定意味着您无法优化您的网站,但可以将其与在摇摇欲坠的基础上建造建筑相提并论。您永远不知道何时以及是否会跌落。

免费和无限量的主机在纸面上听起来都很棒,但是在现实世界中,没有什么是免费和无限的。明智的选择是不要选择一个有令人发指的不合理承诺的主机。

有许多特征可以定义出色的WordPress主机,其中包括:

衡量主机质量的最常见方法是检查TTFB。TTFB或第一个字节的时间是服务器响应所花费的时间,它表示服务器有多快。

评估特定主机的质量并将其与您正在考虑的其他主机进行比较的一种方法是检查TTFB。从本质上讲,这是服务器响应所花费的时间,因此代表了服务器的运行速度。

要测试TTFB访问,请使用ByteCheck并在其中输入您的URL。这个免费的TTFB测试工具将显示您网站的响应时间。这是我们的结果:

wpgrammy-bytecheck

为了节省您研究网络主机的麻烦,我们已经花了很多时间,并且由于您已经在阅读本指南,因此我们将本节简化。我们建议选择使用DigitalOcean点这个链接注册,免费获得100美元为期2个月的赠款,很划算)的VPS主机,或使用我们的一服客平台创建网站也可以。这两个产品我们都在用。如果选择Di

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值