권장 브라우저 안내

이 웹사이트는 Internet Explorer 9 버전 이상에서만 이용 가능합니다.
편리한 사이트 이용을 위하여 최신 브라우저로 업그레이드해주시기 바랍니다.

다크 모드로 보기 라이트 모드로 보기

저희와 함께 하시겠습니까?

프로젝트 의뢰는 아래로 문의 주시기 바랍니다.
websre@naver.com
Tel: 1800-9356

  • Portfolio

    Our work 에서 자세한 정보를 확인하세요.

  • General

    48, Dunjiro, Seo-gu, Daejeon
    대전광역시 서구 둔지로 48 (둔산동, 두림빌딩)

본문 바로가기

News

웹스리퍼블릭의 공지사항을 확인하세요.

Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now
News
December 26, 2017
News

파이어폭스 퀀텀, 빨라진 또 다른 이유

본문

구글 크롬보다 빠르다는 '파이어폭스 퀀텀' 브라우저 속도의 비밀이 공개됐다. 웹사이트의 방문자 추적 코드 처리 순서를 미루는 기능을 도입한 결과였다.

미국 지디넷은 지난주 퀀텀이라는 이름을 쓰기 시작한 파이어폭스57 버전에서 웹페이지 로딩 시간을 줄이기 위해 적용한 비장의 기술 가운데 하나를 모질라 엔지니어가 공개했다고 보도했다. [☞원문보기]

모질라는 이미 파이어폭스 퀀텀이 월등한 속도와 성능을 선보이게 된 주요 배경을 공개했다. [☞관련기사] 1년전 예고한 소프트웨어 설계 차원의 변화를 실현했다는 메시지였다. [☞관련기사] 여기에 로딩 시간을 단축할 수 있는 트릭이 함께 적용됐다고 한다.

모질라 엔지니어 혼자 밤바스(Honza Bambas)는 이 트릭을 '테일링(tailing)'이라고 표현했다. 테일링은 브라우저가 웹페이지를 로딩하고 렌더링할 때 거기 포함된 사용자 추적 도메인의 스크립트 처리를 뒤로 미루는 동작을 수행하는 파이어폭스 퀀텀의 숨은 기능을 가리킨다.

파이어폭스 퀀텀 브라우저 로고

파이어폭스 퀀텀 브라우저 로고

테일링의 동작은 2년전부터 파이어폭스에 탑재된 트래킹 방지 또는 추적보호(Tracking Protection) 기능의 데이터에 의존한다. 추적보호는 기업들이 온라인 마케팅 및 광고 목적으로 웹사이트 방문자 행동을 추적, 수집하는 코드 실행을 건너뛰는 기능이다. [☞관련기사

테일링은 방문자 추적 스크립트 실행을 늦추기만 한다. 추적 코드의 실행을 차단하는 게 아니라, 원래 사이트의 요청을 우선 처리한다는 뜻이다. 이는 결과적으로 웹페이지 로딩시 네트워크 대역폭과 컴퓨팅 자원을 아낌으로써 로딩 속도를 높여 준다.

밤바스는 "사이트 하위 자원이 로딩중일 때 (추적 코드 요청 실행은) 최장 6초 가량 일시정지된다"며 "이 늦추기(delay)는 동적으로 또는 비동기로 동작하는 스크립트에만 적용되고, (페이지에 스크립트 삽입 목적으로 들어간) '추적 이미지'는 항상 늦춰진다"고 설명했다.

테일링은 일부 사이트에서는 제대로 동작하지 않는 경우도 있다. 방문자가 볼 때 웹페이지

가 로딩되는 순서대로 화면에 나타나는 게 아니라 몇 초간 아무 것도 표시되지 않은 빈 페이지를 보여주는 결과를 낳기도 한다.

테일링 기능과 구글이 웹사이트 관리자에게 최적화 도구의 하나로 배포하는 '페이지숨김(Page-Hiding) 스니펫' 코드가 만나면 이런 버그를 야기한다. [☞참조링크] 현재 테일링 기능이 이 코드를 처리하는 동작은 버그로 등록돼 있다. [☞참조링크]

밤바스는 예외를 언급하긴 했지만 테일링 기능에 대해 "이는 모든 HTML 규격에 조화되고, 제대로 만들어진 사이트는 기능적으로 영향을 받지 않을 것이라 본다"며 "테일링의 의도는 시각 효과와 무관한 것들의 처리를 늦춰 성능을 높이는 것"이라고 설명했다.

 

임민철 기자 / imc@zdnet.co.kr

 

출처 : 지디넷코리아(http://www.zdnet.co.kr/news/news_view.asp?artice_id=20171226094831&lo=z35)

Contact us

궁금하신 사항을 남겨주세요!
확인 후 빠른 답변 드리겠습니다.
  • A. 대전광역시 서구 둔지로 48 두림빌딩 5층 (주)웹스리퍼블릭
  • T. websre@naver.com
  • M. 1800-9356
  • 예산을 선택해 주세요.
    • 100만원 이하
    • 300만원 이하
    • 500만원 이하
    • 700만원 이하
    • 1000만원 이하
    • 1000만원 ~ 2000만원
    • 2000만원 이상


디자인 샘플보기

상담톡
궁금한게 있으신가요? 무엇이든 물어보세요.