Lazy load images

[libuk]

Improve site performance by lazy loading images

[libuk]

@DebsDee Upon further inspection, I don't think we're loading enough images to warrant lazy loading. The problem is with the size of the images that are currently being loaded.

We're currently loading the avatars for the team as .svg, I think these would be fine as .png and would greatly decrease the page size. ama.svg at 6mb is responsible for half of the page load on it's own (Full page is 12.2mb).

I think making each a .png with the size 150 x 150 would be great.

[DebsDee]

Hey @libuk, I've changed team images to pngs and tinified all pngs on the site. Page speed performance still isn't great: https://developers.google.com/speed/pagespeed/ but file sizes are much smaller.

[libuk]

@DebsDee Good stuff, I think the images could still be a lot smaller (< 10kb) but the page weight has improved a lot and won't eat into users data as much.

The render blocking CSS is what I'll focus on next. I'll look into bundling the CSS and JS.

[DebsDee]

Thanks @libuk I'll bear this in mind once we start uploading speaker profiles.