WordPres를위한 최고의 게으른로드 플러그인

이미지, 인포 그래픽 및 멋진 효과는 웹 사이트에서 모든 종류의 콘텐츠를 홍보하는 데 도움이됩니다. 이들은 확실한주의를 끌기 위해 하나의 프레임에 내용의 본질을 전달할 수 있습니다. 독자의 시선을 끌고 인터넷에서 사용자의 참여를 높이기 위해 이미지에 의존하는 것은 놀라운 일이 아닙니다..


반대로 이미지는 종종 웹 페이지에로드하는 데 시간이 걸립니다. 연결 속도가 느리면로드하는 데 영원히 걸리는 것처럼 보일 수 있습니다. 페이지에서 멀어 질 가능성이 큰 사용자에게는 큰 도움이 될 수 있습니다..

기권: WPExplorer는 아래에 나열된 하나 이상의 제품에 대한 계열사입니다. 링크를 클릭하고 구매를 완료하면 커미션을 할 수 있습니다.

이미지가 많은 페이지를 더 빠르게로드하는 방법?

이미지를로드하는 데 시간이 걸리는 이유는 무엇입니까? 웹 페이지는 텍스트, 이미지, 미디어, 스크립트 등 많은 요소로 구성되어 있습니다. 각 요소를로드하려면 브라우저가 웹 사이트 (HTTP 요청이라고 함)에 요청합니다. 많은 요소, 특히 이미지는 바이트가 많고로드하는 데 시간이 걸립니다. 일반적으로 모든 요소가 동시에로드를 시도하면 전체 웹 페이지의로드가 지연됩니다.

논리적으로해야 할 일은 빠른 로딩 콘텐츠를 브라우저에 먼저 표시하고 시청자의 관심을 끄는 것입니다. 동시에 데이터가 많은 이미지의 로딩을 지연시킵니다. 이 접근 방식은 사용자가 화면에주의를 기울여야 할 내용이있을 때까지 기다리도록 설득하는 것 같습니다..

지연 로딩이란??

지연 로딩 기술을 사용하여 이미지를 지연시킬 수 있습니다. 먼저 텍스트 또는 선택한 내용 만로드하고 이미지 또는 느린 로딩 요소가 지연되도록합니다. 이미지 로딩이 엇갈 리므로 웹 페이지의 첫 바이트 시간이 향상됩니다. 사용자가 아래로 스크롤하면 이미지가 한 번에 하나씩 가져옵니다. 결과적으로 동시에 서버에 충돌하는 HTTP 요청 수가 줄어 듭니다..

이미지는 플레이스 홀더에 배치되어 나중에로드됩니다. 이미지가보기 영역에 도달하면 서버에서 이미지를 가져옵니다. “접은 곳의 위쪽”영역으로 이동하면 화면에 나타납니다. 무한 스크롤의 경우 사용자가 화면 하단을 칠 때 더 많은 것을로드하는 데 ajax가 사용됩니다..

게으른 로딩이 도움이되는 방법

지연 로딩은 로딩 시간을 줄입니다. 빠른 웹 사이트는 사용자 경험과 검색 엔진에 좋습니다. 또한 필요할 때만 이미지를로드하여 서버 대역폭을 줄입니다. 이는 서버 측과 사용자 측 모두에서 대역폭을 절약합니다. 선택한 페이지 또는 사이트 전체에 지연 로딩을 적용 할 수 있습니다.

지연 로딩의 한 가지 단점은 검색 엔진에서 접은 후 나오는 컨텐츠를 찾지 못할 수 있다는 것입니다.. 검색 엔진이 무한 스크롤 컨텐츠를 인식하지 못할 수 있습니다. 이 단점을 적어도 부분적으로 극복하려면 URL을 검색 엔진에서 처리 할 수 ​​있도록 URL을 구성해야합니다. 이렇게하면 이미지가로드 될 때까지 자리 표시자가 검색 엔진에 더 잘 보이게 할 수 있습니다.

WordPress 웹 사이트에서 작동하기 위해 게으른 로딩을 할 수있는 여러 플러그인이 있습니다. 인기있는 플러그인 중 일부를 보자,

BJ 게으른 짐

게시물 이미지, 게시물 미리보기 이미지, 그라바타 이미지 및 콘텐츠 iframe을 자리 표시 자로 대체하려면 BJ 게으른 짐. iframe도 교체 할 수 있으므로 YouTube 및 Vimeo에서 내장 된 비디오를 느리게로드 할 수 있습니다. 텍스트 위젯에서도 작동합니다. 간단한 필터를 사용하면 테마의 이미지와 iframe이 지연 될 수 있습니다.

