워드프레스 임베드 기능: 활용 및 장·단점

워드프레스 임베드 기능은 웹사이트에서 외부 콘텐츠(다른 워드프레스 사이트, 유튜브 영상, 트윗, 인스타그램 게시물 등)를 별도의 코드 입력 없이 손쉽게 게시글에 삽입할 수 있도록 돕는 기능입니다.

임베드 기능은 2015년 12월 8일WordPress 4.4 때 출시 되었으며, oEmbed 기능이 핵심 기능에 통합되었습니다.

1. 워드프레스 임베드 기능 사용 방법

임베드 기능은 워드프레스 콘텐츠 작성 페이지 내 좌측 상단의 블록 삽입기(+ 버튼)을 클릭해서 확인할 수 있습니다. 이미 다른 기능들이 많기에 ‘임베드’를 검색합니다.

워드프레스 임베드

직접 클릭해서 임베드를 활성화 한 후에 URL을 붙여 넣는 방법을 사용할 수 있습니다.

아니면 페이지 내에서 그대로 URL을 입력하면 임베드가 자동으로 실행됩니다. 아래 화면은 워드프레스 유튜브 영상을 URL로 가져 온 것입니다.

다른 워드프레스 사이트를 임베드 하면 아래와 같이 표시됩니다.

워드프레스 임베드- 워드프레스 4.4 ver(워드프레스 사이트 간 임베드 예시)

2. 워드프레스 wp-embed.min.js

워드프레스 웹사이트를 보다 풍성하게 만들어 주는 임베드 기능은 oEmbed 시스템을 기반으로 작동하며, 유튜브 영상, 트위터, 인스타그램 게시물 등 외부 콘텐츠를 별도의 코드 입력 없이 손쉽게 삽입할 수 있도록 돕습니다.

 이 파일은 임베드가 삽입되지 않은 모든 페이지에서 로드됩니다. 파일의 크기는 1.7KB 밖에 되지 않지만, 임베드 요청이 콘텐츠 크기만큼 커질 수 있습니다.

3. 워드프레스 임베드 비활성화

embed.min.js 파일의 주 목적은 “내 사이트 콘텐츠가 다른 사이트에 임베드될 때” 미리보기 카드 등 기능을 지원하는 것입니다. 워드프레스 사이트에서 임베드를 비활성화 하면 결과는 다음과 같습니다.

  • wp-embed.min.js 스크립트가 로드되지 않음
  • 모든 페이지에서 기본적으로 로드되던 wp-embed.min.js가 제거됩니다.
  • 파일 크기는 작지만, 불필요한 HTTP 요청을 줄여 페이지 성능 최적화에 기여합니다.
  • 다른 사이트에서 내 콘텐츠를 임베드하는 기능이 비활성화됨
  • 외부 사이트에서 글 URL을 붙여넣더라도 미리보기 카드(oEmbed)가 생성되지 않습니다.
  • 내 사이트에서 내 사이트로의 임베드 역시 불가.
  • 대부분의 블로그나 기업 사이트에서는 큰 문제가 되지 않습니다.
  • 내 사이트에 게재된 외부 사이트 및 유튜브, 트위터 등의 임베드는 정상 작동합니다.(iframe 기반일 경우 가능)
  • 하지만 다른 워드프레스 사이트 임베드는 불가능합니다.
  • 페이지 로딩 속도 향상
  • 불필요한 JS 로드가 제거되므로, LCP나 TTFB 등 Core Web Vitals 지표 개선 가능성이 있습니다.

3.1 코드 적용

워드프레스 차일드 테마를 생성 후 functions.php에 다음과 같은 코드를 추가할 수 있습니다.

<?php
// embed.min.js 비활성화
function disable_wp_embed_js() {
    wp_deregister_script('wp-embed');
}
add_action('wp_footer', 'disable_wp_embed_js');

3.2 플러그인 사용

플러그인을 사용해서 임베드를 비활성화 할 수 있습니다. 3K로 가벼운 Disable Embeds 처럼 간단한 플러그인을 사용할 수 있습니다. 아니면 Clearfyperfmatters처럼 워드프레스 최적화 플러그인을 사용하는 방법을 활용할 수 있습니다.

4. 결론

워드프레스 임베드는 편리하지만, 웹사이트의 성능 저하의 원인 중 하나로 작용할 수 있습니다. 따라서 필요에 따라 임베드를 비활성화하거나, 최소한으로 사용하는 것이 좋습니다.

