Cześć, pracuję nad sklepem dla klienta. Sklep opiera się na ogromnej liczbie zdjęć (duże zdjęcia produktowe, sporo zdjęć w megamenu itp). Strona zajmuje >10mb nawet po optymalizacji więc pierwszy load jest trochę powolny. Trochę zacząłem w temacie działać i przede wszystkim dla dużych zdjęć stosuję SQIP + podmianę po załadowaniu strony.
Chciałeś iść o krok dalej i dać SQIP dla wszystkich zdjęć, ale zastanawiam się jednak czy dla zdjęć below the fold / ukrytych w nierozwiniętym menu zamiast SQIP nie dać encodowanych placeholderów typu szare tło bezpośrednio w html i Js-em podmieniać na właściwy obrazek. Dzięki temu ograniczyłbym ilość requestów do serwera.
Zastanawiam się czy to ma sens i czy ewentualnie nie wpłynie na SEO. Może są jakieś inne fajne sposoby rozwiązania problemu. Lazy load już stosuję, ale np. obrazki z megamenu i tak ładują się od razu.
Trochę czytałem o kwestiach grafik, ale trudno mi się zdecydować w którą stronę iść, zwłaszcza, że nie jestem frontendowcem.