오토로직코리아 > 고객센터 > 워드프레스 이모지 제거하는 방법: 속도 최적화를 위한 필수 가이드

워드프레스 이모지 제거하는 방법: 속도 최적화를 위한 필수 가이드

작성자 QoKKFPakM3 |

등록일 26-06-23 |

첨부파일

워드프레스 이모지 제거하는 방법: 속도 최적화를 위한 필수 가이드

워드프레스를 사용하다 보면 게시글이나 댓글에 자동으로 삽입되는 이모지(emoji) 때문에 성능 저하나 보안 이슈가 발생할 수 있습니다. 특히 이모지는 불필요한 스크립트 로딩을 유발해 사이트 속도를 느리게 만들 수 있습니다. 이 글에서는 워드프레스에서 이모지를 완전히 제거하는 다양한 방법을 안내합니다.

핵심 요약

이모지 자동 삽입 문제: 워드프레스는 기본적으로 이모지를 지원하지만, 이로 인해 헤더에 불필요한 스크립트가 추가됩니다.

성능 저하 원인: 이모지 관련 코드는 페이지 로딩 속도를 떨어뜨리고, 캐싱 및 CDN 호환성에도 영향을 줄 수 있습니다.

코드 수정으로 제거: functions.php 파일에 간단한 코드 한 줄로 이모지 기능을 비활성화할 수 있습니다.

플러그인 활용: 기술적 지식이 부족한 사용자는 전용 플러그인을 통해 쉽게 제거할 수 있습니다.

워드프레스는 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;
}

이 코드를 추가하면 웹사이트의 모든 영역에서 이모지 관련 스크립트와 스타일이 제거됩니다. 백엔드와 프론트엔드 모두 적용되므로 성능 개선 효과를 즉시 확인할 수 있습니다.

자주 묻는 질문(Q&A)

Q: 이모지를 제거하면 게시글에 입력한 이모지도 사라지나요?: A: 아닙니다. 이미 작성된 게시글에 포함된 이모지는 그대로 유지됩니다. 다만 새로 작성할 때 자동 변환 기능이 비활성화되고, 시스템에서 강제로 삽입하는 스크립트만 제거됩니다.
Q: functions.php에 코드를 넣었는데 오류가 발생했습니다. 어떻게 해야 하나요?: A: PHP 문법 오류가 생긴 것일 수 있습니다. 코드를 정확히 복사했는지 확인하고, UTF-8 인코딩 상태에서 BOM 없이 저장했는지 점검하세요. 문제가 지속되면 FTP로 접속해 파일을 수정하거나 백업본으로 복원하세요.
Q: 플러그인을 사용하는 것이 더 안전한가요?: A: 네, 플러그인은 업데이트 관리와 호환성 처리를 자동으로 해주기 때문에 초보자에게 더 안전합니다. 또한 나중에 다시 활성화하고 싶을 때도 간편하게 처리할 수 있습니다.
Q: 이모지 제거 후 어떤 성능 향상 효과를 기대할 수 있나요?: A: 평균적으로 50~150ms 정도의 초기 로딩 시간 단축이 가능합니다. 특히 모바일 환경이나 느린 네트워크에서 더 큰 차이를 느낄 수 있으며, LCP(Largest Contentful Paint) 지표 개선에도 도움이 됩니다.