WordPress에서 이미지를 쉽게 지연 로드하는 방법(2가지 방법)

최근 게시물 게시판 wordpress WordPress에서 이미지를 쉽게 지연 로드하는 방법(2가지 방법)

  • WordPress에서 이미지를 지연 로드하는 방법을 배우고 싶습니까?

    지연 로드를 사용하면 사용자가 특정 이미지로 스크롤할 때만 웹사이트에서 이미지를 로드할 수 있으므로 웹사이트 로드 시간이 단축되고 웹사이트 성능이 향상됩니다.

    이미지를 많이 사용하는 가장 인기 있는 사이트는 지연 로딩을 사용하여 웹 사이트 속도 및 성능 향상.

    이 기사에서는 WordPress에서 이미지를 쉽게 지연 로드하는 방법을 단계별로 보여줍니다.

    WordPress에서 이미지를 지연 로드하는 이유는 무엇입니까?

    워드프레스 이미지를 느리게 로드하면 웹사이트 속도를 높이고 더 나은 사용자 경험을 제공할 수 있습니다.

    느린 웹사이트를 좋아하는 사람은 없습니다. 실제로 성능 연구에 따르면 페이지 로드 시간이 1초 지연되면 전환이 7%, 페이지 조회가 11%, 고객 만족도가 16% 감소하는 것으로 나타났습니다.

    스트레인지 루프 스터디

    Google과 같은 검색 엔진도 느린 로딩 웹사이트를 좋아하지 않습니다. 이것이 더 빠른 사이트가 검색 결과에서 더 높은 순위를 차지하는 이유입니다.

    이미지는 다른 웹 요소에 비해 웹사이트에 로드하는 데 가장 많은 시간이 걸립니다. 기사에 많은 이미지를 추가하면 각 이미지가 페이지 로드 시간을 증가시킵니다.

    이 상황을 처리하는 한 가지 방법은 다음을 사용하는 것입니다. CDN 서비스, 처럼 버니씨디엔. CDN을 사용하면 사용자가 가장 가까운 웹 서버에서 이미지를 다운로드하고 웹 사이트 로딩 속도를 줄일 수 있습니다.

    그러나 이미지는 계속 로드되며 전체 페이지 로드 시간에 영향을 미칩니다. 이 문제를 극복하기 위해 웹 사이트에서 지연 로드를 구현하여 이미지 로드를 지연할 수 있습니다.

    이미지에 대한 지연 로딩은 어떻게 작동합니까?

    모든 이미지를 한 번에 로드하는 대신 지연 로드는 사용자 화면에 표시되는 이미지만 다운로드합니다. 다른 모든 이미지를 자리 표시자 이미지나 공백으로 바꿉니다.

    사용자가 아래로 스크롤하면 웹사이트는 브라우저의 보기 영역에 표시되는 이미지를 로드합니다.

    지연 로딩은 사용자에게 매우 유용할 수 있습니다. 워드프레스 블로그.

    • 초기 웹 페이지 로딩 시간을 줄여 사용자가 사이트를 더 빨리 볼 수 있습니다.
    • 보이는 이미지만 전달하여 대역폭을 절약하고 호스팅 비용을 절감할 수 있습니다.

    의 출시 워드프레스 5.5 지연 로딩을 기본 기능으로 추가했습니다.

    그러나 이미지를 지연 로드하고 배경 이미지를 지연 로드하는 방법을 사용자 지정하려면 WordPress 플러그인을 사용해야 합니다.

    메모: 지연 로딩이 웹사이트 로딩 속도를 개선하는 데 도움이 되지만 최대 성능을 위해 WordPress에 업로드하기 전에 항상 웹용 이미지를 최적화해야 합니다.

    자세한 내용은 다음 가이드를 참조하세요. 품질 저하 없이 웹 성능을 위해 이미지를 최적화하는 방법.

    우리는 두 가지 다른 것을 공유 할 것입니다 워드프레스 플러그인 WordPress 이미지에 대한 지연 로딩을 쉽게 설정할 수 있습니다. 아래의 빠른 링크를 사용하여 사용하려는 방법으로 바로 이동할 수 있습니다.

    방법 1. WP Rocket을 사용하여 WordPress에서 이미지 지연 로드

    우리는 사용하는 것이 좋습니다 WP 로켓 WordPress에서 이미지를 지연 로드하는 플러그인. 그건 최고의 WordPress 캐싱 플러그인 이미지 지연 로딩을 쉽게 켤 수 있습니다.

    그 외에도 복잡한 기술 용어를 몰라도 웹 사이트 속도를 최적화하는 데 도움이되는 매우 강력한 플러그인입니다.

    상자에서 꺼내자마자 모든 기본 권장 캐싱 설정은 워드프레스 웹사이트.

    이미지 지연 로딩을 활성화하려면 몇 개의 상자를 선택하기만 하면 됩니다. 비디오에 대해 지연 로딩을 활성화하여 웹사이트 속도를 더욱 향상시킬 수도 있습니다.

    WP 로켓 지연 로드 이미지

    자세한 내용은 다음 가이드를 참조하세요. WordPress에서 WP Rocket을 올바르게 설치하고 설정하는 방법.

    메모: 당신이 사용하는 경우 사이트그라운드 당신의 워드프레스 호스팅 공급자, 그러면 무료로 사용할 수 있습니다. 사이트그라운드 옵티마이저 유사한 지연 로딩 기능이 있는 플러그인.

    방법 2. Optimole을 사용하여 WordPress에서 지연 로드 이미지

    이 방법은 무료 옵티몰 플러그인. 중 하나입니다 최고의 WordPress 이미지 압축 플러그인 이미지 지연 로딩을 쉽게 활성화할 수 있습니다.

    월 방문자가 5,000명 이상인 경우 프리미엄 버전.

    먼저 플러그인을 설치하고 활성화해야 합니다. 자세한 내용은 단계별 가이드를 참조하세요. WordPress 플러그인을 설치하는 방법.

    활성화 시 다음으로 이동합니다. 미디어 » 옵티몰 그런 다음 API 키에 가입해야 합니다.

    API 키 등록

    ‘등록 및 이메일 API 키’를 클릭하기만 하면 이메일로 전송됩니다.

    그런 다음 API 키를 입력하고 ‘옵티몰 서비스에 연결’을 클릭합니다.

    API 키 입력

    그런 다음 ‘설정’ 탭을 클릭합니다.

    여기에서 ‘이미지 크기 조정 및 지연 로드’ 설정이 활성화되어 있는지 확인할 수 있습니다. 이렇게 하면 방문자의 화면 크기에 따라 이미지가 생성되고 로딩 속도가 향상됩니다.

    지연 로드 설정

    그런 다음 ‘고급’ 메뉴 옵션을 클릭하고 ‘Lazyload’를 선택합니다.

    이 화면에는 이미지가 지연 로드되는 방식을 사용자 지정할 수 있는 몇 가지 설정이 있습니다.

    먼저 ‘Lazyload에서 첫 번째 이미지 수 제외’ 설정을 조정할 수 있습니다. 이렇게 하면 상단에서 이미지가 중지됩니다. 게시물 또는 페이지 지연 로딩으로 인해 스크롤 없이 볼 수 있는 부분의 이미지가 항상 나타납니다.

    지연 로드에 이미지 제외

    모든 이미지를 지연 로드하려면 이 값을 0으로 설정할 수 있습니다.

    다음으로 ‘이미지 크기 조정’ 슬라이더를 활성화할 수 있습니다.

    스케일 이미지 활성화

    이렇게 하면 방문자의 화면 크기에 맞게 이미지가 조정되고 페이지 로드 속도가 빨라집니다.

    그런 다음 ‘배경 이미지에 대해 지연 로드 활성화’ 설정을 켤 수 있습니다.

    지연 로드 배경 이미지

    이것은 당신의 게으른로드 배경 이미지, 웹사이트에서 가장 큰 이미지 중 일부일 수 있습니다.

    활성화할 수 있는 또 다른 설정은 지연 로딩입니다. 삽입된 동영상 그리고 아이프레임. 포함된 비디오 콘텐츠가 많은 경우 이 설정을 켜는 것이 좋습니다.

    지연 로드 비디오

    그러면 비디오 대신 자리 표시자 이미지가 로드됩니다. 클릭하면 전체 비디오가 로드됩니다.

    이러한 설정을 계속 사용자 정의하고 웹사이트와 이미지에 가장 적합한 것이 무엇인지 확인할 수 있습니다.

    플러그인 설정을 종료하기 전에 ‘변경 사항 저장’ 버튼을 클릭해야 합니다.

    이 기사가 WordPress에서 이미지를 지연 로드하는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 이미지 SEO에 대한 초보자 가이드 검색 엔진 및 전문가가 선택한 이미지를 최적화하기 위해 최고의 이메일 마케팅 서비스 소기업용.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서용. 당신은 또한 우리를 찾을 수 있습니다 트위터 그리고 페이스북.

    포스트 WordPress에서 이미지를 쉽게 지연 로드하는 방법(2가지 방법) 에 처음 등장 WPB초보자.

    Source link

    신고하기
'WordPress에서 이미지를 쉽게 지연 로드하는 방법(2가지 방법)'에 답변달기
글쓴이 정보:




+ 18 = 23