WordPress站点AMP切换Transitional/Standard模式报CSS字节超限错误如何解决
错误含义
这是AMP规范的强制限制触发的报错:AMP要求单页所有内联CSS的总大小不得超过75KB,你站点当前注入到AMP页面的内联CSS总大小已经超出阈值,所以AMP插件无法正常生成页面,才抛出Failed to prepare AMP pages提示。
报错中提到的font-size: smaller只是刚好触发超限检测的最后一个样式,并非这个样式本身存在问题,本质是之前累加的CSS大小已经触碰到上限。
修复相关说明
- 这个问题不能直接忽略,忽略会导致AMP页面完全无法正常生成,对应路径访问报错,也无法被搜索引擎收录为AMP页面。
- 不需要第一时间手动调整CSS代码,可以按如下优先级排查:
- 先进入WordPress后台的AMP插件设置页,开启「CSS树摇」功能,该功能会自动移除页面未使用的CSS规则,多数场景开启后就能解决超限问题。
- 排查是否有第三方主题、插件向页面注入了大量冗余内联样式,比如页面构建器的自定义样式、广告/统计类插件的额外样式,你可以在AMP插件的CSS排除配置中,将这类非必要的第三方样式设置为禁止注入AMP页面。
- 上述两步操作后如果仍然超限,再手动精简自定义CSS代码,删除无用规则、合并重复选择器,进一步压缩体积。
内容的提问来源于stack exchange,提问作者PlainH2O
相关产品推荐
相关产品推荐

