Problem/Motivation

Hi, i test my website with "PageSpeed Insights with Lighthouse 7.3.0", i using "Olivero" (Drupal 9.15) in theme and "Critical css", the problem is when i enable critical css the "Cumulative Layout Shift" grows too much (1.87) when the normal value without critical css for one specific landing is (0,027).

I think that the problem is the mobile menu of Olivero css , i attach one screenshot that show how Lighthouse see the page, the menu appear before the content and after load the content.

any help with this?
Thanks.

CommentFileSizeAuthor
Captura de pantalla de 2021-04-15 18-43-33.png145.72 KBcangurin limpiezas

Comments

Cangurin limpiezas created an issue. See original summary.

aaron.ferris’s picture

aaron.ferris commented

Feels like an issue with Critical CSS rather than Olivero.

mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented

How are you generating the critical CSS?

cangurin limpiezas’s picture

cangurin limpiezas
Primary language English
Location Zaragoza
commented

Many thanks for the responses.

@mherchel , i use the page https://www.sitelocity.com/critical-path-css-generator

@aaron.ferris I wasn't sure at first where to open it, i decided open a new Support request then in critical css too
https://www.drupal.org/project/critical_css/issues/3209109

cangurin limpiezas’s picture

cangurin limpiezas
Primary language English
Location Zaragoza
commented

finally i found the solution
thanks @mherchel for the indication
i use https://pegasaas.com/critical-path-css-generator/ for generate the critical css and now all works ok.
many thanks!!

cangurin limpiezas’s picture

cangurin limpiezas
Primary language English
Location Zaragoza
commented
Status: Active » Closed (won't fix)
aaron.ferris’s picture

aaron.ferris commented

Glad you got it sorted @Cangurin limpiezas!

quietone’s picture

quietone commented
Issue tags: -olivero, -critical css, -Cumulative Layout Shift