제작 과정 영상이나 고객 후기 영상 하나가 긴 설명보다 낫습니다. 문제는 유튜브 임베드가 홈페이지 속도를 크게 떨어뜨린다는 점입니다. 넣는 방식만 바꾸면 속도 손해 없이 영상을 쓸 수 있습니다.

그냥 붙여넣으면 왜 느려질까

유튜브 공유 버튼의 iframe 코드를 그대로 넣으면, 방문자가 재생 버튼을 누르지 않아도 페이지가 열리는 순간 유튜브 플레이어 스크립트를 통째로 불러옵니다. 영상 하나에 500KB~1MB, 서너 개면 그것만으로 로딩이 몇 초 늘어납니다.

정석은 썸네일 클릭 재생 방식

페이지에는 가벼운 썸네일 이미지만 먼저 보여주고, 클릭하는 순간 진짜 플레이어를 불러오는 방식입니다. 플러그인 → 새로 추가에서 WP YouTube Lyte 같은 플러그인을 설치하면 기존 임베드가 자동 변환됩니다. WP Rocket을 쓰신다면 미디어 설정의 “유튜브 iframe을 미리보기 이미지로 대체” 옵션 하나만 켜면 끝입니다.

기본 임베드를 유지한다면 지연 로딩이라도

플러그인을 늘리기 싫다면 블록 에디터에서 임베드 블록 대신 사용자 정의 HTML 블록을 쓰고, iframe 태그에 loading=”lazy” 속성을 추가하세요. 화면에 영상 영역이 보일 때까지 로드를 미뤄 줍니다. 특히 페이지 하단에 있는 영상에 효과가 큽니다.

메인 첫 화면에 유튜브 자동재생 배경을 까는 것은 속도 면에서 최악의 선택입니다. 배경 영상이 필요하면 짧은 mp4를 직접 올리는 편이 낫습니다.

개인정보 강화 모드도 함께

임베드 주소의 youtube.com을 youtube-nocookie.com으로 바꾸면 재생 전까지 방문자 브라우저에 쿠키를 남기지 않습니다. 주소만 바꾸면 되니 적용하지 않을 이유가 없습니다. 영상 외의 다른 병목까지 잡고 싶다면 워드프레스 속도 최적화 정리 글을 이어서 보세요.

※ 영상이 많다면 페이지마다 흩어 넣기보다 재생목록 하나로 묶어 임베드 개수 자체를 줄이는 것이 효과적입니다.

영상은 많은데 사이트가 무겁다는 진단을 받으셨다면 IDC.KR에 점검을 맡겨 보세요. 문의 남기기로 현재 사이트 주소만 보내주시면 개선 포인트를 짚어 드립니다.