search

briggySmalls / skin-deep-server

Server for the skin deep magazine website
0 stars 1 forks source link

Lazy load images (in blocks) #209

Open briggySmalls opened 5 years ago

briggySmalls commented 5 years ago

The home page continues to be let down by page performance.

Google lighthouse gives the following results:

Screenshot 2019-06-04 at 10 19 41

So the single-biggest win would be lazy loading images that appear in blocks. For some reason jetpack lazy-load doesn't seem to do this effectively and this should be investigated.

briggySmalls commented 5 years ago

I'm getting a bit fed up with jetpack. I think it might be time to consider a yarn installed dedicated lazy loader

briggySmalls commented 5 years ago

Looking at the source, the issue could be debugged.

For starters, when I curl some pages, the only image that has the data-lazy-src attribute is the site logo.

It could be that my existing custom photon CDN filters might mess with the lazy loader php

briggySmalls commented 4 years ago

curl https://skindeepmag.com | grep -E 'data-lazy-src|img'