아바다 테마 이미지 레이지 로딩(이미지 지연 로드) 설정

사용자가 이미지가 있는 지점으로 스크롤할 때 이미지가 로드되도록 하는 레이지 로딩 기능을 사용하면 사이트 속도 개선에 도움이 됩니다. 워드프레스는 5.5 버전부터 이미지 레이지 로딩 기능이 추가되었습니다. 인기 워드프레스 테마인 아바다(Avada)에서는 워드프레스 네이티브 레이지 로딩과 아바다 테마의 레이지 로딩 중에서 선택할 수 있도록 옵션을 제공합니다.

아바다 테마 이미지 레이지 로딩(이미지 지연 로드) 설정하기

아바다 테마에서 이미지 레이지 로딩은 알림판 > Avada > Options > Performance 페이지의 Image Lazy Loading 섹션에서 설정할 수 있습니다.

여기에서 사이트 속도 개선을 위해 사이트의 이미지를 지연 로드하는 방법을 선택할 수 있습니다. 중요한 점은 WordPress 네이티브 방식을 선택할 경우 캐러셀(Carousel)과 같이 동적으로 로드되는 요소들에서 문제가 발생할 수 있다고 합니다. 그러므로 기본 옵션인 Avada 옵션을 선택해야 캐러셀 등에서 문제가 발생하지 않을 것입니다.

참고: 워드프레스와 테마, 플러그인은 가급적 최신 버전으로 업데이트해야

이 글의 주제와는 상관이 없지만, 아주 오래된 구형 아바다 테마(3.9.x 버전)를 사용하는 사이트에 아바다 테마 옵션이 저장되지 않는 문제가 지식인에 올라온 것을 보았습니다. 

워드프레스, 테마, 플러그인은 가급적 최신 버전으로 업데이트해야 안전합니다. 업데이트를 소홀히 하면 해킹을 당하거나 멀웨어에 감염될 수 있습니다. 또한, 너무 오랫동안 업데이트를 하지 않으면 최신 워드프레스에서 오류가 발생하고 다른 플러그인과도 충돌이 발생합니다.

현재 아바다 테마의 최신 버전은 7.4.2입니다. 가급적 워드프레스와 테마, 프러그인을 최신 버전으로 업데이트하시기 바랍니다.

중요한 사이트인 경우 반드시 백업을 한 후에 업데이트를 진행하는 것이 안전합니다. 경우에 따라 PHP 버전도 업그레이드해야 할 수도 있습니다.

뉴스페이퍼 테마에서 이미지 레이지 로딩 옵션 설정하기

인기 매거진 테마인 Newspaper 테마에서도 이미지 레이지 로딩 기능을 제공합니다. 알림판 > Newspaper > Theme panel > Template Settings > Image loading - animations (LazyLoad) 섹션에서 레이지 로드 기능을 활성화할 수 있습니다.

워드프레스 5.9에서 워드프레스 코어의 이미지 레이지 로딩 기능이 개선될 예정

워드프레스 5.8.1이 지난주에 공개되었습니다. 차기 메이저 업데이트인 워드프레스 5.9는 오는 12월에 릴리스될 예정입니다. 워드프레스 5.9에서는 전체 사이트 편집(Full Site Editing) 기능이 향상되고, 워드프레스 코어의 이미지 레이지 로딩(Image Lazy Loading) 기능도 개선된다고 합니다.

워드프레스 5.8.1 보안 및 메인터넌스 업데이트(+5.9 버전 기능) - 워드프레스 정보꾸러미

마치며

이제 워드프레스에서 자체적으로 레이지 로딩 기능을 제공하고 있고 버전이 업되면서 기능이 개선되고 있으므로 이미지 레이지 로딩 플러그인을 사용할 필요성이 줄어들었습니다. 테마에서 레이지 로딩 옵션을 제공하는 경우 테마에서 제공하는 기능을 사용할 수 있습니다. 테마에서 레이지 로드 기능을 제공하지 않을 경우 Lazy Loading 플러그인을 사용할 수 있습니다. 

저는 워드프레스가 5.5 버전으로 업데이트되면서 레이지 로딩 플러그인을 비활성화했습니다. 비활성화해도 사이트 속도에 큰 영향은 없는 것 같습니다. 레이지 로딩 플러그인을 설치하는 경우 설치 전과 설치 후의 페이지 로딩 속도를 비교해보고, 또한 플러그인 활성화 후에 이상한 증상이 발생하지 않는지도 체크해보시기 바랍니다. 간혹 캐시 플러그인과 충돌을 일으켜서 이미지가 제대로 로딩이 안 될 수도 있습니다.

참고

https://avada.tistory.com/2374

워드프레스 사이드바 고정하기(+아바다, 뉴스페이퍼, GeneratePress 테마)

https://avada.tistory.com/2356

워드프레스 Divi 테마 속도 개선 & 무료 Immigration Lawyer 레이아웃 팩 공개