A similar page from a similar nonprofit that has more images, namely https://web.hypothes.is/team/ , requires downloading just 2.0mb of content.
We should be able to achieve a result much closer to the same. This can be done by scaling down the images so they're no larger than they need to be.
For example, john_kiriakou.jpg is 684px by 684px, but we're shrinking it in CSS to 200x200, meaning it's about 3.42x wider * 3.42x taller == ~11.7x larger (in file size and number of pixels) than need be.
elimisteve
commented
6 years ago
As measured by Chromium's "Network" tab (near the JS console), right now visiting https://pursuanceproject.github.io/website/team.html requires downloading 10.5mb of content, mostly images.
A similar page from a similar nonprofit that has more images, namely https://web.hypothes.is/team/ , requires downloading just 2.0mb of content.
We should be able to achieve a result much closer to the same. This can be done by scaling down the images so they're no larger than they need to be.
For example,
john_kiriakou.jpgis 684px by 684px, but we're shrinking it in CSS to 200x200, meaning it's about 3.42x wider * 3.42x taller == ~11.7x larger (in file size and number of pixels) than need be.