search

mda100 / noel-website

photo album for noel
0 stars 0 forks source link

different images sizes for mobile; video compression; image CDN #45

Open mda100 opened 1 year ago

mda100 commented 1 year ago

these are some media compression techniques that are going to be hard to implement and maybe not worth it https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

mda100 commented 1 year ago

https://www.npmjs.com/package/ffmpeg

mda100 commented 1 year ago

38 has a script to compress all images to the same quality, this script is configurable so we can change it later

it does not compress videos, so for now I just have those copied note videos are clearly impacting load times

a few speed up options for down the road

  1. manually compress all videos we have and move them to folder, commenting out deploy script
  2. incorporate a library that compresses video
  3. have a mobile size of image too and load image sizes in responsively
  4. use a cdn
  5. preload all videos!
mda100 commented 1 year ago

brians website is a good example of using different image resolutions for progressive loading https://www.brianfogg.com/