openlibrary icon indicating copy to clipboard operation
openlibrary copied to clipboard

Serve images in next-gen formats

Open tabshaikh opened this issue 4 years ago • 7 comments

Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. Current .png and .jpg extensions in open library slow the loading of the site significantly almost 1.8s and there is an opportunity here to improve the page load speed.

Pages:

  • [ ] Homepage

Evidence / Screenshot (if possible)

Home Page delay:

Screenshot from 2020-03-20 13-07-49

Relevant url?

https://developers.google.com/speed/pagespeed/insights/?url=openlibrary.org Link for efficiently encoding images

Stakeholders

@tabshaikh

tabshaikh avatar Mar 20 '20 07:03 tabshaikh

This doesn't offer much compression, but I wish that I could upload images in BMP and TIFF formats too (I kind of don't like TIFF, so maybe just BMP - that's the default image creation file extension that's on my computer) - but that might slow the website down.

What if you write that people can upload with a number of file formats, but it's preferable to use the ones you specified to make the site run faster?

BrittanyBunk avatar Mar 21 '20 18:03 BrittanyBunk

@tabshaikh It would be good to note whether your stats are for Desktop or Mobile, since they have different performance profiles.

This should be a secondary (or tertiary) task after deferring download of offscreen images (#1), reducing size of downloaded images to match rendered size, and fixing cache TTLs (the current 10 min for cover images is crazy short).

tfmorris avatar Mar 21 '20 19:03 tfmorris

@tfmorris sure I will update that on all the issues. @tfmorris If you could have a look at this issue here https://github.com/internetarchive/openlibrary/issues/3227 which is an epic for all related performance problems there is a list of task seen from the audit and the audit for desktop and mobile is also linked in the description. It would be helpful if you could help me arrange these tasks based on their priorities :)

tabshaikh avatar Mar 21 '20 20:03 tabshaikh

@tabshaikh I'm assuming the plan is to do this for more than just the homepage?

xayhewalo avatar Mar 22 '20 20:03 xayhewalo

@guyjeangilles yes will update all the issues for the author and edition pages too :)

tabshaikh avatar Mar 23 '20 17:03 tabshaikh

Assignees removed automatically after 14 days.

github-actions[bot] avatar Jan 25 '24 08:01 github-actions[bot]

Related to #7211, #7250

mekarpeles avatar Jan 29 '24 20:01 mekarpeles