TipRelay
  • 블로그 기초
    • WordPress
  • 컴퓨터 How-to
    • Windows 11
    • Windows 10
  • 모바일 How-to
    • Andriod
    • iOS
    • Netfix
    • Youtube
    • Instagram
  • 생활 Tips
    • 금융
    • 정책
  • 유용한 Info
    • 건강
    • 일상소식
    • AS 고객센터
    • 무료꿈해몽
  • 게임
    • 디아2: 레저렉션
      • 룬워드 정보
      • 유니크 아이템
      • 세트 아이템
      • 퀘스트
    • 원신
    • 바람의나라: 연
    • 명일방주
    • 탭타이탄2
    • 패스 오브 엑자일 ACT
    • 참고한 게임 공략들
No Result
View All Result
TipRelay
Home 블로깅 워드프레스

PageSpeed ​​Insights에서 스크롤 성능 개선에 패시브 리스너를 사용하지 않음 문제 해결

2022-03-30
in 워드프레스
Reading Time: 2 mins read
49
구글 PageSpeed ​​Insights 오류 스크롤 성능 개선에 패시브 리스너를 사용하지 않음 해결 하는 방법
12
SHARES
Share on FacebookShare on Twitter

우연치 않게 오랜만에 구글 PageSpeed Insights에서 사이트 진단을 해봤습니다. 구글 PageSpeed Insights는 자신의 웹사이트 성능을 테스트 해보고 문제가 있다면 문제점을 알려줍니다.

워드프레스 홈페이지를 운영하면서 처음을 제외하고는 플러그인이나 사이트 검사를 해본지 오랜 시간이 흘렀기 때문에, 현재 홈페이지에 어떤 문제가 있는지 한번 확인을 해봤습니다.

콘텐츠 요약: 보이기
오류: 스크롤 성능 개선에 패시브 리스너 사용
PageSpeed ​​Insights: 스크롤 성능 개선에 패시브 리스너를 사용하지 않음 문제 해결 방법
functions.php 파일에 추가할 내용:
해결 완료

오류: 스크롤 성능 개선에 패시브 리스너 사용

코딩에 지식이 없어서 뭔지는 잘 모르겠지만, “스크롤 성능 개선에 패시브 리스너 사용”이라는 항목에 빨간불이 들어와 있었습니다. 내용은 “터치 및 휠 이벤트 리스너를 `passive`(으)로 표시하면 페이지 스크롤 성능을 개선할 수 있습니다.”라고 써있습니다.

오류가 있다는 것은 해결을 하라는 의미이기 때문에 몰라도 찾아서 해결을 해야 합니다. 그래서 구글링으로 해결 방법을 찾아봤습니다.

 

PageSpeed ​​Insights: 스크롤 성능 개선에 패시브 리스너를 사용하지 않음 문제 해결 방법

구글링으로 찾아보니 워드프레스에서 외모 > 테마 파일 편집기 > functions.php 파일을 수정해주면 된다고 합니다.

 

functions.php 파일에 추가할 내용:

PageSpeed ​​Insights 스크롤 성능 개선에 패시브 리스너를 사용하지 않음 문제 해결 방법

function wp_dereg_script_comment_reply(){wp_deregister_script( 'comment-reply' );}
add_action('init','wp_dereg_script_comment_reply');
add_action('wp_head', 'wp_reload_script_comment_reply');
function wp_reload_script_comment_reply() {
    ?>
<script>
//Function checks if a given script is already loaded
function isScriptLoaded(src){
    return document.querySelector('script[src="' + src + '"]') ? true : false;
}
//When a reply link is clicked, check if reply-script is loaded. If not, load it and emulate the click
document.getElementsByClassName("comment-reply-link").onclick = function() {
    if(!(isScriptLoaded("/wp-includes/js/comment-reply.min.js"))){
        var script = document.createElement('script');
        script.src = "/wp-includes/js/comment-reply.min.js";
    script.onload = emRepClick($(this).attr('data-commentid'));
        document.head.appendChild(script);
    }
}
//Function waits 50 ms before it emulates a click on the relevant reply link now that the reply script is loaded
function emRepClick(comId) {
sleep(50).then(() => {
document.querySelectorAll('[data-commentid="'+comId+'"]')[0].dispatchEvent(new Event('click'));
});
}
//Function does nothing, for a given amount of time
function sleep (time) {
  return new Promise((resolve) => setTimeout(resolve, time));
}
</script>
    <?php
}

 

