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

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

[開催中!]Am͜a͉zon Black Friday(アマゾンブラックフライデー)
Amazon Black Friday(アマゾンブラックフライデー)Rinker用サムネ用画像
Amazonでブラックフライデー初開催!
  • 開催期間:2019年11月22日(金)9時00分~24日(日)23時59分(63時間)
  • ポイント還元率:最大7.5%(要エントリー、条件あり)
  • 備考:ポイントアップキャンペーンエントリーで、抽選で5,000ポイントが5,000名に、100ポイントが125,000名に当たる

皆さんどうも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の容量が欲しい・・・。

[開催中!]Am͜a͉zon Black Friday(アマゾンブラックフライデー)
Amazon Black Friday(アマゾンブラックフライデー)Rinker用サムネ用画像
Amazonでブラックフライデー初開催!
  • 開催期間:2019年11月22日(金)9時00分~24日(日)23時59分(63時間)
  • ポイント還元率:最大7.5%(要エントリー、条件あり)
  • 備考:ポイントアップキャンペーンエントリーで、抽選で5,000ポイントが5,000名に、100ポイントが125,000名に当たる

スポンサーリンク