제작 과정 영상이나 고객 후기 영상 하나가 긴 설명보다 낫습니다. 문제는 유튜브 임베드가 홈페이지 속도를 크게 떨어뜨린다는 점입니다. 넣는 방식만 바꾸면 속도 손해 없이 영상을 쓸 수 있습니다.
1그냥 붙여넣으면 왜 느려질까
유튜브 공유 버튼의 iframe 코드를 그대로 넣으면, 방문자가 재생 버튼을 누르지 않아도 페이지가 열리는 순간 유튜브 플레이어 스크립트를 통째로 불러옵니다. 영상 하나에 500KB~1MB, 서너 개면 그것만으로 로딩이 몇 초 늘어납니다.
2정석은 썸네일 클릭 재생 방식
페이지에는 가벼운 썸네일 이미지만 먼저 보여주고, 클릭하는 순간 진짜 플레이어를 불러오는 방식입니다. 플러그인 → 새로 추가에서 WP YouTube Lyte 같은 플러그인을 설치하면 기존 임베드가 자동 변환됩니다. WP Rocket을 쓰신다면 미디어 설정의 "유튜브 iframe을 미리보기 이미지로 대체" 옵션 하나만 켜면 끝입니다.
3기본 임베드를 유지한다면 지연 로딩이라도
플러그인을 늘리기 싫다면 블록 에디터에서 임베드 블록 대신 사용자 정의 HTML 블록을 쓰고, iframe 태그에 loading="lazy" 속성을 추가하세요. 화면에 영상 영역이 보일 때까지 로드를 미뤄 줍니다. 특히 페이지 하단에 있는 영상에 효과가 큽니다.
4개인정보 강화 모드도 함께
임베드 주소의 youtube.com을 youtube-nocookie.com으로 바꾸면 재생 전까지 방문자 브라우저에 쿠키를 남기지 않습니다. 주소만 바꾸면 되니 적용하지 않을 이유가 없습니다. 영상 외의 다른 병목까지 잡고 싶다면 워드프레스 속도 최적화 정리 글을 이어서 보세요.
※ 영상이 많다면 페이지마다 흩어 넣기보다 재생목록 하나로 묶어 임베드 개수 자체를 줄이는 것이 효과적입니다.
영상은 많은데 사이트가 무겁다는 진단을 받으셨다면 IDC.KR에 점검을 맡겨 보세요. 문의 남기기로 현재 사이트 주소만 보내주시면 개선 포인트를 짚어 드립니다.
함께 읽으면 좋은 칼럼
HOMEPAGE PLAN
홈페이지 제작 플랜
정찰제입니다. 아래 금액 외에 추가로 청구되는 비용은 없습니다.
호스팅 베이직
198,000원
호스팅 비즈니스
294,000원
호스팅 프로페셔널
426,000원
구매형 (저작권 소유)
550,000원
어드벤처드
750,000원
울티마
950,000원
REFERENCE
대기업 레퍼런스 샘플
실제 대기업 홈페이지를 실측해 같은 정보구조로 제작한 샘플입니다.
