- name: davestewart
- url: http://davestewart.co.uk/
Having performance issues with my new VuePress static rendered site.
It’s a VuePress site, and it:
- builds folders and html pages
- compiles and minifies all scripts
- copies all images to a single folder (/assets/img/)
I’m seeing slow image loading; images may take 1 - 2 seconds to load; you can see them drawing in as the page loads.
Looking at the Network panel in dev tools shows 2 or sometimes even 3 copies of the same image being loaded; 1 from cloudfront and 2 from the site URL.
Here’s an example of one being downloaded four times! But is only on the page once:
EDIT: I’ve checked my local build and it is also showing the issue of multiple images, so I will jump on the VuePress support channel and ask what is going on there…
I’ve optimised some of them using Tiny PNG but not all, mainly because looking through the site deploy panel, there is the option to optimize assets:
FWIW I’m not sure if this option is actually doing anything; I can see large local images which are now on the server at exactly the same file size.
Haven’t seen this on Netlify before, so unsure what to do. It normally “just works”, though I suppose as this is a portfolio site, it naturally has more images than most sites I have hosted on Netlify before.
Additionally, I’m not sure if there are DNS issues – I know slow speeds can be associated with that.
My Host is pointing at Netlify using an A record. My hosting company TSO said they don’t do ALIAS but can set up a CNAME record which they say is the same.
I really want to do whatever I need to make this site blazing fast. Happy to change domain registrar if needs be.