Skip to content

Instantly share code, notes, and snippets.

@westonruter
Created April 16, 2019 04:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save westonruter/9e2325d7c95d5226c83dae2fd89fea5c to your computer and use it in GitHub Desktop.
Save westonruter/9e2325d7c95d5226c83dae2fd89fea5c to your computer and use it in GitHub Desktop.
AMP Custom CSS manifest from Twenty Nineteen compared between AMP 1.0.2 and 1.1
The style[amp-custom] element is populated with:
0 B: style[amp-custom=]
81 B: style
4159 B (35%): link#wp-block-library-css[rel=stylesheet][id=wp-block-library-css][href=https://wordpressdev.lndo.site/content/plugins/gutenberg/build/block-library/style.css?ver=1555084233][type=text/css][media=all]
958 B (64%): link#wp-block-library-theme-css[rel=stylesheet][id=wp-block-library-theme-css][href=https://wordpressdev.lndo.site/content/plugins/gutenberg/build/block-library/theme.css?ver=1555084233][type=text/css][media=all]
37 B (12%): style#twentynineteen-style-inline-css[id=twentynineteen-style-inline-css][type=text/css]
1279 B (85%): link#twentynineteen-print-style-css[rel=stylesheet][id=twentynineteen-print-style-css][href=https://wordpressdev.lndo.site/core-dev/src/wp-content/themes/twentynineteen/print.css?ver=1.3][type=text/css][media=print]
0 B: link#amp-default-css[rel=stylesheet][id=amp-default-css][href=https://wordpressdev.lndo.site/content/plugins/amp/assets/css/amp-default.css?ver=1.0.2][type=text/css][media=all]
122 B: style[type=text/css]
119 B: div.wp-block-cover has-background-dim alignwide amp-wp-d28a8c9[class=wp-block-cover has-background-dim alignwide amp-wp-d28a8c9]
80 B: p.has-large-font-size amp-wp-13076d9[class=has-large-font-size amp-wp-13076d9]
79 B: p.amp-wp-f6e3d7f[class=amp-wp-f6e3d7f]
73 B: figure.wp-block-image alignfull amp-wp-dc251bd[class=wp-block-image alignfull amp-wp-dc251bd]
80 B: p.amp-wp-13076d9[class=amp-wp-13076d9]
80 B: p.amp-wp-13076d9[class=amp-wp-13076d9]
80 B: p.amp-wp-13076d9[class=amp-wp-13076d9]
Total included size: 7,227 bytes (45% of 15,916 total after tree shaking)
The following stylesheets are too large to be included in style[amp-custom]:
69982 B (79%): link#twentynineteen-style-css[rel=stylesheet][id=twentynineteen-style-css][href=https://wordpressdev.lndo.site/core-dev/src/wp-content/themes/twentynineteen/style.css?ver=1.3][type=text/css][media=all]
Total excluded size: 69,982 bytes (79% of 87,951 total after tree shaking)
Total combined size: 77,209 bytes (74% of 103,867 total after tree shaking)
The style[amp-custom] element is populated with:
0 B: style[amp-custom=]
81 B: style
73 B (57%): link#amp-default-css[rel=stylesheet][id=amp-default-css][href=https://wordpressdev.lndo.site/content/plugins/amp/assets/css/amp-default.css?ver=1.1-RC1][type=text/css][media=all]
4159 B (35%): link#wp-block-library-css[rel=stylesheet][id=wp-block-library-css][href=https://wordpressdev.lndo.site/content/plugins/gutenberg/build/block-library/style.css?ver=1555084233][type=text/css][media=all]
677 B (51%): link#wp-block-library-theme-css[rel=stylesheet][id=wp-block-library-theme-css][href=https://wordpressdev.lndo.site/content/plugins/gutenberg/build/block-library/theme.css?ver=1555084233][type=text/css][media=all]
32849 B (63%): link#twentynineteen-style-css[rel=stylesheet][id=twentynineteen-style-css][href=https://wordpressdev.lndo.site/core-dev/src/wp-content/themes/twentynineteen/style.css?ver=1.3][type=text/css][media=all]
1279 B (85%): link#twentynineteen-print-style-css[rel=stylesheet][id=twentynineteen-print-style-css][href=https://wordpressdev.lndo.site/core-dev/src/wp-content/themes/twentynineteen/print.css?ver=1.3][type=text/css][media=print]
122 B: style[type=text/css]
119 B: div.wp-block-cover has-background-dim alignwide amp-wp-d28a8c9[class=wp-block-cover has-background-dim alignwide amp-wp-d28a8c9]
80 B: p.has-large-font-size amp-wp-13076d9[class=has-large-font-size amp-wp-13076d9]
79 B: p.amp-wp-f6e3d7f[class=amp-wp-f6e3d7f]
Total included size: 39,518 bytes (59% of 66,708 total after tree shaking)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment