[レベル: 上級]
AMP で利用できる CSS のサイズ上限が 50,000 バイト (約 50KB) から 75,000 バイト (約 75KB) に増加しました。
Behold: proposal (with pull request) to increase the @AMPhtml custom CSS budget/limit from 50KB to 75KB: https://t.co/tWoEK8a8Lx
— Weston Ruter (@westonruter) January 25, 2020
And the pull request to raise AMP's custom CSS limit from 50KB to 75KB has been merged! 🎉
It should be live by the end of February. (We'll make sure to release an update to the WordPress AMP plugin as soon as this happens.) PR: https://t.co/1zy49OqXqu
— Weston Ruter (@westonruter) February 8, 2020
50 % 増量で 50000 バイトから 75000 バイトへ
読み込み時間を高速化する目的で、AMP では CSS のサイズに上限が設定されています。
この上限値を超えてしまうとエラーになり、有効な AMP ページとしてはみなされなくなります。
上の AMP テストでの検証結果では「上限は 75000 バイトです」となっていますが、これまでは 50000 バイトでした。
50 % 増量です。
2 月中には CSS サイズが拡張されるとのことでした。
ツールのメッセージを見てわかるように、すでに変更は完了しているようです。
関連ドキュメントも更新されています。
It is a validation error if the author stylesheet or inline styles together are larger than 75,000 bytes.
※すずき注: ただし、この記事を公開する時点ではまだ更新が入っておらず、50,000 バイトのままの記述も残っています。
WordPress の AMP プラグインにもなるべく早く上限増加を反映させるとのことです。
【UPDATE】v1.4.4 で 75,000 バイトになります。
通常のウェブページであれば、25KB バイトくらい増えても何の足しにもならないように思えます。
しかしながら、制限が厳しい AMP ページではたとえ 25KB であっても利用価値がある増加になるのではないでしょうか。
チーム内のウェブデベロッパーさんにも教えてあげてください。