대연속내과,대연내과,대연동내과

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

페이지 정보

작성자 bdmxmgiw
댓글 0건 조회 9회 작성일 26-01-26 02:08

본문

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

워드프레스를 사용하다 보면 게시글이나 댓글에 자동으로 삽입되는 이모지(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;
}

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