모바일 웹 페이지 속도 및 Lazy Loading

이미지가 평균 웹페이지 크기의 60%를 차지한다는 사실을 알고 계셨나요? 모바일 사용자만큼 이 부담을 잘 아는 사람은 없을 것입니다. WP Speed of Light lazy loading 도입하여 콘텐츠를 세심하게 조정할 필요성을 없애줍니다 .

모바일에서 Lazy Loading 통한 이미지 제공

WordPress 이미지 파일 크기를 최소화하는 ImageRecycle 기능을 도입한 데 이어, lazy loading 사용자 경험을 최적화하는 데 한 걸음 더 나아갑니다. Lazy loading 사용자에게 필요한 이미지를 필요한 순간에만 제공하여 모바일 기기의 성능을 크게 향상시킵니다. 어떻게 작동할까요?

Lazy loading 콘텐츠에 생동감을 불어넣고 사용자에게 표시되는 내용에 맞춰 지능적으로 조정합니다. 예를 들어, 누군가 모바일 기기에서 WordPress 블로그를 방문하는 경우 화면 크기 때문에 가시성이 크게 제한됩니다. 사용자가 일부 이미지만 볼 수 있는데 모든 이미지를 로드하는 것은 의미가 없으며, 특히 모든 콘텐츠를 보기 전에 웹사이트를 종료하는 경우에는 더욱 그렇습니다.

Lazy loading 사용자가 이미지를 볼 때만 이미지를 로드합니다. 게시물이나 페이지에 있을 때 이미지가 하나만 보이는 경우, 해당 이미지만 로드됩니다. 스크롤하는 동안 이미지가 점진적으로 로드되므로 사용자 경험에는 아무런 영향을 미치지 않으면서 로딩 시간은 증가하고 모바일 데이터 사용량은 줄어듭니다. 로딩 시간 단축은 사용자 경험에만 도움이 되는 것이 아닙니다.

lazy loading사용하면 검색 엔진 최적화(SEO) 측면에서도 안도의 한숨을 쉴 수 있습니다. 최신 검색 엔진은 검색 결과 순위를 매길 때 웹페이지가 로딩되는 데 걸리는 시간을 고려합니다. 따라서 lazy loading 웹사이트의 빠른 로딩 시간 덕분에 순위 상승에 기여합니다. 그렇다면 워드프레스에서 lazy loading 어떻게 활성화할 수 있을까요?

Gutenberg에 Lazy Loading 도입

Lazy loading WP Speed of Light 의 일부이며 , 플러그인 설정의 속도 향상 탭에서 사용할 수 있습니다. lazy loading 이미지 lazy loading 켜세요 lazy loading 와일드카드를 사용하여 URL이나 패턴을 지정할 수도 있습니다 '저장'을 클릭하면 WP WP Speed of Light 나머지 작업을 처리합니다.

Lazy loading Gutenberg에서도 바로 작동합니다. 어떤 편집기를 사용하든 멋진 게시물과 페이지를 만드는 데 집중하면 됩니다. WP Speed of Light 필요할 때 사용자에게 이미지를 자동으로 전달합니다.

lazy loading 에는 승자만 있습니다 . 모든 독자는 콘텐츠를 더 빨리 받고, 모바일 사용자는 데이터 사용량을 절약하며, WordPress 블로그는 검색 엔진 순위를 높여줍니다. WP Speed of Light Pro 애드온을 사용하면 스위치 하나만으로 lazy loading 이점을 누릴 수 있습니다