Hero Image Custom MetricsThe takeaways from this post are:If your website has a hero image, make sure it loads and renders as early as possible. Many designs that feature a hero image suffer from HID (Hero Image Delay) mostly due to blocking scripts and stylesheets. So why didn’t the hero image get rendered until almost 2600 ms? Ungzipped it turns into 797K of JavaScript that has to be parsed and executed before the hero image can be displayed. Sites that have hero images need to do the same thing: focus on when the hero image is viewed.