반응형 lazyOnLoad1 afterInteractive, lazyOnLoad lazyOnLoad와 afterInteractive를 사용하는 이유 GTM, Naver Script, 채널톡 등 마케팅툴들은 html 이후에 로드되어도 무방한 써드파티 라이브러리이다. (반대로 말하면 일단 빨리 페이지를 로드해서 사용자에게 보여주는 것이 중요하다.) 하지만 이 써드파티 라이브러리들이 html 로드를 차단하고 있었다. lazyOnLoad와 afterInteractive는 Next.js의 라우팅과 페이지 로딩 관련 옵션인데, 이 둘을 이용하면 써드파티 스크립트를 비동기 로드 시켜서 써드파티 스크립트가 html 로딩을 차단 시키지 않도록 할 수 있다. 결과적으로 초기 로딩 속도를 빠르게 하여 사용자 경험을 개선할 수 있다. lazyOnLoad와 afterInteractive의 차이 lazyOn.. 2023. 6. 7. 이전 1 다음 반응형