lazysizes를 통해 Rails 이미지 읽기 지연

지연 읽기 기술은 웹 사이트에 표시된 이미지를 한 번에 읽지 않고 필요에 따라 필요한 이미지만 읽는 것을 말한다.불필요한 이미지 읽기를 지연시키고 이미지 이외의 CSS 또는 JS 파일을 먼저 읽습니다.이렇게 하면 디스플레이 속도를 가속화할 수 있다. lazysizes를 사용하여 그림을 읽는 지연을 통해 사이트의 디스플레이 속도를 높인다 이번에 사용한 것은 레이지 사이즈입니다. app/view...

lazysizesRails

Vue 및 Nuxt 애플리케이션에서 WebP 및 지연 로드 이미지 축소, 생성

표준 이미지 최적화 흐름이 나에게 그렇게 힘들지 않았다면 이 게시물을 작성하지 않았을 것입니다. 나는 모듈과 플러그인의 개념에 갇혔고 그것이 실제로 무엇인지 알아낼 수 없었습니다. 다음 단계는 이미지 최적화와 현재 PNG 및 JPEG를 WebP로 변환하는 것이었습니다. 여기 있습니다! npm i lazysizes — 설명할 필요가 없습니다. 그런 다음 vue-lazysizes.client.j...

vuenuxtwebplazysizes