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

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

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

  • WebP 파일이란?

    2010년 Google은 온라인 이미지를 줄이기 위해 ‘WebP 파일‘ 포맷을 만들었습니다. 사진의 그래픽과 크기를 줄여 더 빠른 웹사이트 로딩이 가능합니다. 무료로 사용할 수 있는 오픈 소스 파일입니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론 1. WebP 파일 정의 ‘WebP‘는 기존의 PNG 및 JPEG 파일보다 포맷…

  • UpdraftPlus 플러그인 설정: 간편하고 안정적인 백업 작업

    UpdraftPlus 플러그인은 워드프레스 백업과 마이그레이션 작업을 할 수 있는 플러그인입니다. 프리 버전에서 3백만 명 이상의 활성 설치와 4.8점의 높은 평점을 받았으며, 간편하고 직관적인 인터페이스로 백업과 복원을 빠르고 간편하게 진행할 수 있습니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론1️⃣ UpdraftPlus 설정 플러그인을 처음 설치 후…

  • [WP] 워드프레스 XML-RPC 취약점과 비활성화 해야 하는 이유 2가지

    워드프레스 xmlrpc.php는 보안 문제가 발생합니다. xmlrpc.php 파일을 이용한 워드프레스 사이트에 대한 무차별 대입 공격이 문제입니다. xmlrpc.php 취약점으로 많은 워드프레스 유저에게 알려진 문제이기도 합니다. ‘XML-RPC‘의 기본 기능 및 활용성과 문제가 되는 이유에 대해 알아 보겠습니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론 1. 워드프레스 xmlrpc.php란?…

  • 워드프레스 RSS 피드 개수 설정 및 피드 주소 확인

    워드프레스에서 RSS 피드 설정과 주소 확인 방법에 대해 알아 보겠습니다. 워드프레스의 기본 RSS 피드 개수는 10개로 설정되어 있으며 늘리거나 줄일 수 있습니다. 먼저 워드프레스 RSS 피드 개수 설정 방법입니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론✅ 워드프레스 RSS 피드 개수 설정하기 워드프레스 관리자 페이지…

  • Cloudways 호스팅 사용 후기(2023)

    fastcomet에서 Cloudways 호스팅으로 이전을 했습니다. Cloudways 호스팅 사용 후기는 기대했던 것 이하였습니다. 이전 이유는 깔끔한 인터페이스와 Memcached/Redis Object 캐시 활용 가능성이었습니다. Varnish 캐시도 사용할 수 있다는 점과 부가 기능들이 마음에 들어 사용하게 되었습니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론 1️⃣ 서버 이전 신청 무료…

  • Autoptimize: 워드프레스 최적화 플러그인

    워드프레스 성능 향상을 위한 방법으로 캐시 플러그인 외 최적화 플러그인 설치를 고려할 수 있습니다. 대표적인 성능 향상 플러그인으로 Autoptimize, Asset CleanUp, Perfmatters 이 세 가지 플러그인을 들 수 있습니다. 3개의 플러그인은 코드 및 리소스 최적화 분야에서 가장 대표적으로 언급되는 워드프레스 성능 향상 플러그인들입니다. 캐시 플러그인은 페이지 로딩 속도를 빠르게 하기 위해 서버 부담을…

답글 남기기

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

Prove your humanity: 7   +   4   =