手机加速利器,AMP

插件

谷歌测速网址

https://developers.google.com/speed/pagespeed/insights/

谷歌测试AMP网址

https://search.google.com/test/amp

插件和简单教程网址,优先选择翻译这里

AMP

标准教程网址,

Transitional Mode

 

 

Impreza 7.11及更高版本支持AMP。

AMP(加速的移动页面)是网站页面的一种特殊格式,可以提高加载速度和性能。查看AMP常见问题以获取更多信息。

AMP使用建议

由于AMP格式具有特定限制:

  • 不允许使用JavaScript
  • CSS大小上限为75 KB
  • 更改了HTML标记(如<amp-img>而不是<img>)

因此目前它的使用非常有限。

Impreza上的AMP页面:

  • 禁用任何动画,视觉效果,复杂的交互,悬停状态
  • 隐藏一些复杂的主题元素(例如网格过滤器)
  • 更改某些主题元素的布局以“移动设备优先”显示(如“菜单”)

因此,我们建议在具有最少交互元素的简单页面上启用AMP,例如博客文章。

如何在您的网站上为手机启用AMP 

  1. 安装AMP插件,这是WordPress网站的最佳方法。
  2. 转到AMP>设置,然后选择“过渡”模板模式。同时启用“将移动访问者重定向到AMP ”选项。
    2601.png
  3. 在“支持的模板”部分中,选择具有相关前端页面的类型(如Posts,Pages,Portfolio)。
    2602.png
  4. 点击“保存更改”按钮。
  5. 另外,我们建议转到主题选项>高级>网站性能,然后单击“自动优化”按钮。这有助于减小全局CSS文件的大小。
    2603.png

现在,当您在移动设备上打开网站页面(仅包含所选内容类型)时,您将看到该页面的AMP版本。它应该快速加载。

如何测试特定页面的AMP工作

如上所述启用AMP后,您可以在管理栏中看到“ AMP”菜单:

2604.png

单击“查看AMP版本”以AMP格式查看页面。如果页面完全受支持,您将看到绿色的复选标记:

2605.png

如果页面出现问题,您会看到黄色标志:

2606.png

在大多数情况下,原因是在第三方插件或自定义修饰中。

上一课
强大的即时聊天工具Tidio
下一课
其他小插件
强大的即时聊天工具Tidio
其他小插件