Hello #Fediverse, I need some help!
I am moving a website from GitHub Pages to #Netlify . The domain is register via #Namecheap, and when I was looking to the documentation, it isn't clear to me how to set up the DNS (I don't want to transfer the domain to Netlify).
Any tips or instruction pages that I can use will be very much appreciated!
1/
Also, as I'm on it, I want to optimise the site images, which are currently slowing it down a bit. Has anyone resources to share (this is an art website so it contains a lot of images and media in general) on best practices for lighter image-driven website?
Thank you in advance for your help!
2/
@alx
If it's made in wordpress then there is a plugin called smush which does that optimisation in bulk.
@alx regarding the images, depending on your tech stack and proficiency you might be able to use something like 11ty-image or Astro’s image pipeline to automate a lot of the tedious work.
Otherwise, I’d suggest using loading="lazy" and decoding="async" on the <img> tags. If they’re shown full-width, I’d say 2560px width is the maximum resolution you need, anything displayed smaller should be just as wide as it’s displayed.
1/2
If you’d want to still have your images available in full resolution, save smaller thumbnails and use those to link to the high-res version.
Using responsive images without tooling to automate it can get really cumbersome real fast if you have a lot of images.
@alx Are you minifying images before you upload them? Compressor.io is handy for this.