EM
когда ты реактом вешаешь onload то он уже его не вызовет
Size: a a a
2020 July 07
OH
Всем привет, кто-то может посоветовать способ кеширования данных апи на стороне сервера, т. е. в getServerSideProps?
EM
разные техники лейзи лоада картинок есть, это может и не актуально для некоторых, например если плейсхолдеры вешать и слушать онлоад для подмены на реалную картинку и тд
EM
вообще с на наксте с этим траблы, даже если юзать какой-то итерсекшен обсервер
EM
то он слишком поздно начинает работать
K
ручками писал
Вы можете поделиться куском кода, который вы написали?
EM
моя реализация слишком узкая
EM
завязана на бекенд
EM
и работает только для картинок с известным размером width/height
EM
/**
* Lazy and progressive image loading.
*
* On first load, placeholder-block with gray background and empty
* will come from SSR.
*
* After client code initiation:
*
* If image is not cached and not loaded yet,
* we will draw a blurred image placeholder inside placeholder-block
* and start listening for on-screen intersection to initiate
* load of actual image. On intersection we will start loading image,
* mark it as cached in sessionStorage, and show it with it with appear animation.
*
* If image was loaded previously, we will just show it with appear animation.
*/
* Lazy and progressive image loading.
*
* On first load, placeholder-block with gray background and empty
img tag* will come from SSR.
*
* After client code initiation:
*
* If image is not cached and not loaded yet,
* we will draw a blurred image placeholder inside placeholder-block
* and start listening for on-screen intersection to initiate
* load of actual image. On intersection we will start loading image,
* mark it as cached in sessionStorage, and show it with it with appear animation.
*
* If image was loaded previously, we will just show it with appear animation.
*/
EM
вот такой там комент, если подходит то могу разшарить
K
и работает только для картинок с известным размером width/height
не работает для адаптивных изображений?
EM
нет, для адаптивныйх вообще отдельная реализация
EM
не менее сложная
EM
для адаптивных отдельная история, там и с кешированием сложнее и вообще
EM
я хз стоил ли игра свеч
EM
просто дай нужные размеры
e
на нексте есть особенность, онлоад может не работать из-за того что гидрация может запоздать
так есть для этого компонент дид маунт/ юс эффект
EM
дид маунт !== имедж онлад и наоборот
EM
они могут в разное время сработать