해결 완료

위에 적힌 내용을 functions.php 하단에 추가했더니 문제는 해결되었습니다. 개발자가 아니라서 무슨 내용인지는 잘 모르겠네요.

스크롤 성능 개선에 패시브 리스너를 사용하지 않음 해결

저와 같은 증상으로 신경 쓰이는 분들이 있다면 시도해보시기 바랍니다.

끝.

Tags: 워드프레스
Previous Post

윈도우10에서 0xC00DB3B2 오류 수정 방법

Next Post

윈도우10에서 프로그램 또는 앱이 삭제 안됨, 강제 제거 방법

Related Posts

워드프레스에서 카테고리를 삭제하는 방법

워드프레스에서 카테고리를 삭제하는 방법

2022-04-21
워드프레스에서 관리자 로그인 하는 방법

워드프레스에서 관리자 로그인 하는 방법

2022-04-21
워드프레스에서 Cache Control 헤더를 설정하는 방법

워드프레스에서 Cache Control 헤더를 설정하는 방법

2022-04-14
워드프레스에 Expires 헤더 추가 방법

워드프레스에 Expires 헤더 추가 방법

2022-04-14
워드프레스 .htaccess 파일 기본값으로 되돌리는 방법

워드프레스 .htaccess 파일 기본값으로 되돌리는 방법

2022-04-14
워드프레스 버전 다운그레이드 방법

워드프레스 버전 다운그레이드 방법

2022-04-14

Posts

윈도우 11 블랙 스크린 문제를 해결하는 방법 10가지

윈도우 11 블랙 스크린 문제를 해결하는 방법 10가지

2024-02-27
윈도우 11에서 크롬을 기본 웹 브라우저로 설정하는 방법

윈도우 11에서 크롬을 기본 웹 브라우저로 설정하는 방법

2024-02-27
경남 직장인을 위한 대출 상품 | BNK저축은행 BNK마이론

경남 직장인을 위한 대출 상품 | BNK저축은행 BNK마이론

2023-12-25
상상인플러스저축은행 직장인 신용대출, 한도 1,500만원에 긴급 생활자금

상상인플러스저축은행 직장인 신용대출, 한도 1,500만원에 긴급 생활자금

2023-12-25
직장인 대출 상품, 우리금융저축은행 비타WON신용대출 소개

직장인 대출 상품, 우리금융저축은행 비타WON신용대출 소개

2023-12-20
IBK저축은행 i-빅론U 직장인 대출 상품 살펴보기

IBK저축은행 i-빅론U 직장인 대출 상품 살펴보기

2023-12-20

About

팁릴레이

Website for sharing computer and mobile technology tips and tricks

POPULAR

인스타그램 릴스 시청기록 확인하는 3가지 방법

윈도우11에서 Windows Defender SmartScreen 끄는 방법

윈도우11에서 Steam Client WebHelper의 높은 CPU 점유율을 수정하는 방법

TRENDING

윈도우11에서 인터넷 대역폭을 절약하기 위한 비디오 재생 설정 방법

윈도우11에서 계정 이름 변경을 위한 2가지 방법

구글 드라이브를 비활성화하는 방법 (Android, iOS, Windows)

© 2023 TIPRELAY • All Rights Reserved

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
No Result
View All Result
  • 블로그 기초
    • WordPress
  • 컴퓨터 How-to
    • Windows 11
    • Windows 10
  • 모바일 How-to
    • Andriod
    • iOS
    • Netfix
    • Youtube
    • Instagram
  • 생활 Tips
    • 금융
    • 정책
  • 유용한 Info
    • 건강
    • 일상소식
    • AS 고객센터
    • 무료꿈해몽
  • 게임
    • 디아2: 레저렉션
      • 룬워드 정보
      • 유니크 아이템
      • 세트 아이템
      • 퀘스트
    • 원신
    • 바람의나라: 연
    • 명일방주
    • 탭타이탄2
    • 패스 오브 엑자일 ACT
    • 참고한 게임 공략들

© 2023 TIPRELAY • All Rights Reserved