이미지 로딩 - WordPress에서의 점진적 Lazy Loading

미디어는 삭막한 WordPress 블로그를 활기차고 분주한 웹사이트로 바꿔주지만, 파일과 SEO가 잘 어울리지 않는다는 것은 엄연한 사실입니다. 반박할 여지가 거의 없습니다. 로딩 시간이 느려지면 SEO 점수가 낮아지기 때문입니다. 하지만 모든 희망이 사라진 것은 아닙니다. 몇 달 전 우리는 WP Speed of Light 가 lazy loading 문제를 완화하는 방법에 대해 이야기했습니다. 이제 한 걸음 더 나아가 보겠습니다.

참고로, lazy loading 는 사용자가 페이지에 도착하자마자 WordPress 게시물이나 페이지의 모든 이미지를 로드하지 않습니다. 대신, WP Speed of Light 는 이미지가 화면에 들어올 때까지 기다렸다가 다운로드합니다. 이렇게 하면 페이지가 처음에 훨씬 빠르게 로드되어 SEO에 도움이 되고, 인터넷 속도가 느린 독자에게 더 쾌적한 경험을 제공합니다.

WordPress 플러그인 버전 2.5에서는 lazy loading 기능이 개선되어 사용자의 기기와 그 한계에 조금 더 반응적으로 작동합니다. WP Speed of Light의 최신 lazy loading 반복은 특히 저사양 모바일 기기나 느린 인터넷 속도를 사용하는 사용자에게 더 반응적입니다.

이미지가 전혀 보이지 않다가 갑자기 로드되는 대신, WordPress 사용자는 처음에 미디어 파일의 저해상도 흐릿한 버전을 보게 됩니다. 다운로드가 완료되면 이미지가 선명하게 나타납니다. 이렇게 하면 독자는 이미지가 있다는 것을 알 수 있으며, 로드될 때까지 기다리거나 계속 읽다가 나중에 다시 돌아올 수 있습니다.

이미지 이해하기

최신 업데이트의 가장 좋은 점은 무엇일까요? WP Speed of Light? WordPress 플러그인의 프로 애드온이 있다면 손가락 하나 까딱할 필요도 없습니다. lazy loading을(를) 설정하려면 WP Speed of Light의 속도 최적화 메뉴로 이동하세요. 그런 다음 이미지 lazy loading 을(를) 속도 향상 탭에서 활성화하세요.

더 세밀한 제어를 원하시면 이전 게시물을 확인해 보세요. 하지만 lazy loading의 최신 기능을 테스트하는 데는 그것으로 충분합니다. 사실상 거의 다 된 셈입니다. 이미지 lazy loading 을 활성화하면, 미디어 파일은 필요할 때만 로드되며 새로운 블러링 기능까지 더해집니다.

위에서 볼 수 있듯이, 느린 네트워크에서는 이미지가 처음에 저해상도 자리 표시자 이미지로 표시되며, 더 보기 좋게 흐리게 처리됩니다. WordPress는 독자를 방해하지 않고 백그라운드에서 전체 해상도 이미지를 로드합니다. 이미지의 lazy loading이 완료되면 자리 표시자 이미지가 전체 이미지로 바뀝니다.

WordPress에서의 점진적 Lazy Loading 및 SEO

The million dollar question, though, is how this new image lazy loading affects SEO. After all, wouldn’t the blurred image placeholder add more loading time? In reality, yes. In practice, not at all. WP Speed of Light’s placeholder is a tiny, 20 pixels image that takes negligible time to load, adding no overhead to your SEO loading times. At the same time, the blurring hides the pixelated artifacts of the low-quality image.

그리고 lazy loading 의 이전 버전에서와 마찬가지로 모든 이미지 SEO HTML 요소는 첫 로드 시(지연 로드되지 않음) 로드됩니다. 따라서 Google 봇 및 기타 봇이 이미지 파일 이름, 제목, alt 태그를 읽을 수 있습니다.

SEO는 중요하지만 사용자 경험보다 우선되어서는 안 됩니다. WP Speed of Light의 최신 업데이트는 이 원칙을 충실히 따르면서도 SEO에 도움이 되는 기능과 독자가 계속 찾아오게 만드는 미적 요소를 결합했습니다. SEO에 추가 비용 없이 말이죠. 여기에서 점진적 lazy loading 의 렌더링을 확인하세요:

WordPress 웹사이트에 점진적 lazy loading 을(를) 적용하려면 다음 링크를 따라가세요: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light 은 인터넷상의 모든 호스팅 서비스에서 효과적입니다. 예를 들어, Cloudways는 인기 있는 서비스의 완벽한 예입니다.