bj 게으른로드

웹 사이트에서 플러그인을 작동 시키려면 다운로드, 설치 및 활성화 만하면됩니다. 그런 다음 설정을 방문하여로드하는 동안 지연되어야하는 요소를 파악할 수 있습니다. 원하는 경우 자신의 자리 표시 자 이미지 추가.

이 플러그인은 JavaScript를 사용합니다. 결과적으로 JavaScript가없는 방문자는 지연된로드없이 원래 요소를 볼 수 있습니다..

게으른 짐

WordPress 웹 사이트에 지연 로딩을 추가하기 위해 일반적으로 사용되는 플러그인, 게으른 짐 간단한 설치 및 플러그인 활성화입니다. Automattic의 WordPress.com VIP 팀, TechCrunch 2011 Redesign 팀 및 Jake Goldman (10up LLC)의 코드를 사용하여 개발되었다는 것을 알고 안심하고 사용해 볼 수 있습니다..

게으른 짐

또한 활성화 후 추가 작업을 수행 할 필요가 없습니다. 그러나 약간의 변경을 원한다면 php 파일을 편집하면됩니다. 저자는 플레이스 홀더 이미지 변경, 테마에 이미지 지연로드 또는 출력 버퍼링으로 모든 이미지 지연로드에 대해 참조 할 수있는 유용한 코드 스 니펫을 제공했습니다..

Ajax 추가로드 – 무한 스크롤

Ajax 더로드 아래로 스크롤하여 볼 수있는 긴 웹 페이지에서 지연된 로딩에 적합합니다. 지연 로딩 게시물, 사용자 정의 게시물 유형, 단일 게시물, 페이지 및 주석에 사용.

아약스로드 더

또한 Shortcode Builder를 사용하여 사용자 정의 WordPress 쿼리를 구성 할 수 있습니다. 컨텐츠 편집기를 통해 선택한 페이지 또는 템플리트 파일에 직접 생성 된 단축 코드를 추가하십시오. 프론트 엔드에서 페이지를보고 Ajax로드를 확인하십시오. 아래로 스크롤해도 컨텐츠로드.

또한 Ajax Load More는 WooCommerce 및 Easy Digital Downloads와 잘 작동하므로 긴 제품 페이지에 적합합니다..

비디오 게으른로드

다수의 내장 비디오가있는 웹 사이트를 운영하는 경우이 비디오는 귀하를위한 것입니다. 비디오 게으른로드 포함 된 비디오를 클릭 가능한 이미지로 바꿉니다. 방문자가 페이지를 호출하자마자 웹 페이지가 비디오를로드하지 않습니다. 비디오는 이미지를 클릭 할 때만로드됩니다.

게으른 동영상로드

플러그인은 내장 비디오를 검사하고 모든 외부 파일을 정적 이미지 및 재생 버튼으로 바꿉니다. 방문자가 버튼을 클릭 할 때만 비디오가로드됩니다. 특히 비디오가 많은 경우 페이지 로딩 속도에 실제로 영향을 줄 수 있습니다. 그리고 사용자에게는 매끄러운 경험입니다.

a3 게으른 짐

휴대용 장치에서 웹 사이트가 점점 더 많이 보이므로 모바일 환경에 맞게 최적화해야합니다.. a3 게으른 짐 선택한 페이지 요소의 로딩을 지연시켜 모바일 사이트 속도를 향상 시키도록 설계되었습니다. 관리자 설정에서 요소를 선택할 수 있습니다.

a3-lazy-load

플러그인은 컨텐츠 또는 위젯의 어느 곳에 나 배치 된 iframe의 컨텐츠를 지원합니다. WordPress 내장 미디어, 프로필이있는 Facebook 좋아요 상자, 좋아요 버튼, 추천 버튼, Google+ 프로필, Google지도 및 기타 유사한 미디어 콘텐츠는 모두 지연 로딩을 위해 선택할 수 있습니다.

또한 AMP (Accelerated Mobile Pages)와 충돌이 없습니다. 게으른로드는 / amp 종점. 브라우저가없는 URL을 사용하는 경우에만 / amp 게으른 부하가 작용합니다.

WP YouTube Lyte

