Closed fkakatie closed 2 months ago
Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed. In case there are problems, just click a checkbox below to rerun the respective action.
Page | Scores | Audits | |
---|---|---|---|
/ | |||
/blog | |||
/clinical-development |
Looks good to me. Thanks @fkakatie !
@helms-charity please take a look and merge when you have a moment.
Description
Currently, all
header
height styles are located inblock/header/header.css
, which is lazy-loaded. This generates significant CLS when the loaded content inmain
is shoved down to accommodate the newly loaded stylesheets impactingheader
andnav
. Proposing to moveheader nav
styles impacting height intostyles.css
so circumvent this issue. Also proposing the removal of duplicative styles.Changed
header nav
andmain
height set instyles.css
, rather than in the lazy-loaded header blockRemoved
Test URLs
main
): main--merative2--hlxsites.hlx.pagemain
): main--merative2--hlxsites.hlx.page/clinical-developmentmain
): main--merative2--hlxsites.hlx.page/blog