윈 도 우 네이버 홈 페이지를 더 빠르게 – idm chrme 네이버 오류
2019.02.23 19:22
자작 아닌 펌 입니다
출처 http://4https://www.clien.net/service/board/lecture/9370046
네이버에서 이루어지는 정보 수집에 대해 들여다보다가, 어쩌다 보니 네이버 브라우징이 빨라지는 결과를 얻어 그 방법을 공유합니다.
네이버는 다양한 경로로 사용자의 정보를 수집하고 있습니다. 그 중 유저가 네이버 웹 사이트의 링크를 누를 때마다 로그를 보내는 스크립트도 있습니다. 네이버 도메인 내의 뉴스, 블로그, 지식인 등 서비스의 모든 링크에 이렇게 로그를 보내는 스크립트가 붙어있습니다. 네트워크 로그를 보시면, 링크를 누를 때마다 이를테면 다음과 같은 주소로 접속하는 것을 확인하실 수 있습니다.
http://cc.naver.com/cc?a=svc.defaultservice&r=&i=dic&bw=1583&px=612&py=173&sx=612&sy=172&m=1&nsc=navertop.v3&u=http%3A%2F%2Fdic.naver.com%2F
링크의 고유 태그, 사용하는 브라우저의 (스크롤바를 제외한) 화면 너비, 클릭한 좌표 등등이 전송되고, 이 정보를 받아서 서버에서 원래 링크가 가리키던 페이지로 리다이렉트 해주는 듯 합니다.
일종의 hyperlink auditing (이렇게 부르는 게 맞는지 모르겠습니다만.. ) 인 듯 한데 자바스크립트를 이용하여 비슷한 효과를 내고 있는 것 같습니다.
cc.naver.com 서버 자체를 차단하면 링크가 고장나게 됩니다. 다음과 같은 스크립트를 삽입해주면 이러한 로그가 수집되는 것을 막을 수 있습니다.
if (window.addEventListener) { window.addEventListener('DOMContentLoaded', function() { window.clickcr = window.nclk = function() { }; } ); }
clickcr, nclk 가 각각 데스크탑, 모바일 웹에서 링크를 눌렀을 때 호출되는 함수 이름이고, 유저가 클릭할 시 링크의 href값을 순간적으로 이 cc.naver.com/cc 주소로 바꾸는 역할을 하는 것으로 보입니다. (사실 저는 코딩에 대해 잘 몰라서, 현직 개발자 분들께서 더 나은 방법이 있다면 알려주시면 감사하겠습니다)
사용 방법은 여러 가지 있겠습니다.. 저는 Adguard의 규칙으로 추가하여 사용하고 있지만 Greasemonkey 등으로도 가능할 것 같습니다.
그런데 이렇게 하면 네이버 화면 전환 속도가 꽤 향상되는 결과를 얻습니다!
다른 조건은 동일하고 위 스크립트를 삽입했을 때, 삽입하지 않았을 때의 페이지 로딩 타임을 비교한 결과입니다.
Hyperlink Auditing
차단하지 않은 경우
Hyperlink Auditing
차단한 경우
홈 →뉴스
뉴스→홈
홈 →뉴스
뉴스→홈
1.56
2.02
0.99
1.52
2.16
1.97
1.11
1.48
1.6
2.01
1.03
1.74
1.55
1.91
1.06
1.58
1.55
2.24
1.18
1.55
1.75
1.96
1.35
1.58
1.54
2.01
1.12
1.55
1.6
2.24
1.12
1.54
1.54
2.29
1.27
1.76
1.58
2.2
1.18
1.57
1.643
2.085
1.141
1.587
(단위: 초, 파이어폭스에서 캐시를 허용한 상태에서 실험)
페이지 전환속도가 약 0.5초 정도, 25~30% 빨라지는 것을 알 수 있습니다. 아마 이 0.5초가 네이버 로그 서버의 응답을 기다리고 리디렉션 되는 시간일 듯 하네요. 체감상으로도 빨라진 걸 느낄 수 있었습니다. 모바일에서도 마찬가지로 브라우징 속도 향상을 체감할 수 있었습니다.
Hyperlink auditing을 차단하는 것이 네이버에서는 다른 어떤 광고 차단보다도 더 속도를 향상시켜주는 듯 합니다. 네이버에서는 이 정보를 어떻게 가공하여 쓰고 있을지 궁금하군요..
제가 관리하는 필터 리스트에도 규칙을 추가시켜 놓았으니, 애드가드 안드로이드 버전을 쓰신다면 List-KR 필터를 새로 import하셔서 효과가 있는지 테스트해보실 수 있습니다. 네이버를 자주 이용하시는 분께 도움이 되지 않을까 싶네요.
사용하는 법
안드로이드 스마트폰 유저시면, Tempermonkey 앱을 이용하는 방법도 있지만 Adguard 앱에서 쓰시면 브라우저 상관 없이 스크립트를 삽입할 수 있습니다.
애드가드 앱을
https://adguard.com
에서 다운받습니다.
User filter에서 다음 규칙을 추가합니다.
naver.com#%#if (window.addEventListener) { window.addEventListener('DOMContentLoaded', function() { window.clickcr = window.nclk = function() { }; } ); }
또는 제가 관리하고 있는 필터를 추가하셔도 됩니다. 방법은 제가 이전에 쓴 글 http://m.clien.net/cs3/board?bo_table=lecture&bo_style=view&wr_id=322751CLIEN 에 있습니다.
유저스크립트를 이용할 수도 있습니다.
구글 크롬에서 Tempermonkey 확장 프로그램을 설치합니다. https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en
주소 표시줄 옆의 Tempermonkey 아이콘을 누르시고 Add a new script를 누릅니다. 새 유저스크립트를 추가하는 창이 뜨면, 내용을
https://gist.githubusercontent.com/SlowMemory/43bd73c3730a99de437a434efc4e101f/raw/484e9184b1726ceda630a24b3b1f38e9579320e7/userscript.js
에서 처음부터 끝까지 복사 붙여넣기 합니다. 그 후 좌상단에 저장하기 버튼을 누르시면 됩니다.
댓글 [6]
번호 | 제목 | 글쓴이 | 조회 | 추천 | 등록일 |
---|---|---|---|---|---|
[공지] | 강좌 작성간 참고해주세요 | gooddew | - | - | - |
4480 | 소프트웨어| pureBasic - WIM 정보 v0993 - 내부 파일 추가 삭제 내보내... [40] | 입니다 | 8637 | 160 | 12-22 |
4479 | 소프트웨어| 한글2024 로고 교체 / 자동 설치 옵션 [54] | 무월 | 13120 | 107 | 11-25 |
4478 | 소프트웨어| [추가기능1.1]엑셀 셀의 행-열 Auto-Highlight 하는 방법들 [77] | 지후빠 | 2812 | 103 | 11-10 |
4477 | 윈 도 우| PrincePE_V18.5 [164] |
|
204984 | 99 | 02-02 |
4476 | 윈 도 우| PE 한글화 프로그램 (v1.0) [106] | ㄱㅇㄱㄱㅁ | 28003 | 89 | 06-25 |
4475 | 윈 도 우| 윈도우 10 설치, 최적화 및 기타 팁 100개 정리 [56] | 컴알못러 | 27724 | 79 | 01-26 |
4474 | 윈 도 우| PrincePE_V20 [52] |
|
2835 | 72 | 03-05 |
4473 | 윈 도 우| 배치파일을 이용해서 윈도우 자동 설치하기 [22] | gooddew | 4952 | 70 | 10-16 |
4472 | 윈 도 우| Windows 10 Ultimate (DREAM HS) [58] |
|
7353 | 70 | 08-14 |
4471 | 소프트웨어| iVentoy 만능윈도우(WIM) 자동 설치 [20] | 무월 | 4249 | 66 | 07-08 |
4470 | 윈 도 우| WindowsXPE147-1빌더/나만의 PE를 만들자 시즌2 ?? 1탄 (... [54] | 지연서연아 | 1815 | 65 | 04-16 |
4469 | 윈 도 우| PrincePE_V19 [53] |
|
5096 | 65 | 02-15 |
4468 | 윈 도 우| 윈도우 장치 드라이버 추출(백업) 명령어 [25] | 컨피그 | 2701 | 64 | 02-23 |
4467 | 윈 도 우| 윈도우10 만능이미지 제작 메뉴얼 [43] | 질주민군 | 5584 | 64 | 11-19 |
4466 | 소프트웨어| 트루이미지(Acronis True Image) 추가본②(본문 수정) [91] | 고양이2 | 9118 | 62 | 11-26 |
4465 | 윈 도 우| 무인응답파일(autounattend.xml) 쉽게 만들기 [30] | 네오이즘 | 3833 | 60 | 12-31 |
4464 | 서버 / IT| 손쉽게 멀티부팅용 USB 만들기. (내용추가) [50] | 디폴트 | 7403 | 60 | 05-31 |
4463 | 윈 도 우| PrincePE_V22 [53] |
|
6602 | 59 | 03-06 |
4462 | 소프트웨어| ▣▣▣▣▣[ Ventoy 고급 응용편 자료 정리 ]▣▣▣▣▣ [31] | 메인보드 | 7864 | 57 | 05-14 |
4461 | 소프트웨어| USB 로 UEFI 와 MBR 로 부팅 되도록 ISO 파일 설치하기 [42] | 좋은이웃 | 7069 | 57 | 03-17 |
이거 적용하니깐 신기하게 네이버tv광고가 스킵되내요.
전 애드가드말고 몽키스크립트방식을 이용했습니다.