워드프레스 이모지 제거하는 방법: 속도 최적화를 위한 필수 가이드
작성자 kdombhvv154.♡.62.203
작성일 26-03-19 23:27
조회 2
댓글 0
- https://j2gm.jusomoa.top/super/?JoinID=blog&DistributionID=32[0]
- http://www.xn--vk1b3oe0r12av51a.net/bbs/logout.php?url=https://j2gm.ju…[0]
본문
워드프레스를 사용하다 보면 게시글이나 댓글에 자동으로 삽입되는 이모지(emoji) 때문에 성능 저하나 보안 이슈가 발생할 수 있습니다. 특히 이모지는 불필요한 스크립트 로딩을 유발해 사이트 속도를 느리게 만들 수 있습니다. 이 글에서는 워드프레스에서 이모지를 완전히 제거하는 다양한 방법을 안내합니다.
핵심 요약
이모지 자동 삽입 문제: 워드프레스는 기본적으로 이모지를 지원하지만, 이로 인해 헤더에 불필요한 스크립트가 추가됩니다.
성능 저하 원인: 이모지 관련 코드는 페이지 로딩 속도를 떨어뜨리고, 캐싱 및 CDN 호환성에도 영향을 줄 수 있습니다.
코드 수정으로 제거: functions.php 파일에 간단한 코드 한 줄로 이모지 기능을 비활성화할 수 있습니다.
플러그인 활용: 기술적 지식이 부족한 사용자는 전용 플러그인을 통해 쉽게 제거할 수 있습니다.
목차
이모지가 워드프레스에 미치는 영향 functions.php를 이용한 이모지 제거 플러그인을 통한 이모지 비활성화 제거 후 확인 방법 추가 고려 사항 및 팁 자주 묻는 질문(Q&A)이모지가 워드프레스에 미치는 영향
워드프레스는 4.2 버전부터 본격적으로 이모지 기능을 도입했습니다. 이모지를 입력하면 시각적으로 매력적인 표현이 가능하지만, 그 이면에는 성능상의 단점이 존재합니다. 워드프레스는 이모지를 정상적으로 표시하기 위해 자바스크립트와 CSS 리소스를 자동으로 로딩합니다. 이 과정에서wp-emoji-release.min.js 파일과 함께 여러 메타 태그가 HTML 헤더에 주입되며, 이는 불필요한 HTTP 요청을 유발합니다. 특히 모바일 환경이나 저사양 서버에서는 페이지 로딩 지연으로 이어질 수 있습니다. 또한 일부 캐싱 플러그인이나 CDN 서비스와 충돌하여 콘텐츠 전달에 오류를 일으키기도 합니다.functions.php를 이용한 이모지 제거
기술적인 이해가 있는 사용자라면 테마의functions.php 파일에 코드를 추가해 이모지 기능을 완전히 비활성화할 수 있습니다. 다음 코드를 현재 사용 중인 테마의 functions.php 파일 하단에 삽입하세요:
// 워드프레스 이모지 제거 코드
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('admin_print_scripts', 'print_emoji_detection_script');
remove_action('wp_print_styles', 'print_emoji_styles');
remove_action('admin_print_styles', 'print_emoji_styles');
remove_filter('the_content_feed', 'wp_staticize_emoji');
remove_filter('comment_text_rss', 'wp_staticize_emoji');
remove_filter('wp_mail', 'wp_staticize_emoji_for_email');
add_filter('tiny_mce_plugins', 'disable_emojis_tinymce');
add_filter('wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2);
function disable_emojis_tinymce($plugins) {
if (is_array($plugins)) {
return array_diff($plugins, array('wpemoji'));
}
return array();
}
function disable_emojis_remove_dns_prefetch($urls, $relation_type) {
if ('dns-prefetch' == $relation_type) {
$emoji_svg_url = apply_filters('emoji_svg_url', 'https://s.w.org/images/core/emoji/2/svg/');
$urls = array_diff($urls, array($emoji_svg_url));
}
return $urls;
}
플러그인을 통한 이모지 비활성화
코드 편집이 부담스러운 사용자라면 'Disable Emojis' 또는 'Emoji Disable' 같은 전용 플러그인을 활용하는 것이 좋습니다. 이러한 플러그인은 설치 후 활성화만으로도 이모지 기능을 완전히 차단합니다. 예를 들어 'Disable Emojis' 플러그인은 용량이 작고 성능에 영향을 주지 않으며, 설정 없이도 바로 효과를 볼 수 있습니다. 관리자 대시보드에서 '플러그인 > 새 플러그인 추가' 메뉴로 접속해 해당 이름을 검색하고 설치·활성화하면 됩니다. 이후 웹사이트 소스 코드를 확인하면 이모지 관련 항목이 사라진 것을 확인할 수 있습니다.제거 후 확인 방법
이모지 제거가 성공했는지 확인하려면 브라우저에서 웹사이트를 열고 소스 보기(F12 또는 우클릭 > 페이지 소스 보기)를 실행하세요.<head> 태그 내부에서 print_emoji, wp-emoji, emoji-svg 등의 키워드를 검색해보세요. 해당 코드가 없다면 성공적으로 제거된 것입니다. 또한 Google PageSpeed Insights나 GTmetrix 같은 도구로 페이지 분석을 수행하면, 불필요한 자바스크립트 로딩이 사라져 성능 점수가 향상된 것을 확인할 수 있습니다.추가 고려 사항 및 팁
이모지를 제거하더라도 사용자가 직접 이모지 문자를 입력하는 경우는 여전히 표시될 수 있습니다. 이는 운영체제나 브라우저 레벨에서 처리되는 것이기 때문입니다. 따라서 진정한 의미의 ‘표현 차단’을 원한다면 추가 폰트 필터링이나 입력 제한이 필요할 수 있습니다. 또한 자식 테마를 사용 중이라면 반드시 자식 테마의functions.php에 코드를 추가해야 하며, 부모 테마 업데이트 시 변경 사항이 사라지지 않습니다. 마지막으로, 제거 후 특정 플러그인 또는 테마에서 이모지 관련 오류가 발생하면 해당 확장 프로그램의 문서를 참고해 호환성을 확인해야 합니다.전문가들은 웹사이트 성능 최적화를 위해 불필요한 기능은 가능한 한 제거할 것을 권장합니다. 이모지 기능은 일부 사용자에게는 유용할 수 있지만, 대부분의 블로그나 기업형 웹사이트에서는 거의 사용되지 않습니다. 따라서 성능과 보안을 우선시한다면 이모지 제거는 매우 합리적인 선택입니다. 실제로 HTTP Archive 데이터에 따르면, 전체 워드프레스 사이트의 약 78%가 이모지 스크립트를 로딩하지만, 실제 사용률은 5% 미만입니다. 이처럼 낮은 활용도에 비해 리소스 낭비는 크기 때문에 제거는 사실상 필수적인 작업이라 할 수 있습니다.
