Archived topic
set container order and high cls score
6 replies · Started by jerry on February 14, 2023
website：eyeglassfactory1989.com
my steup:GP+Gutenburg+Generateblock+litespeed cache+namehero turbo plan
I set the order on the mobile device, but I found that my cls score(mobile and desktop) at Lighthouse was very high, so I don't know how to solve it
Hi Jerry,
Litespeed seems to be lazy loading the logo which is probably causing the CLS. Try excluding it. Add is-logo-image to the excluded images for Litespeed's lazy loading feature. See: https://www.litespeedtech.com/support/wiki/doku.php/litespeed_wiki:cache:lscwp:lazyload-debug
it no use,i have set lazy loading excluded images
my first page is a grid,left is headline and button,right is image.
https://onlinemediamasters.com/
my first page layout is the same as this websit, left is headline and button,right is image. and his cls score only 0.001
if i don't use grid,i can get a low cls score
It's still lazy-loaded. See: https://share.getcloudapp.com/BluRnyoZ
See here how it drastically seems to cause CLS: https://share.getcloudapp.com/Z4umWx7N
It takes a while to load.
Is that right? I set it up but it doesn't work.
It worked. I think it helped a bit with the CLS but it's still a lot.
How are you loading your fonts like "Josefin Sans"?
If you haven't hosted them locally, can you try that? Reference: https://docs.generatepress.com/article/adding-local-fonts/
There seems to be a layout shift from seemingly "Flash of Unstyled Text".
Doing this should improve the loading speed of fonts.