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

ℹ️이 콘텐츠에는 광고가 포함되어,판매 발생 시 수익이 발생합니다.(네이버 쇼핑 커넥트, 아마존 어필리에이트, 애드센스 등)

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

임베드 기능은 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

  • 네임서버와 DNS 차이 & 대표적인 DNS 레코드 종류 4가지

    웹 사이트를 새롭게 시작하게 되면 도메인과 호스팅 서버를 알아보게 됩니다. 도메인을 연결 후 네임서버에 도메인을 연결해야 한다는 내용을 호스팅 회사의 홈페이지 또는 직원에게 안내를 받게 되면서 DNS와 네임서버란 단어를 처음 듣게 됩니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론 네임서버란? 네임서버name server는 도메인을 사용하는…

  • MainWP Dashboard 플러그인

    워드프레스 웹 사이트가 2개 이상일 경우 보다 수월한 관리가 필요할 수 있습니다. 2~3개의 워드프레스 웹 사이트를 효율적으로 관리할 수 있는 MainWP Dashboard 플러그인은 서로 다른 독립적인 사이트를 한번에 관리할 수 있는 기능입니다. 서로 다른 호스트 및 서버에 있는 다른 워드프레스 사이트를 연결한 후 완전히 제어할 수 있는 플러그인입니다. 600,000개가 넘는 워드프레스 웹사이트가 10,000개의…

  • [WP] 워드프레스 크론을 리눅스 크론으로 교체하기

    워드프레스 크론을 말하기 전에 먼저 크론(cron)에 대해 확인해 보겠습니다. 크론은 자동화 된 예약 시스템입니다. 정해진 시간에 작업을 수행하게끔 지정된 프로그램입니다. 리눅스에서 항상 실행중인 프로그램을 뜻 하는 데몬(daemon)은 백그라운드에서 여러가지 작업을 합니다. 데몬 중에 크론이 있다고 보면 됩니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론1….

  • 워드프레스 관리자 비밀번호 분실 시: 변경&분실 재설정

    워드프레스를 기반으로 웹 사이트를 구축 후 얼마 되지 않았고 한동안 접속을 하지 않다가 임의로 설정한 비밀번호가 생각나지 않을 때 워드프레스 관리자 비밀번호 분실 시 난감할 수 있습니다. 로그인 후 관리자 페이지에서 비밀번호를 변경하는 방법과 분실 시 변경하는 방법에 대한 몇 가지 방법을 제시합니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드…

  • [WP] 웹 브라우저 렌더링이란?[렌더링 종류]

    브라우저 렌더링이란 HTML, CSS, 자바스크립트 등 웹 사이트의 문서가 웹 브라우저에서 출력 되는 과정입니다. 모바일 or PC 모니터 등 브라우저에서 웹 페이지가 표시(렌더링)되는 것이라고 하는 것이 쉬운 접근 법입니다. 각각의 브라우저는 렌더링을 실행하는 렌더링Rendering 엔진을 가지고 있습니다. ※브라우저 별 렌더링 엔진 크롬&오페라 : Blink 인터넷 익스플로러 : Trident 모질라 파이어폭스: Gecko 사파리 :…

  • [WP] 워드프레스 무차별 대입 공격(brute-force attack)을 막는 9가지 방법

    워드프레스 CMS로 만든 웹 사이트를 운영하게 되면, 관리자 주소는 https://www.domain.com/wp-admin이 됩니다. 무차별 대입 공격에 취약할 수 있는 이유는 관리자 페이지 주소 wp-admin 주소가 그대로 노출되기 때문입니다. 워드프레스를 포함한 웹 사이트의 관리자 주소가 admin과 같은 주소를 사용해서 무차별 대입 공격(brute-force attack)에 노출되는 것은 되도록 방지해야 합니다. 무차별 대입 공격(brute-force attack)이란? 웹 사이트나 컴퓨터 및…

답글 남기기

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

Prove your humanity: 7   +   9   =