本文介绍一下 WordPress AMP 插件的安装和设置,通过启用 AMP,我们可以为我们的 WordPress 网站开启移动网页加速。AMP 全称是 Accelerated Mobile Pages,也就是加速的移动页面,是谷歌推出的一个项目,可以加速网页访问。那么既然我们是建站的,自然也希望自己的网站越快越好。WordPress 网站只要安装 AMP 插件就可以完美使用 AMP 功能了,非常方便,下面就一起看一下。
此外,WordPress 网站速度优化教程还包括:
当然,除了这些优化措施之外,选购一台搬瓦工 CN2 GIA-E 线路的 VPS 也是至关重要的。
一、什么是 AMP、为什么要开启 AMP
首先我们简单的了解一下什么是 AMP,以及为什么要给 WordPress 网站开启 AMP。好处还是很多的,下面一起来看一下。当然,如果我们的主题本来就自带了移动端自适应,那么不开 AMP 也是可以的。
什么是 AMP?
Accelerated Mobile Pages,直译成中文是「加速的移动页面」的意思。根据官方说明,AMP 在 Speed Index(首屏展现时间平均值)测试中,性能有 15% ~ 85% 的提升,测试是在模拟 3G 网络环境并模拟 Nexus 5 的条件下完成(详情)。
AMP 如何让页面性能大幅提升暂且搁置一边,先来看看它是什么。根据官网文档得知,AMP 主要由 AMP HTML、AMP Runtime 以及 AMP Components 三部分组成。
为什么要开启 AMP?
对于手机用户来说,大部分的网页加载都是比PC端慢一些的,尤其是在使用移动网络或者信号不够强大时,这样就会造成一些内容丰富的页面需要长达几秒钟才能完全展示出来。对于有些比较耗性能的网站,就算加载出来,在手机上也会非常的卡顿,甚至造成浏览器崩溃。而AMP页面根据规定,通常使用有限的代码,可以直接从谷歌缓存中调用,这样当用户点击时,谷歌会立即将缓存内容提供给用户,AMP网页能够节省用户等待时间。
WordPress 使用 AMP 技术主要有以下几点好处(来源):
- 速度快,可以说 AMP 大部分工作都是在帮助我们提升网页的加载速度
- SEO 加成,Google 会在移动端优先展示完成 AMP 改造的页面
- 特有的 AMP 标识,尤其是在 Google 移动搜索结果中,AMP 的标识非常明显,可以提高一定的点击率
- 用户体验提升,大部分响应式的网页设计需要适配 PC 端和移动端,这样难免会有一些无法避免的缺陷,比如性能、排版等问题,而 AMP 则是单独的移动端网页,不管是代码还是设计都非常简洁,就算是长篇文章滑动起来也是非常流畅的
二、WordPress AMP 插件安装
WordPress 插件库目前有不少 AMP 插件,为了避免大家选择恐惧症,搬瓦工中文网就只介绍一个 AMP 官方开发的 WordPress 插件。
插件下载地址:https://cn.wordpress.org/plugins/amp/
我们也可以直接在后台搜索 AMP 进行安装。
三、WordPress AMP 插件设置
安装之后,进行简单设置。首次安装会有一个提示,点击 Open the onboarding wizard 即可开始设置,如图所示。
都是一些基本设置,大家根据自己的喜好,主要是选择一个移动端的主题,选择之后就可以保存了。
四、AMP 主题使用和预览
那么之后怎么看看我们的 AMP 主题啥样呢,也很简单,我们撰写文章的时候,就可以看到预览后面有个 AMP 图标,如图所示。
点击这个图标,就可以看到 AMP 页面了,如图所示,就是一个简单的预览。可以看到主题样式非常简洁,不过还是挺好看的。
五、搬瓦工新手教程和便宜方案推荐
搬瓦工新手教程,简单整理如下:
- 搬瓦工新手入门:《搬瓦工新手入门完全指南:方案推荐、机房选择、优惠码和购买教程》
- 搬瓦工购买教程:《2020 年最新搬瓦工购买教程和支付宝支付教程》
- 搬瓦工优惠码:BWHCGLUKKB
- 搬瓦工补货通知:《欢迎订阅搬瓦工补货通知(补货提醒)/ 加入搬瓦工交流群》
- 搬瓦工方案推荐:《搬瓦工高性价比 VPS 推荐:目前哪款方案最值得买?》
- 搬瓦工有货方案:《搬瓦工目前可购买便宜方案整理》
- 搬瓦工演示站点:《搬瓦工演示站点汇总(SpeedTest 速度测试 + LookingGlass 路由测试)》
- 搬瓦工测试 IP:《搬瓦工所有数据中心测试 IP》
- 搬瓦工测评汇总:《搬瓦工所有机房数据中心速度、性能、延迟等测评信息汇总》
- 搬瓦工 KiwiVM:《搬瓦工 BandwagonHost KiwiVM 面板后台功能整理和使用教程》
搬瓦工推荐方案:
未经允许不得转载:Bandwagonhost中文网 » WordPress AMP 插件 – 给 WordPress 网站开启 AMP 加速移动网页教程
最新评论
5211314
能不能教我 一点不会