WordPress的加速移动页面:你需要知道什么

用于WordPress的加速移动页面

自从2015年下半年以来,加速移动页面WordPress的概念以及其他网站技术一直在讨论。网站开发者,WordPress的人,搜索引擎优化专家,和其他人与内容的创建或管理一直在谈论AMP项目。

但是AMP项目到底是什么?我们知道加速移动页面”指的是可以,好,加快你的页面在移动。理想情况下,与不使用AMP的网站相比,使用AMP的网站应该更快地加载并提供更好的总体UX,其他条件不变。

然而,是它吗?你是不是应该在WordPress网站上激活AMP,然后忘掉这一切?本文回答所有的问题与加速移动web开发人员使用WordPress的页面应该意识到。

WordPress的加速移动页面:开发人员需要了解什么

AMP是什么?吗?

加速移动页面是一个开源项目,自称是:

对许多人来说,在移动网络上阅读很慢,笨重的和令人沮丧的经历,但这并不一定是这样。加速移动网页(AMP)项目是一个开源项目,它体现了出版商可以创建移动优化内容一次,并立即加载到处的视野。

https://www.youtube.com/watch?V= WRPKROFQRQ0Q

AMP得到了许多行业领袖的支持——谷歌,,Pinterest甚至WordPress网站

别弄错了,谷歌确实是认真对待AMP。移动设备上的搜索结果已经带有AMP标志:

WordPress的加速移动页面:Google新闻

此外,甚至本地的Android应用程序,比如News和Weather应用程序,都带有AMP标记,用于支持它的页面:

AMP导致安卓

因此,你不能完全忽视这一点。

开发人员应该知道音箱吗?吗?

我们知道HTML web页面往往构成,CSS和JavaScript。AMP关注这三个。它附带了一组供您遵守的自定义元素和规则。

这是什么在加速移动WordPress的页面:

AMP的定制的HTML元素

大多数以媒体为中心的HTML元素都是由AMP定制的。这里的目标是替换和扩展现有HTML元素的功能,这样你不需要大量的JavaScript完成的任务。

然而,这不是全部。AMP也有自己的特殊HTML元素,例如:AMP Pinterest,,amp-twitter,,amp-youtube,,放大器分析,,安普安姆,,amp-lightbox,,安培旋转木马,和安培广告

正如您可能从上面的名字中猜到的,的一些元素是用来嵌入第三方内容。为什么如此?因为在处理外部内容时,例如广告或嵌入的推特,AMP需要定制元素,使其能够更快地加载所需的内容。你经常遇到移动广告加载太慢了,把整页都挂了?AMP试图治愈。

同时,请记住,标准的HTML元素(img,,音频,,视频iframe)所取代amp-img,,amp-audio,,安培视频AMP IFRAME

所以,您是否想知道是否值得使用这些专用元素?考虑这个:amp-img标签目前提供了绝对的srcset支持,即使是旧的浏览器不支持。

对于AMP的定制组件及其特定于服务的实现的完整列表,退房官方文件

自定义规则的音箱

CSS和JavaScript时,AMP有定制的规则。如果你真的很认真地支持AMP进行编码,一定要严格遵守。

首先,如果您是创建闪亮元素的自定义JavaScript的粉丝,忘记所有。AMP不允许定制的JavaScript。然而,您可以使用上面提到的自定义元素来达到相同的效果:安培旋转木马amp-lightbox。换句话说,音箱有自己的JS库,这可能是唯一的图书馆你可以把。

外部字体,另一方面,支持,但只有从流行的来源,如谷歌字体。

然而,最大的自定义规则是针对CSS的。CSS几乎总是应内联。这使得使用外部样式表比平时更加复杂。当然,许多WordPress开发人员用于链接外部样式表。如果是这样的话,在处理WordPress的加速移动页面时,可以使用PHP函数内联输出样式表的内容。

同时,最重要的是,50岁以下的CSS代码应该是KB。许多流行的框架,当缩小,倾向于运行在80 - 90 KB大小。所以这个特定的规则肯定是你需要知道的东西。

对于实现示例,一定要检查AMP文档

最后,AMP还有一个特殊的CDN,即谷歌AMP缓存,可以用来取东西,缓存并传送所有有效的AMP页面。如果你的网站没有一个CDN,也许对你有用。如果,然而,你已经使用CDN,谷歌AMP缓存不是必需的。

最大的问题是:AMP能使一切都变得超级快吗?吗?

对上述问题的回答有些开放。如果你的网站是劣质的,或者如果你已经为移动访问者做了几乎零的用户体验投资,AMP可以给你极大的鼓舞。

然而,你应该知道AMP不是银弹。在一天结束的时候,,提高页面加载时间的技术已经存在了很长一段时间——预取,prerendering,延迟加载,等。AMP试图把所有的随着性能优化调整,并提供一个平滑的移动浏览体验。

加速移动页面WordPress和其他工作先加载至关重要的元素,这样客人可以马上开始浏览页面。此后,它加载剩余的媒体。

自然地,上述方法,以及编码规则,表明AMP更注重优化和效率。它不是“提高你的页面速度一百万倍!”解决方案,许多人声称它。

现在,你真的应该使用加速移动页面WordPress网站吗?吗?

AMP(见肯定是快)但它并不是唯一的方法来让你的页面更快。然而,速度不是这里唯一要考虑的因素。事情也有一个实际的方面。AMP的速度增长,与其忽略它,不如使用它。以“AMP”出现在搜索结果中,和别人谈论它的重要性,错过AMP可能并不是最明智的选择。

另外,如果你仍然感到困惑,遵循黄金法则:谷歌主要为新闻网站和博客文章推荐AMP。对于其他一切,比如你的登陆页面,或投资组合的网站,你可以解雇AMP。

幸运的是WordPress用户,有一个神奇的免费插件,负责一切你:

你可以将它安装在你的网站,你马上就能准备好AMP了!它有它的缺点,虽然。这是约斯特·德·瓦尔克的作品在他的帖子中指出音箱系列。如果您对正确运行WordPress的加速移动页面感兴趣,那么值得一读。

你觉得加速移动页面?尝试过了吗?请在下面的评论中分享你的观点。

别忘了加入我们加快你的WordPress站点上速成班。通过一些简单的修复,你可以减少加载时间,甚至50 - 80%: