Quote Originally Posted by Egg Bramhill View Post
One further issue I'm having with this site is the PageSpeed Insights giving a very poor score for the desktop thus:
Egg, can't help much here. /hc7 ( with contain: paint; ) has a CLS of 0.011 for Desktop, 0.015 for Mobile. CLS for /hc11 is 0.56/0.02.

The worst offender is this HTML SPAN tag:
Code:
div#xr_bph > div.xr_ar > div.xr_pbd > span.xr_wpp
<span class="xr_wpp xr_ar" style="left:-806px;top:-254px;width:3036px;height:2630px; background:url('index_html_files/338.webp') 1368px 1165px repeat;"></span>
Try removing this background; the contain: paint; does this so the CLS is minimal in /hc7.

I think the lesson with a STFW design is to avoid a Pasteboard fill.
Unless it is a CSS or SVG repeat fill and you can apply a cover, I might instead use a gradient fill.


The CSS code for overflow-x ought to work well across all browsers, including FF.
I would use that as your fall back.

Acorn