So as nobody has answered this I will put down what I did, it may not be the best way to do it so bear that in mind! I opened dev tools and setup a new profile under network speed where the latency was 1000ms and the speed to 50kb/s. (where it says “online” next … Read more
Short Answer Add the image’s native width and height in pixels as attributes on the image. This lets the browser calculate the aspect ratio for the image. <img width=”600″ height=”400″ src=”some-image.webp”/> Long Answer width: 100% does not give an element an explicit width. What it does is define the width relative to it’s parent container. … Read more
Why is Lighthouse showing much longer load times? The answer is a combination of simulated network throttling and CPU throttling. Simulated Network Throttling When you run an audit it applies 150ms latency to each request and also limits download speed to 1.6 Megabits (200 kilobytes) per second and upload to 750 megabits (94 kilobytes) per … Read more