WordPress 사이트를 더 빠르게 만드는 최고의 지연 로드 플러그인
게시 됨: 2019-04-01이미지가 많은 사이트는 로드하는 데 시간이 오래 걸릴 수 있습니다. 모든 이미지에 대해 이는 또 다른 HTTP 요청이며 페이지가 느리게 로드되는 동안 사용자가 좌절감을 느끼며 기다려야 하는 더 많은 시간입니다.
그래서 해결책은 무엇입니까? 지연 로딩.
계속 읽거나 다음 링크를 사용하여 건너뛰십시오.
- WordPress 5.5와 함께 네이티브 지연 로딩이 도착했습니다.
- 플러그인이 더 이상 필요합니까?
- 인터페이스에 대한 액세스
- 브라우저 호환성
- 추가 최적화
- 기본 지연 로딩에 이점이 있습니까?
- 최고의 지연 로드 플러그인
- 지연 로딩에 대한 추가 정보
지연 로딩은 이미지가 많은 사이트의 속도를 크게 높일 수 있으며 사이트에서 활성화하는 데 전혀 시간이 걸리지 않습니다.
간단히 말해서 이미지가 "볼 수 있는 부분 위에" 있을 때만 강제로 로드됩니다. 즉, 사용자의 브라우저에 표시되는 이미지만 로드됩니다.
따라서 10개의 신선하고 무료 전체 화면 WordPress 테마가 있는 페이지가 있는 경우 게시물의 처음 몇 개 이미지만 로드되고 사용자가 페이지를 아래로 스크롤할 때 나머지 이미지가 로드됩니다.
WordPress 5.5와 함께 네이티브 지연 로딩이 도착했습니다.
지연 로딩은 여전히 WordPress의 비교적 새로운 기능입니다.
"lazy" 속성을 추가하고 이미지에서 값을 "loading"으로 설정하여 작동합니다. 그러면 출력 시 브라우저에서 처리됩니다.
당신이 충성하는 지연 로드 플러그인이 있거나 지연 로드를 활성화하고 싶지 않은 단계를 거치는 경우 비활성화할 수 있다는 소식을 듣게 되어 기쁩니다.
일부 플러그인은 이 작업을 자동으로 수행하지만 수동으로 수행해야 하는 경우 functions.php 파일로 이동하여 다음을 추가하기만 하면 됩니다.
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
이렇게 하면 WordPress의 지연 로딩 기능이 비활성화됩니다. 즉, 충돌 위험 없이 원하는 플러그인을 사용할 수 있습니다.
한 줄의 코드일 뿐이지만 추가하는 것이 불편하다면 이 간단한 플러그인을 다운로드하면 됩니다.
플러그인이 더 이상 필요합니까?
WordPress가 기본 지연 로딩을 제공하므로 플러그인을 사용할지 여부가 궁금할 수 있습니다.
실제로 플러그인을 고수하고 싶은 몇 가지 이유가 있기 때문에 계속 읽으십시오.
인터페이스에 대한 액세스
Smush와 같은 좋은 지연 로딩 플러그인은 특정 설정을 조정할 수 있는 옵션과 버튼 터치로 지연 로딩을 켜고 끄는 기능이 있는 인터페이스를 제공합니다.
이러한 옵션은 지연 로드될 이미지 유형에서 지연 로드가 적용되는 페이지까지 다양합니다. 플러그인 없이 이와 같은 설정을 변경하려면 코드를 자세히 살펴보고 이러한 예외를 수동으로 추가해야 합니다.
브라우저 호환성
또 다른 큰 장점은 대부분의 플러그인이 모든 브라우저에서 작동한다는 것입니다. Safari는 loading 속성을 지원하지 않는 주요 브라우저 중 하나이므로 이미지가 많은 웹사이트를 운영하는 경우 지원되지 않는 브라우저의 사용자가 튕기는 것을 볼 수 있습니다. 이것은 플러그인을 사용할 때 걱정할 필요가 없는 것입니다.
추가 최적화
대부분의 플러그인은 지연 로딩 이상의 기능을 제공합니다. 웹사이트에 이미지 최적화 플러그인을 도입하는 것은 아마도 최고의 결정 중 하나일 것입니다.
Smush와 같은 플러그인을 사용하면 Google의 이미지 관련 PageSpeed 권장 사항을 준수하고 사이트 속도를 높일 수 있습니다. 지연 로딩은 시작에 불과합니다!
기본 지연 로딩에 이점이 있습니까?
표면적으로는 플러그인이 네이티브 지연 로딩이 할 수 있는 모든 작업 등을 수행하는 것처럼 보일 수 있습니다.
이것은 기술적으로 정확하지만 주요 차이점은 대부분의 플러그인에는 사이트가 종속되는 JavaScript 라이브러리 도입이 포함된다는 것입니다.
네이티브 지연 로딩은 더 간단하고 간단하며 추가 코드가 많이 필요하지 않습니다.
우리의 이미지 최적화 플러그인인 Smush는 실제로 자체 버전의 기본 지연 로딩을 제공합니다.
WordPress'와 동일한 기반으로 작동하지만 Smush와 동일한 이미지 형식을 모두 지원합니다.
네이티브 지연 로딩은 아마도 미래에 다른 개발을 위한 기반으로 사용될 수 있지만 적어도 현재로서는 플러그인이 대부분의 사이트에 적합합니다.
지연 로딩 요구 사항을 해결하기 위해 플러그인 아이디어를 선호하는 경우 무료 지연 로딩 플러그인 모음을 모았습니다.
Smush 이미지 최적화
Smush는 가장 인기 있는 올인원 이미지 최적화 플러그인입니다. 이미지를 더 빠르게 로드하는 데 필요한 모든 것이 포함되어 있습니다.
레이지 로딩은 Smush 무료 버전과 Smush Pro CDN과 함께 제공되는 터보 차지 Smush Pro 모두에서 사용할 수 있으며 기본 레이지 로딩과 달리 모든 브라우저와 호환됩니다.
Smush로 지연 로딩을 활성화하기 위해 프로세스를 매우 간단하게 만들었습니다. Smush의 Lazy Loading 섹션으로 이동하여 활성화 버튼을 누르기만 하면 됩니다. 그게 다야
지연 로딩이 활성화되면 설정을 추가로 조정할 수 있지만 반드시 필요한 것은 아닙니다. Smush 및 Smush Pro의 기본 설정은 주요 성능 향상을 확인하는 데 필요한 모든 것입니다.
a3 지연 로드
A3 Lazy load는 사이트의 이미지, iframe, 비디오 및 기타 요소를 지연 로드하는 데 널리 사용되는 플러그인입니다.
많은 설정이 있으므로 사이트의 자산을 로드하는 방법을 사용자 지정할 수 있습니다.
또한 WooCommerce, Advanced Custom Fields 및 다양한 CDN과 같은 인기 있는 플러그인과 100% 호환되는 것으로 테스트되었습니다.
미친 게으른
다음은 바로 작동하는 또 다른 울트라 린 지연 로딩 플러그인입니다. 복잡한 구성이 필요하지 않습니다.
jQuery의 테마 또는 사용법에 따라 Crazy Lazy는 선택적으로 jQuery 플러그인 Unveil.js의 수정된 버전 또는 기본 JavaScript 라이브러리 lazyload.js를 활용합니다.
비디오에 대한 지연 로드
모든 지연 로딩 플러그인이 비디오에서 작동하는 것은 아닙니다. 비디오가 이미지보다 웹 페이지 파일 크기에 더 많은 부피를 추가할 수 있기 때문에 부끄러운 일입니다.
동영상용 지연 로드를 사용하면 Vimeo 또는 YouTube에서 호스팅되는 동영상을 지연 로드할 수 있습니다. 자리 표시자 이미지를 로드하고 방문자가 클릭한 경우에만 전체 비디오 및 비디오 플레이어를 로드합니다.
이것은 사이트에 많은 비디오가 있고 비디오에 대한 지연 로딩을 포함하지 않는 가벼운 플러그인을 선택하는 경우에 필수적입니다.
지연 로딩에 대한 추가 정보
플러그인을 사용하는 것이 사이트에 지연 로딩을 추가하는 가장 쉬운 방법이지만 유일한 방법은 아닙니다. 더 간결한 솔루션을 원하는 경우 사이트에서 JavaScript를 사용할 수도 있습니다.
더 자세히 알아보려면 지연 로딩이 작동하는 방식과 사이트에서 기술을 다시 만드는 방법에 대한 전체 분석을 보려면 지연 로딩을 사용하여 WordPress에서 오프스크린 이미지를 지연하는 방법을 확인하세요.
워드프레스의 지연 로딩 기능에 대해 더 알고 싶다면 공지를 확인하세요.
지연 로딩을 시작하는 가장 쉬운 방법은 Smush free 또는 Smush Pro를 사용하는 것입니다.
Smush Pro는 다른 Google PageSpeed Insights 기회에 도움이 될 수 있는 다른 기능을 추가합니다. 이미지를 WebP 파일로 변환하여 차세대 형식 으로 이미지를 제공하고 Smush Pro CDN으로 이미지 크기를 조정하여 이미지 크기를 적절하게 조정할 수 있습니다. Smush Pro는 인기 있는 WP Retina 2x 플러그인과도 호환되므로 WordPress 속도를 늦추지 않고 거대한 Retina 이미지를 지연 로드할 수 있습니다.
Smush Pro를 무료로 사용해 보고 사이트에 얼마나 큰 변화를 줄 수 있는지 확인하십시오.
태그: