diff --git a/packages/optimizer/lib/transformers/ReorderHeadTransformer.js b/packages/optimizer/lib/transformers/ReorderHeadTransformer.js index de5527cf6..41be15925 100644 --- a/packages/optimizer/lib/transformers/ReorderHeadTransformer.js +++ b/packages/optimizer/lib/transformers/ReorderHeadTransformer.js @@ -64,11 +64,13 @@ class HeadNodes { appendChild(head, this._metaViewport); appendAll(head, this._resourceHintLinks); appendAll(head, this._metaOther); + // We want the dvh polyfill to be before the amp-story styles to prevent + // triggering an increase to CLS score. + appendChild(head, this._scriptAmpStoryDvhPollyfill); appendChild(head, this._linkStyleAmpRuntime); appendChild(head, this._styleAmpRuntime); appendChild(head, this._linkStyleAmpStory); appendAll(head, this._scriptAmpEngine); - appendChild(head, this._scriptAmpStoryDvhPollyfill); appendAll(head, this._scriptRenderDelayingExtensions); appendAll(head, this._scriptNonRenderDelayingExtensions); appendChild(head, this._styleAmpCustom); @@ -207,11 +209,11 @@ class HeadNodes { * ReorderHead reorders the children of . Specifically, it * orders the like so: * (0) tag - * (1) - + + My Story - + + My Story - + Title