wordpress手机端加速需要什么插件_移动端加速AMP到底是什么?Wordpress如何实现?...

b2fd7b388600d5af4bda02a153ccc054.png

今天聊聊移动端加速AMP这个话题


什么是移动端加速AMP?

AMP(Accelerated Mobile Pages)加速的移动端页面,我理解的AMP是一个更加简洁高效的Web组件框架,他通过amp来标记标签,例如:

我们在页面嵌入图片时用<img>标签,而在AMP框架中则使用<amp-img>标签。

基础的教程内容,大家可以看官方教程。

AMP之所以快,很大一部分原因是牺牲了很多的CSS加载使用,所以AMP网站通常都非常简洁。

通过AMP,可以构建移动端的网站、内容、广告以及邮件。

为什么要做移动端加速?

移动端一直都是大趋势,看下数据就能知道未来一定是移动互联网的天下。

2019移动经济报告:2025全球移动用户数将达60亿 5G占全球移动连接15%

那么你的移动应用打开的快慢直接会影响到用户的体验,所以这是大势所趋。

WordPress站点如何做移动端加速AMP?

实现WordPress站点的移动端加速,主要2个方案,一个是按照开源的插件,另外一个就是安装AMP主题。

1、开源插件AMP

这个开源插件贡献者包含google、XWP、Automatic等大厂,就是针对一些已经使用了wordpress站点的用户来对其站点进行AMP优化的。

67e3eae46469f46ae6a96f25d4134818.png

使用之前去官网看下是否支持你目前使用的主题。

我使用Astra主题+Elementor页面编辑器,安装配置之后测试效果不明显,因为大部分页面的雅压缩后CSS都超过了给的预算。

398f4714fa0abdef062d158a304715fe.png

如果使用标准模式,则我的页面毫无布局可言。这可能和我使用的插件和页面编辑器有关,导致页面需要加载的文件非常多。

这也是一个弊端,如果你的页面较大,需要加载的文件过多,其实这个插件并不会起到任何作用。

我使用自带主题Twenty Fifteen配置AMP后,使用Google Pagespeed Insights测试结果如下:

365f9b655f4eb75bd033d40b48ca040b.png

e3c2d8f9e42e45517f8a1b1902700888.png

使用用AMP插件之后再进行测试结果:

eaa74a041f5b5492faf105ee69d0d61d.png

d07b17b0679726dc41cc8a09aedb0221.png

可以看到PC端几乎没有变化,但移动端在安装实施AMP前后的分数还是有点差距的。

2、AMP主题

可以通过安装AMP By Automattic Settings插件,来自定义移动端AMP页面,工作量相对较大需要重新搭建移动端,且如果PC较复杂,移动端只能简化。

当然也可以购买AMP主题,这个个主要是针对还未建站的或者准备升级网站的用户比较适用,相当于是重新做一套网站。

3227413271eae51735a6756da3d1ad4f.png

c5c7b9a1a34fb942d8827c3b6f230451.png

当前官网也就只有10套AMP主题,而且都是收费主题。


感兴趣的可以2个方案对比一下,个人更推荐AMP主题。老的东西毕竟是需要更新的。

以上希望对各位小伙伴有帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值