귀하의 웹 사이트가 YouTube를 많이 사용하는 경우, WP YouTube Lyte 당신에게 많은 혜택을 줄 수 있습니다. YouTube 임베드와 비슷한“Lite YouTube Embeds”를 삽입합니다. 그러나 비디오는 클릭했을 때만 호출됩니다.

wp-youtube-lyte

이 플러그인을 웹 사이트에서 사용하려면 YouTube에 새로운 신청자로 등록해야합니다. 플러그인은 각 동영상의 YouTube API를 사용하여 YouTube 저장소에서 가져옵니다. 웹 사이트에서 해당 API를 사용하려면 YouTube에서 제공 한 API 키가 활성화되어 있어야합니다. YouTube에서받는 서버 키를 입력해야합니다.

YouTube API 키를 사용하도록 설정 한 후 원하는대로 플레이어의 크기와 위치를 얻도록 설정을 조정하십시오..

로딩 화면이있는 로딩 페이지

로딩 화면이있는 로딩 페이지, 사용자는 페이지가로드되기 전에 대기 시간을 알 수 있습니다. 플러그인은 로딩 진행률을 백분율로 보여주는 화면을 표시합니다.

로딩 화면이있는 로딩 페이지

진행률을 홈페이지 나 모든 페이지에만 표시하도록 선택하십시오. 무료 버전에서는 진행률 표시 줄 만 표시됩니다. 더 많은 옵션을 보려면 다음으로 업그레이드해야합니다. 프리미엄 버전. 또한 프리미엄 버전은 이미지에 지연 로딩을 적용합니다.

더 많은 플러그인,

  • 더로드는 긴 제품 페이지에서 유용한 기능입니다. 이들은 WooCommerce 웹 사이트에서 일반적으로 발견됩니다. WooCommerce 무한 스크롤 및 Ajax 페이지 매김 기본 제품 페이지 매김을 무한 스크롤 또는 Ajax 페이지 매김으로 변환합니다. 사용자에게는 ‘다음 페이지’를 반복해서 클릭 할 필요가 없습니다. 사용자가 페이지 하단에 도달하면 다음 제품 세트가 자동으로 검색되어로드됩니다. 모바일 장치에 다른 페이지 매김 옵션을 사용할 수 있습니다.
  •  WooCommerce를위한 더 많은 제품로드 무한 스크롤 또는 추가로드 버튼이있는 Ajax를 사용하여 다음 페이지에서 더 많은 제품을로드하도록 추가 할 수 있습니다. 애니메이션 효과 및 사용자 정의, 프로 버전 사용할 수 있습니다.
  • 이미지 Lazyload 및 슬라이드 쇼 –이 플러그인을 사용하면 모든 이미지에 라이트 박스 효과 또는 사용자 정의 갤러리 효과를 추가하고로드 지연을 선택할 수 있습니다. 3 가지 효과가 있으며 나만의 효과를 추가 할 수 있습니다..
  • 로켓 게으른 짐 – 매우 가볍습니다 (2kb 미만). 사이트의 헤더에 약간의 Javascript를 삽입하여 썸네일, 게시물의 모든 이미지, 위젯 텍스트 또는 아바타에서 작동합니다. jQuery와 같은 JavaScript 라이브러리를 사용하지 않고 사이트 전체에서 이미지를 지연시킵니다..
  • 미친 게으른 – 가벼우면서도 설치 및 사용이 쉬우 며 동일한 작업을 수행하며 설정이 필요 없습니다. 이미지에 속성을 추가하여 모든 이미지를 제외 할 수 있습니다..
  • 게으른 짐 XT – 이미지, 프레임, YouTube 비디오 및 Vimeo에서 작동하는 빠른 플러그인입니다. 완벽하게 사용자 정의 가능.

많은 슬라이더 로얄 슬라이더 과 WP 전기 회전 목마 게으른로드 원리를 통합하여 이미지를로드합니다.. 이벤트 예약 프로 게으른 로딩 달력을 지원합니다.

결론적으로

지연 로딩은 특히 여러 이미지와 비디오를 자랑하는 웹 사이트에서 사이트 속도를 향상시키는 효과적인 방법입니다. 이미지 최적화 및 캐싱과 같이 사이트 속도를 향상시키는 데 도움이되는 다른 많은 방법이 있습니다. 웹 사이트에 적합한 플러그인을 선택하고 성능을 최적화하여 사용자에게 더 나은 경험을 제공하십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me