기능을 적절히 관리하면, 콘텐츠 품질을 유지하면서도 사이트 속도를 향상 시킬 수 있습니다.

Similar Posts

  • [WP] 워드프레스 목차 플러그인 추천[2024년]

    워드프레스로 웹사이트를 운영하면서 여러 플러그인을 설치하고 삭제했지만 특히 워드프레스 목차 플러그인에 대한 개인적인 집착은 워드프레스 사이트를 운영하면서 꾸준하게 구글링 및 목차 플러그인을 비교했다. 아마도 구글에서 Table of Contents 및 wordpress TOC와 같은 검색어로 검색을 100번도 넘게 했을 것이다. 수 많은 목차 플러그인을 설치하고 바꾸기를 반복하며, 결국 현재는 ‘쉬운 목차’ 플러그인을 사용하고 있다. 목차1….

  • 워드프레스 호스팅 RocketNet 가격·스펙 & Starter 플랜 $1

    워드프레스 호스팅 중 RocketNet은 속도와 안정성을 중시하는 개발자형 관리형 호스팅 서비스로, 캐시·보안·CDN 기능을 기본 제공하며 별도의 설정 없이 빠른 환경을 구축할 수 있습니다. 엔터프라이즈 호스팅을 제외한 관리형 호스팅 및 에이전시 호스팅은 첫 달 $1로 할인과 1년 결제 시에도 30일 환불 정책이 있기 때문에 가입 후 충분히 검토 후에 연장 여부를 검토할 수 있습니다….

  • [WP] 워드프레스 이미지 핫링크 차단 방법 4가지

    이미지 핫링크(Image hotlinking)는 웹사이트 성능에 부정적인 영향을 줍니다. Image hotlink란 무엇이며, 웹사이트에 어떤 부정적인 영향을 주는지, 그리고 어떤 사이트에서 내 사이트에 핫링크를 적용했는지 알아 보도록 하겠습니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론 1. 이미지 핫링크(Image hotlink)란? ‘이미지 핫링크’는 누군가 내 웹사이트에서 직접 이미지(를…

  • [WP] FastComet Hosting 3가지 측면으로 보기: 기능, 가격, 장단점

    FastComet은 750,000명 이상의 소기업 및 개인 웹사이트 소유자가 서비스를 사용하는 인기 있는 웹 호스팅 회사입니다. 공유 호스팅 업체 중 FastComet을 사용하면서 FastComet Hosting의 장·단점에 대해 알아 보겠습니다. FastComet은 Cloudflare CDN CDN 캐싱과 무료 일일 백업, 핫링크 보호 등 매력적인 부가 기능과 함께 공유 호스팅을 제공하고 있습니다. 공유 호스팅과 클라우드 VPS 호스팅, 전용 CPU…

  • [WP] 2023년 빠른 워드프레스 테마 5개

    워드프레스 사이트를 운영 중인데 구글 페이지 스피드 및 지티메트릭스와 같은 사이트에서 원하는 속도가 나오지 않아 테마를 바꿀 것을 고려할 수 있습니다. 가볍고 빠른 2023년 빠른 워드프레스 테마는 무엇이 있을까요? 많은 워드프레스 테마의 총 페이지 크기가 300kb 이상인 경우가 많습니다. 워드프레스가 느리다는 인식이 몇 년 전까지 일반적이었지만 빠른 워드프레스 테마가 새로 나오고 지속적인 기존…

  • [WP] 워드프레스 파비콘(Favicon) 설정하기

    파비콘(Favicon)은 즐겨 찾기와 아이콘의 합성어 [favorites + icon]로 만들어 졌습니다. 보통 웹사이트 브랜드나 로고의 간결한 버전이나 웹사이트를 대표하는 이미지를 나타내며, 사용자가 해당 웹사이트를 쉽게 식별할 수 있도록 도와 줍니다. 파비콘은 주로 웹사이트의 루트 디렉터리에 “favicon.ico”라는 파일 이름으로 저장됩니다. 브라우저는 이 아이콘을 자동으로 로드하여 사용자에게 표시합니다. 또한, 파비콘은 웹사이트의 다양한 페이지에서 사용될 수 있으며,…

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Prove your humanity: 0   +   3   =