convert/resize images to cut index page load time in half

[nkia-christoph]

I was comparing map libraries and when comparing load times I saw that the high res iOS & Android pictures on your start page double your pageload time (on reasonable internet connections like mine).

standard: 1.4s

blocked iOS & Android pictures: 0.66s

standard trottled: 7.5s

website (tiny highres smartphone mockups)

image conversion/resizing

You could try compressing to webp and/or lowering the image resolution. Apparently hugo suppports both:

• StackOverlow
• gohugo.io

[nyurik]

awesome suggestion, thanks! Maybe we can even automate this by having some sort of a "quality check" as part of the CI? Something that would fail if the image has too high DPI or size?

[wipfli]

Hi @nkia-christoph. Thanks for this suggestion. Feel free to open a pull request with the relevant Hugo changes and I will be happy to review it.