AMPのCSS50KB上限はもう少し緩和してほしい

2019年3月17日Wordpress(ワードプレス), ブログ

スポンサーリンク

皆さんどうもAMP!AMPのCSS編集に苦労している@xi10jun1です。

先日グーグルのサーチコンソールから久々に届きました。

「AMPのCSS、50KB超えとるやんけ!直さんかいワレ!」

AMPのCSS50KB上限

AMPで使われるCSSは50KBが上限となっています。

これはテーマにもよるのですが、今僕が使っているルクセリタスというテーマのAMP用CSS追記部分では、約12,000字程度、段落にして670段くらい書くと上限に達するようです。

CSSで670段というと、まぁまぁ足りないですね。全体のレイアウト変更や、PCやスマホで見たときと遜色ないデザイン、アフィリエイト用のボタンデザインを書いていくと、あっという間に超えます。

amp-keyframesを使うことで500KBまでOKになるとの情報もありますが、それだったらもう50KBくらい足して上限100KBくらいにして・・・。

AMPでも同様に見せたい

でもPCやスマホとAMOでデザインを変えたくないですよね。

できれば一緒に見せたいんですが、それを実現するとあっという間に50KB超えてしまう。

うーん。

まとめ:せめてあと5KB欲しい

なのでセレクタを短くするなどして、ギリギリでCSSを運用しています。

もうどこに利いているコードなのか分からなくなるくらい短くて、最近はデザインが崩れているのが目立ちます。

AMPのCSS、せめてあと5KBの容量が欲しい・・・。

スポンサーリンク



スポンサーリンク