How can I improve website performance for media-heavy content?

Hi everyone,

I’ve been analyzing a website that deals with high-resolution audio content and large media libraries, and I noticed that some pages load slowly or feel less responsive. I’m curious about what factors typically impact website performance in such cases, like media streaming, scripts, or server response times.

Here’s the site I’m looking at: [https://dandytints.com.au/\]

Has anyone experienced similar issues or have insights on what to focus on to improve performance for websites handling audio or media-heavy content? Any tips or approaches would be really helpful!

The home page performs pretty well, although the image is likely much larger than necessary, and should be optimized.

However, Car Window Tinting in Sydney | Enhance Privacy & Style is pretty poor and it is clear that page loading is blocked by slow loading resources.

For instance, a video that autoplays is loaded even if not viewable. A lazy load script may help, as would moving some scripting to the footer. It’s also a WordPress site with plugins, and these are often inefficient.

I’d look at the following:

  • Image / asset optimization, including lazy loading, and gzip
  • Set expires headers to avoid resources being downloaded with every page
  • Reduce requests, e.g., host scripts on the server
  • Reduce DNS requests and third party cookies
  • Avoid WordPress for a simple website and use a more efficient platform that offers more control for static content