KR20100055857A

KR20100055857A - 웹페이지 로딩 방법 및 시스템

Info

Publication number: KR20100055857A
Application number: KR1020080114741A
Authority: KR
Inventors: 이채현; 이지훈
Original assignee: 주식회사 엘지텔레콤
Priority date: 2008-11-18
Filing date: 2008-11-18
Publication date: 2010-05-27
Also published as: KR101046446B1

Abstract

본 발명의 일실시예에 따른 웹페이지 로딩 방법은 이동단말에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 요청과 연관된 웹서버로부터 웹데이터를 수신하는 단계와, 수신된 웹데이터를 이용하여 웹페이지를 로딩하고, 로딩된 웹페이지에 대한 트리정보를 생성하는 단계, 및 이동단말에서 트리정보에 기초한 웹페이지의 로딩이 이루어지도록, 생성된 트리정보를 이동단말에 전송하는 단계를 포함하는 것을 특징으로 한다.

웹페이지, 웹가속기서버, DOM tree, Render tree, 메모리 패킹(memory packing)

Description

웹페이지 로딩 방법 및 시스템{METHOD AND SYSTEM FOR LOADING WEP PAGE}

본 발명은 이동단말에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 웹서버로부터 수신한 웹데이터를 파싱(pasing) 및 화면 배치(lay outing) 처리하여 웹페이지를 로딩하고, 로딩한 결과로서 웹페이지에 대한 트리정보를 생성하여 이동단말로 전송 함으로써, 이동단말에서 트리정보에 기초한 웹페이지의 신속한 로딩이 이루어지도록 하는 웹페이지 로딩 방법 및 시스템에 관한 것이다.

통신기술의 발달로 이동통신단말기나 개인휴대정보단말기(PDA)와 같은 이동단말이 널리 보급되면서, 데스크톱 컴퓨터(Desktop Computer)를 이용한 정적인 유선 인터넷 이용에서, 이동성이 강한 휴대형 단말을 이용한 동적인 무선 인터넷 이용으로 확대되고 있다.

일반적으로, 이동단말에는 웹페이지를 로딩(loading)하여 화면 상에 표시하는 모바일 인터넷 브라우저가 포함된다. 상기 모바일 인터넷 브라우저에는 로딩된 웹페이지의 이미지를 웹가속기서버로부터 수신하여 화면 상에 표시하는 웹뷰어(web viewer), 또는 웹서버로부터 수신되는 웹데이터를 직접 처리하여 화면 상에 표시하는 풀브라우저(full browser) 등이 있다.

특히, 상기 풀브라우저는 웹서버로부터 수신된 웹데이터의 HTML 데이터를 파싱(pasing)하거나, 자바 스크립트(java script)를 파싱하여 실행하거나, CSS 데이터를 파싱하거나, Calc Style을 처리하거나, 웹페이지의 컨텐츠(object)를 화면 배치(lay outing)하거나, 렌더링(rendering)하거나, 컨텐츠를 다운로드 하는 과정을 통해 접속 요청된 웹페이지 화면을 구성하고 있다.

상기 과정 중, 컨텐츠를 다운로드하는 네트워킹 과정은 일반적으로 다른 과정과 병행해서 실행되며, HTML 파싱, 자바 스크립트 실행, CSS 파싱, Calc Style 처리, 화면 배치(lay outing) 및 렌더링하는 과정은 시분할(time sharing) 방식으로 실행되고 있다.

도 1은 종래의 이동단말에 포함된 풀브라우저에서 웹페이지를 로딩하는 데 소요되는 시간과, 시간에 따른 비율을 도시한 표이다.

도시된 표에 따르면, 상기 풀브라우저에서 웹페이지를 로딩하기 위해 수행하는 작업 중, HTML 데이터 파싱과 화면 배치(lay outing)하는 작업은 전체 시간 중 대략 40%를 차지할 정도로 웹페이지를 로딩하는 데 큰 비중을 차지하고 있다.

한편, 이동단말은 일반 PC와 비교할 때 이동성 및 휴대성은 뛰어나지만, 입출력장치와 같은 사용자 인터페이스가 제한적일 뿐만 아니라, 네트워크 전송 속도, CPU 성능 및 메모리 용량 등이 취약하여 처리 속도가 많이 지연되기 때문에 인터넷 브라우저를 구동하고 웹페이지를 로딩하는데 많은 시간이 소요되는 문제점이 있다.

이에 따라, 웹페이지 로딩 속도 개선하기 위해, 이동단말과 웹서버 사이에 프록시 서버(Proxy server)를 두어, 텍스트 파일 압축 또는 이미지 파일 손실 압축 등의 기법을 통해 네트워크 전송량을 줄이고, 컨텐츠 다운로드에 소요되는 시간을 줄임으로써 웹페이지 로딩 속도를 향상시키는 기술이 제안되었다. 하지만, 웹페이지 로딩에 있어서 컨텐츠를 다운로드 하는 시간보다, 상술한 과정을 처리하는 데 보다 많은 시간이 소요되므로 네트워크 전송량 감소의 방법으로 웹페이지 로딩 시간을 줄이는 데에는 한계가 있었다.

이에, 본 발명에서는, 웹페이지를 로딩하는 데 큰 비중을 차지하는 HTML 데이터 파싱과 화면 배치(lay outing) 과정을, 퍼포먼스(performance)가 떨어지는 이동단말의 풀브라우저에서 수행하지 않고, 웹가속기서버에서 이동단말의 환경을 고려하여 수행한 뒤, 수행된 결과를 이동단말에 제공 함으로써, 이동단말에서 웹페이지 로딩 시간을 획기적으로 단축시킬 수 있도록 하는 기술을 제안하고자 한다.

본 발명은 상기와 같은 문제점을 해결하기 위하여 안출된 것으로서, 이동단말에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 웹서버로부터 수신한 웹데이터를 HTML 파싱(pasing) 및 화면 배치(lay outing) 처리하여 웹페이지를 로딩하고, 로딩한 결과로서 웹페이지에 대한 트리정보를 생성하여 이동단말로 전송 함으로써, 이동단말에서 트리정보에 기초한 웹페이지의 신속한 로딩이 이루어지도록 하는 웹페이지 로딩 방법 및 시스템을 제공하는 것을 목적으로 한다.

또한, 본 발명은 이동단말로부터 입력되는 메모리의 주소정보를 이용하여 상기 트리정보를 변환하여 이동단말에 전송 함으로써, 이동단말에서 트리정보에 포함되는 주소값을 변경하지 않고 바로 사용하여 신속하게 웹페이지를 로딩할 수 있게 하는 웹페이지 로딩 방법 및 시스템을 제공하는 것을 목적으로 한다.

또한, 본 발명은 HTML 파싱(parsing) 및 화면 배치(lay outing)와 같이, 이동단말의 풀브라우저에서 웹페이지를 로딩하는데 있어서 많은 시간이 소요되는 작업을 퍼포먼스가 좋은 서버에서 빠르게 수행하여 이동단말로 전송함으로써, 이동단말에서의 웹페이지 로딩 속도를 향상시키는 웹페이지 로딩 방법 및 시스템을 제공하는 것을 목적으로 한다.

또한, 본 발명은 퍼포먼스가 떨어지는 이동단말 대신, 서버에서 HTML 파싱(parsing) 및 화면 배치(lay outing) 작업을 빠르게 수행하고, 그 결과물인 돔 트리(DOM tree)와 렌더 트리(Render tree)를, 메모리 패킹(memory packing) 방식에 따라, 이동단말에서 빠르게 복원할 수 있는 형태로 변경하여 전송 함으로써, 이동단말에서의 웹페이지 로딩 시간을 획기적으로 단축시킬 수 있는 웹페이지 로딩 방법 및 시스템을 제공하는 것을 목적으로 한다.

상기와 같은 본 발명의 목적을 달성하기 위하여, 본 발명의 일실시예에 따른 웹페이지 로딩 방법은 이동단말에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 상기 요청과 연관된 웹서버로부터 웹데이터를 수신하는 단계와, 상기 수신된 웹데이터를 이용하여 웹페이지를 로딩하고, 상기 로딩된 웹페이지에 대한 트리정보를 생성하는 단계, 및 상기 이동단말에서 상기 트리정보에 기초한 상기 웹페이지의 로딩이 이루어지도록, 상기 생성된 트리정보를 상기 이동단말에 전송하는 단계를 포함하는 것을 특징으로 한다.

또한, 본 발명의 일실시예에 따른 웹페이지 로딩 방법은 웹페이지 접속에 관한 요청에 연동하여, (1)메모리의 주소정보를 웹가속기서버로 전송하고, (2)상기 웹가속기서버로부터 상기 요청에 따라 로딩된 웹페이지에 대한 트리정보를 수신하는 단계, 상기 수신된 트리정보를, 상기 주소정보에 의해 지정되는 메모리에 저장하는 단계, 및 상기 메모리에 저장되는 트리정보에 기초하여, 상기 웹페이지의 로딩을 수행하는 단계를 포함하는 것을 특징으로 한다.

본 발명에 따르면, 이동단말에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 웹서버로부터 수신한 웹데이터를 HTML 파싱(pasing) 및 화면 배치(lay outing) 처리하여 웹페이지를 로딩하고, 로딩한 결과로서 웹페이지에 대한 트리정보를 생성하여 이동단말로 전송 함으로써, 이동단말에서는 트리정보에 기초한 웹페이지의 신속한 로딩이 이루어질 수 있다.

또한, 본 발명에 따르면, 이동단말로부터 입력되는 메모리의 주소정보를 이용하여 상기 트리정보를 변환하여 이동단말에 전송 함으로써, 이동단말에서는 트리정보에 포함되는 주소값을 변경하지 않고 바로 사용하여 신속하게 웹페이지를 로딩할 수 있다.

또한, 본 발명에 따르면, HTML 파싱(parsing) 및 화면 배치(lay outing)와 같이, 이동단말의 풀브라우저에서 웹페이지를 로딩하는데 있어서 많은 시간이 소요되는 작업을 퍼포먼스가 좋은 서버에서 빠르게 수행하여 이동단말로 전송함으로써, 이동단말에서의 웹페이지 로딩 속도를 향상시키는 효과가 있다.

또한, 본 발명에 따르면, 퍼포먼스가 떨어지는 이동단말 대신, 서버에서 HTML 파싱(parsing) 및 화면 배치(lay outing) 작업을 빠르게 수행하고, 그 결과물인 돔 트리(DOM tree)와 렌더 트리(Render tree)를, 메모리 패킹(memory packing) 방식에 따라, 이동단말에서 빠르게 복원할 수 있는 형태로 변경하여 전송 함으로써, 이동단말에서의 웹페이지 로딩 시간을 획기적으로 단축시키는 효과가 있다.

이하, 첨부된 도면을 참조하여, 본 발명에 따른 웹페이지 로딩 방법 및 시스템에 대하여 상세히 설명한다.

도 2는 본 발명의 일실시예에 따른 웹페이지 로딩 시스템의 구성을 도시한 도면이다.

본 발명에 따른 웹페이지 로딩 시스템(200)은 수신 수단(211), 로딩 수단(212), 저장 공간(213), 변환 수단(214) 및 전송 수단(215)을 포함하는 웹가속기서버(210)와, 송수신부(221), 저장부(222), 메모리(223), 로딩부(224) 및 디스플레이부(225)를 포함하는 이동단말(220)로 구성될 수 있다.

웹가속기서버(210) 내 수신 수단(211)은 이동단말(220)에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 상기 요청과 연관된 웹서버로부터 웹데이터를 수신하는 기능을 한다.

이동단말(220)에서는 사용자에 의해 URL 정보(uniform resource locator, URL) 또는 북마크 정보가 입력되는 경우, URL 정보 또는 북마크 정보에 의해 식별되는 웹페이지로의 접속에 관한 요청을 발생할 수 있다.

상기 수신 수단(211)은 이동단말(220)로부터 웹페이지 접속에 관한 요청이 수신될 경우, 상기 웹페이지를 로딩하기 위한 웹데이터를, 상기 요청과 연관된 웹서버로 요청하고, 이에 웹서버로부터 웹데이터가 수신되면, 상기 웹페이지를 로딩할 수 있게 된다. 상기 웹데이터에는 HTML, Java Script, CSS, Calc style, image 등의 데이터가 포함될 수 있다.

웹가속기서버(210) 내 로딩 수단(212)은 상기 수신된 웹데이터를 이용하여 웹페이지를 로딩하고, 상기 로딩된 웹페이지에 대한 트리정보를 생성하는 기능을 한다.

상기 로딩 수단(212)은 상기 웹페이지의 로딩시, 파싱(pasing) 처리에 따른 돔 트리(DOM tree)를 상기 트리정보로서 생성하거나, 또는 상기 웹페이지의 로딩시, 레이아웃(layout) 처리에 따른 렌더 트리(Render tree)를 상기 트리정보로서 생성할 수 있다.

이때, 상기 로딩 수단(212)은 상기 웹데이터를 처리하여 생성한 돔 트리 또는 렌더 트리를 저장 공간(213)에 로딩하여 저장하는 경우, 각 트리에 포함되는 각 노드에 저장된 값에 관한 데이터 정보 또는 각 노드에 저장된 코드에 관한 코드 정보를, 각 노드가 차지하는 저장 공간(213)의 주소값에 대응하여 기록하는 데이터 섹션 및 코드 섹션을, 상기 트리정보로서 작성할 수 있다.

즉, 상기 로딩 수단(212)은 상기 웹데이터의 노드 및 상기 노드와 연관관계를 갖는 노드를 저장하는 저장 공간(213)의 주소값에 대응하여 데이터 정보를 기록하고, 상기 데이터 정보에 의해 지정되는 주소값에 대응하여 코드 정보를 기록하고, 상기 데이터 정보 및 상기 코드 정보를 포함하여, 트리정보를 생성할 수 있다. 이때, 상기 로딩 수단(212)은 상기 데이터 정보 및 상기 코드 정보를 압축하여 상기 트리정보에 포함할 수 있다.

도 3을 참조하여 설명하면, 도 3은 본 발명의 일실시예에 따른 웹페이지 로딩 시스템에서 클래스(class)의 구조(ⅰ)와, 웹데이터의 노드 및 상기 노드와 연관관계를 갖는 노드를 포함하는 트리정보(ⅱ)를 도시한 도면이다.

도 3의 (ⅰ)에는 클래스 NodeA, 클래스 NodeB, 클래스 NodeC가 정의되어 있다. 클래스 NodeA에서는 가상함수 f()를 호출하고, 4바이트 문자열이 저장되는 배열 char name[4]를 선언하고, NodeA 타입의 부모 노드(parent node), 자식 노 드(child node), 형제 노드(sibling node) 각각의 주소값(즉, 포인터)을 저장하기 위한 변수들을 선언하고 있으며, 클래스 NodeB 및 클래스 NodeC에서는 가상함수 f()를 호출하고 있다. 이때, 클래스 NodeA, 클래스 NodeB, 클래스 NodeC는 노드의 타입 정보가 될 수 있다.

도 3의 (ⅱ)에는 각 클래스 타입의 객체(노드)가 포함되는 트리정보의 일례가 도시되어 있다. 즉, 도시된 트리정보에는 클래스 NodeA 타입의 객체 'node1', 클래스 NodeB 타입의 'node2', 클래스 NodeC 타입의 객체 'node3'이 포함되며, 이때, 각 노드의 연관관계는, 'node1'은 최상위 루트 노드(root node)이고, 'node1'의 자식 노드는 'node2'이며, 'node3'은 'node2'의 형제 노드이고, 'node2' 및 'node3'의 부모 노드는 'node1'이 될 수 있다.

도 4는 본 발명의 일실시예에 따른 웹페이지 로딩 시스템에서 도 3의 (ⅱ)에 도시된 트리정보의 데이터 정보/코드 정보를, 주소값에 대응하여 기록한 데이터 섹션(data section) 및 코드 섹션(code section)의 일례를 도시한 도면이다.

상기 로딩 수단(212)은 도 3의 (ⅱ)의 트리정보에 포함되는 'node1, node2 및 node3'을 저장하는 저장 공간(213)의 주소값에 대응하여 데이터 정보를 기록하고, 상기 기록된 데이터 정보에 의해 지정되는 주소값에 대응하여 코드 정보를 기록 함으로써 도 3의 (ⅱ)의 트리정보를 저장 공간(213)에 로딩하여 저장할 수 있다.

도 4의 데이터 섹션에는 주소값 '0x1000 ∼ 0x1016'에 대응하여 'node1'의 데이터 정보가 저장되고, 주소값 '0x1040 ∼ 0x1056'에 대응하여 'node2'의 데이터 정보가 저장되고, 주소값 '0x1080 ∼ 0x1096'에 대응하여 'node3'의 데이터 정보가 저장될 수 있다.

'node1'의 경우, 주소값 '0x1000'에 대응하여 데이터 정보 '0050'가 기록되며, 이때 상기 데이터 정보 '0050'에 의해 지정되는 주소값 '0x0050'에 대응하여 'NodeA의 가상함수 f()'라는 코드 정보가 코드 섹션에 기록될 수 있다. 또한, 주소값 '0x1004'에 대응하여 'node1'이라는 문자열이 데이터 정보로서 기록되며, 또한, 'node1'의 부모 노드는 없으므로, 주소값 '0x1008'에 대응하여 'null'값이 데이터 정보로서 기록되며, 'node1'의 자식 노드는 'node2'이므로, 주소값 '0x1012'에 대응하여 'node2'의 주소값 '1040'이 데이터 정보로서 기록되며, 또한, 'node1'의 형제 노드는 없으므로, 주소값 '0x1016'에 대응하여 'null'값이 데이터 정보로서 기록될 수 있다.

도 2로 돌아가면, 웹가속기서버(210) 내 변환 수단(214)은 상기 이동단말(220)로부터, 상기 트리정보가 저장될 상기 이동단말(220) 내 메모리(223)의 주소정보를 입력받고, 상기 입력된 주소정보를 고려하여, 상기 트리정보를 변환하는 기능을 한다.

즉, 상기 변환 수단(214)은 상기 트리정보에 포함되는 주소값을 상기 입력된 주소정보에 기초하여 조정하고, 상기 조정에 연동하여, 상기 트리정보에 포함되는 상기 주소값에 대응하여 기록된 데이터 정보를 조정할 수 있다.

예컨대, 상기 주소정보는 상기 이동단말(220)의 메모리(223)의 시작 주소 '0x3000'를 포함하는 힙 주소(heap address)일 수 있다.

또한, 상기 변환 수단(214)은 상기 웹데이터의 노드에 관한 타입 정보를 기록하는 노드 리스트 테이블(node list table)을 작성하고, 작성된 노드 리스트 테이블을, 상기 조정된 주소값 및 상기 조정된 데이터 정보를 포함하는 트리정보에 추가할 수 있다. 여기서 타입 정보는 상기 노드의 클래스(class)가 될 수 있다.

도 5를 참조하면, 도 5는 본 발명의 일실시예에 따른 웹페이지 로딩 시스템에서 상기 생성된 트리정보를 이동단말로부터 입력된 주소정보를 이용하여 변환하는 일례를 도시한 도면이다.

상기 변환 수단(214)은 도 4의 데이터 정보와 코드 정보를 포함하는 트리정보를 탐색하여, 이동단말로부터 입력된 메모리(223)의 시작 주소 '0x3000'에 할당되는 저장 공간(213)에 상기 트리정보의 'node1'의 타입 정보 'class NodeA'를 기록하고, '0x3040'에 할당되는 저장 공간(213)에 상기 트리정보의 'node2'의 타입 정보 'class NodeB'를 기록하고, '0x3080'에 할당되는 저장 공간(213)에 상기 트리정보의 'node3'의 타입 정보 'class NodeC'를 기록한 노드 리스트 테이블을 작성할 수 있다. 즉, 상기 변환 수단(214)은 생성된 트리정보를 탐색하여 루트 노드의 타입 정보, 및 상기 루트 노드와 연관관계를 갖는 노드의 타입 정보를, 이동단말로부터 입력된 메모리(223)의 주소정보를 이용하여 기록한 노드 리스트 테이블을 생성할 수 있다.

또한, 상기 변환 수단(214)은 도 4의 데이터 섹션의 시작 주소값 '0x1000'을, 이동단말로부터 입력된 메모리(223)의 시작 주소 '0x3000'로 조정 함에 따라, 이후의 주소값 '0x1004, 0x1008, 0x1012, …'을, 주소값 '0x3004, 0x3008, 0x3012, …'으로 조정할 수 있다.

이와 같이 주소값이 조정 됨에 따라, 상기 변환 수단(214)은 부모 노드, 자식 노드, 형제 노드의 시작 주소값이 기록된 데이터 정보를, 도 5의 데이터 섹션과 같이 조정할 수 있다. 즉, 상기 변환 수단(214)은 'node1'의 자식 노드의 시작 주소값 '1040'이 기록된 데이터 정보를 '3040'으로 조정하고, 'node2'의 부모 노드의 시작 주소값 '1000'이 기록된 데이터 정보를 '3000'으로 조정하고, 'node2'의 형제 노드의 시작 주소값 '1080'이 기록된 데이터 정보를 '3080'으로 조정하고, 'node3'의 부모 노드의 시작 주소값 '1000'이 기록된 데이터 정보를 '3000'으로 조정할 수 있다.

또한, 상기 변환 수단(214)은 도 4의 코드 섹션의 시작 주소값을, 1000번지에 로딩함에 따라, 코드 정보 'NodeA의 가상함수 f()'가 기록되는 저장 공간(213)의 주소값을, 기존의 0x0050에서 0x1050으로 조정하고, 코드 정보 'NodeB의 가상함수 f()'가 기록되는 저장 공간(213)의 주소값을, 기존의 0x0070에서 0x1070으로 조정하고, 코드 정보 'NodeC의 가상함수 f()'가 기록되는 저장 공간(213)의 주소값을, 기존의 0x0090에서 0x1090으로 조정할 수 있다.

따라서, 본 발명에 따르면, 이동단말로부터 입력되는 메모리의 주소정보를 이용하여 트리정보를 변환하여 이동단말에 전송 함으로써, 이동단말에서는 트리정보에 포함되는 주소값을 변경하지 않고 바로 사용하여 신속하게 웹페이지를 로딩할 수 있다.

또한, 이동단말로부터 입력된 메모리(223)의 시작 주소에 따라, 트리정보가 변환될 경우, 상기 변환 수단(214)은 상기 조정된 데이터 정보 및 상기 조정된 코드 정보를 포함하는 트리정보를 압축할 수 있다.

웹가속기서버(210) 내 전송 수단(215)은 이동단말(220)에서 트리정보에 기초한 웹페이지의 로딩이 이루어지도록, 트리정보를 이동단말(220)에 전송한다.

이동단말(220) 내 송수신부(221)는 웹페이지 접속에 관한 요청에 따라 로딩된 웹페이지에 대한 트리정보를, 상기 웹가속기서버(210)로부터 수신하는 기능을 한다.

이에 앞서, 상기 송수신부(221)는 웹페이지 접속에 관한 요청에 연동하여, 메모리의 주소정보를 상기 웹가속기서버(210)로 전송하는 기능을 한다.

예컨대, 상기 송수신부(221)는 메모리(223)의 시작 주소 '0x3000'를 포함하는 힙 주소(heap address)를, 상기 주소정보로서 상기 웹가속기서버(210)로 전송할 수 있으며, 이에 따라, 웹가속기서버(210) 내 변환 수단(214)은 상기 주소정보를 고려하여 로딩된 웹페이지에 대한 트리정보를 변환할 수 있다.

이동단말(220) 내 저장부(222)는 상기 수신된 트리정보를, 상기 주소정보에 의해 지정되는 메모리(223)에 저장하는 기능을 한다.

이때, 상기 저장부(222)는 상기 트리정보가 압축 형태로 수신될 경우, 상기 트리정보를 압축 해제하여 메모리(223)에 저장할 수 있다. 다시 말해, 상기 저장 부(222)는 상기 압축 해제된 트리정보를 메모리(223)에 복원할 수 있다.

이동단말(220) 내 로딩부(224)는 상기 메모리(223)에 저장되는 트리정보에 기초하여, 상기 웹페이지의 로딩을 수행하는 기능을 한다.

즉, 상기 로딩부(224)는 상기 트리정보를 바탕으로 디스플레이부(225)에 표시된 풀브라우저에 컨텐츠를 그리는 페인팅(painting)을 통해 신속하게 상기 웹페이지를 로딩할 수 있다.

따라서, 본 발명에 따르면, 이동단말에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 웹서버로부터 수신한 웹데이터를 HTML 파싱 및 화면 배치(lay outing) 처리하여 웹페이지를 로딩하고, 로딩한 결과로서 웹페이지에 대한 트리정보를 생성하여 이동단말로 전송 함으로써, 이동단말에서는 트리정보에 기초한 웹페이지의 신속한 로딩이 이루어질 수 있다.

또한, 본 발명에 따르면, HTML 파싱 및 화면 배치(lay outing)와 같이, 이동단말의 풀브라우저에서 웹페이지를 로딩하는데 있어서 많은 시간이 소요되는 작업을 퍼포먼스가 좋은 서버에서 빠르게 수행하여 이동단말로 전송함으로써, 이동단말에서의 웹페이지 로딩 속도를 향상시키는 효과가 있다.

또한, 본 발명에 따르면, 퍼포먼스가 떨어지는 이동단말 대신, 서버에서 HTML 파싱 및 화면 배치 작업을 수행한 결과물 돔 트리/렌더 트리를, 메모리 패킹 방식에 따라 이동단말에서 빠르게 복원할 수 있는 형태로 변경하여 전송 함으로써, 이동단말에서의 웹페이지 로딩 시간을 획기적으로 단축시키는 효과가 있다.

도 6은 본 발명의 일실시예에 따른 웹페이지 로딩 방법의 순서를 도시한 흐 름도이다.

상기 웹페이지 로딩 방법은 본 발명의 웹페이지 로딩 시스템에 의해 구현될 수 있다. 또한, 이하 도 6의 설명에서는 상술한 도 2를 함께 참조하여 도 6을 설명하여 발명의 이해를 도모한다.

단계 S601에서 이동단말은 웹페이지 접속에 관한 요청을 웹가속기서버로 전송한다.

단계 S602에서 이동단말은 웹페이지 접속에 관한 요청에 연동하여, 메모리의 주소정보를 상기 웹가속기서버로 전송한다.

예컨대, 상기 송수신부(221)는 메모리(223)의 시작 주소 '0x3000'를 포함하는 힙 주소(heap address)를, 상기 주소정보로서 상기 웹가속기서버(210)로 전송할 수 있으며, 이에 따라, 웹가속기서버 내 변환 수단(214)은 상기 주소정보를 고려하여 로딩된 웹페이지에 대한 트리정보를 변환할 수 있게 된다.

단계 S603에서 웹가속기서버는 이동단말(220)로부터 웹페이지 접속에 관한 요청이 수신될 경우, 상기 웹페이지에 대한 로딩을 수행한다.

단계 S604, S605에서 웹가속기서버는 상기 웹페이지를 로딩하기 위한 웹데이터를 상기 요청과 연관된 웹서버로 요청하고, 이에 따라, 웹서버로부터 상기 웹페이지에 관한 웹데이터를 수신하여 상기 웹페이지를 로딩할 수 있다.

상기 웹데이터에는 HTML, Java Script, CSS, Calc style, image 등의 데이터가 포함될 수 있다.

단계 S606에서 웹가속기서버는 상기 로딩된 웹페이지에 대한 트리정보를 생성한다.

단계 S607에서 웹가속기서버는 상기 이동단말로부터 입력된 주소정보를 고려 하여 상기 트리정보를 변환한 뒤, 압축한다.

즉, 상기 변환 수단(214)은 상기 트리정보에 포함되는 주소값을 상기 입력된 주소정보에 기초하여 조정하고, 상기 조정에 연동하여, 상기 트리정보에 포함되는 상기 주소값에 대응하여 기록된 데이터 정보를 조정할 수 있다. 예컨대, 상기 주소정보는 상기 이동단말(220)의 메모리(223)의 시작 주소 '0x3000'를 포함하는 힙 주소(heap address)일 수 있다.

단계 S608에서 웹가속기서버는 이동단말에서 트리정보에 기초한 웹페이지의 로딩이 이루어지도록, 트리정보를 이동단말에 전송한다.

이에 따라, 이동단말 내 송수신부(221)는 웹페이지 접속에 관한 요청에 따라 로딩된 웹페이지에 대한 트리정보를, 상기 웹가속기서버로부터 수신할 수 있다.

단계 S609에서 이동단말은 상기 트리정보가 압축 형태로 수신될 경우, 상기 트리정보를 압축 해제하여 메모리(223)에 복원한다.

단계 S610에서 이동단말은 상기 메모리(223)에 복원되는 트리정보에 기초하여, 상기 웹페이지의 로딩을 수행한다.

도 7은 본 발명의 일실시예에 따른 웹페이지 로딩 시스템에서 트리정보를 변환하는 과정을 설명하기 위한 흐름도이다.

단계 S701에서 이동단말은 메모리의 주소정보를 웹가속기서버로 전송한다.

이동단말은 웹페이지 접속에 관한 요청의 발생에 연동하여 트리정보를 저장할 메모리의 시작 주소를 웹가속기서버로 전송할 수 있다.

단계 S702에서 웹가속기서버는 생성된 트리정보에 포함되는 데이터 정보의 주소값(포인터)를, 이동단말로부터 수신된 주소정보를 이용하여 조정하고, 트리정보의 각 노드를 탐색하여 작성한 노드 리스트 테이블을 추가한다.

이때, 웹가속기서버는 트리정보를 이동단말의 환경(예컨대, endian, memory align)을 고려하여 수정하고, 또한 웹가속기서버는 트리정보가 저장되는 저장 공간의 주소값을, 상기 수신된 주소정보를 이용하여 이동단말에 맞게 수정할 수 있다.

단계 S703에서 웹가속기서버는 상기 조정된 데이터 정보와 노드 리스트 테이블을 포함하는 트리정보를 압축하여 이동단말로 전송한다.

단계 S704에서 이동단말은 압축 해제한 트리정보에 포함되는 노드 리스트 테이블의 타입 정보에 따른 클래스(class) 노드를 생성한 뒤 상기 조정된 데이터 정보를 상기 노드에 복사 함으로써, 트리정보를 상기 주소정보에 의해 지정되는 메모리에 복원한다.

또한, 본 발명의 실시예들은 다양한 컴퓨터로 구현되는 동작을 수행하기 위한 프로그램 명령을 포함하는 컴퓨터 판독 가능 매체를 포함한다. 상기 컴퓨터 판 독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.

지금까지 본 발명에 따른 구체적인 실시예에 관하여 설명하였으나, 본 발명의 범위에서 벗어나지 않는 한도 내에서는 여러 가지 변형이 가능함은 물론이다. 그러므로, 본 발명의 범위는 설명된 실시예에 국한되어 정해져서는 안되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.

도 3은 본 발명의 일실시예에 따른 웹페이지 로딩 시스템에서 클래스(class)의 구조(ⅰ)와, 웹데이터의 노드 및 상기 노드와 연관관계를 갖는 노드를 포함하는 트리정보(ⅱ)를 도시한 도면이다.

도 4는 본 발명의 일실시예에 따른 웹페이지 로딩 시스템에서 도 3의 (ⅱ)에 도시된 트리정보의 데이터 정보/코드 정보를, 주소값에 대응하여 기록한 데이터 섹션 및 코드 섹션의 일례를 도시한 도면이다.

도 5는 본 발명의 일실시예에 따른 웹페이지 로딩 시스템에서 상기 생성된 트리정보를 이동단말로부터 입력된 주소정보를 이용하여 변환하는 일례를 도시한 도면이다.

도 6은 본 발명의 일실시예에 따른 웹페이지 로딩 방법의 순서를 도시한 흐름도이다.

<도면의 주요 부분에 대한 부호의 설명>

200: 웹페이지 로딩 시스템

210: 웹가속기서버

211: 수신 수단

212: 로딩 수단

213: 저장 공간

214: 변환 수단

215: 전송 수단

220: 이동단말

221: 송수신부

222: 저장부

223: 메모리

224: 로딩부

225: 디스플레이부

Claims

이동단말에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 상기 요청과 연관된 웹서버로부터 웹데이터를 수신하는 단계;

상기 수신된 웹데이터를 이용하여 웹페이지를 로딩하고, 상기 로딩된 웹페이지에 대한 트리정보를 생성하는 단계; 및

상기 이동단말에서 상기 트리정보에 기초한 상기 웹페이지의 로딩이 이루어지도록, 상기 생성된 트리정보를 상기 이동단말에 전송하는 단계

를 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
제1항에 있어서,

상기 로딩된 웹페이지에 대한 트리정보를 생성하는 단계는,

상기 웹데이터의 노드 및 상기 노드와 연관관계를 갖는 노드를 저장하는 저장공간의 주소값에 대응하여 데이터 정보를 기록하는 단계;

상기 데이터 정보에 의해 지정되는 주소값에 대응하여 코드 정보를 기록하는 단계; 및

상기 데이터 정보 및 상기 코드 정보를 포함하여, 트리정보를 생성하는 단계

를 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
제2항에 있어서,

상기 로딩된 웹페이지에 대한 트리정보를 생성하는 단계는,

상기 데이터 정보 및 상기 코드 정보를 압축(packing)하여 상기 트리정보에 포함하는 단계

를 더 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
제1항에 있어서,

상기 이동단말로부터, 상기 트리정보가 저장될 상기 이동단말 내 메모리의 주소정보를 입력받는 단계; 및

상기 입력된 주소정보를 고려하여, 상기 트리정보를 변환하는 단계

를 더 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
제4항에 있어서,

상기 입력된 주소정보를 고려하여, 상기 트리정보를 변환하는 단계는,

상기 트리정보에 포함되는 주소값을 상기 입력된 주소정보에 기초하여 조정하는 단계; 및

상기 조정에 연동하여, 상기 트리정보에 포함되는 상기 주소값에 대응하여 기록된 데이터 정보를 조정하는 단계

를 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
제5항에 있어서,

상기 입력된 주소정보를 고려하여, 상기 트리정보를 변환하는 단계는,

상기 웹데이터의 노드에 관한 타입 정보를 기록하는 노드 리스트 테이블을 작성하는 단계; 및

상기 작성된 노드 리스트 테이블을, 상기 조정된 주소값 및 상기 조정된 데이터 정보를 포함하는 트리정보에 추가하는 단계

를 더 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
제1항에 있어서,

상기 로딩된 웹페이지에 대한 트리정보를 생성하는 단계는,

상기 웹페이지의 로딩시, 파싱(pasing) 처리에 따른 돔 트리(DOM tree)를 상기 트리정보로서 생성하는 단계; 또는

상기 웹페이지의 로딩시, 레이아웃(layout) 처리에 따른 렌더 트리(Render tree)를 상기 트리정보로서 생성하는 단계

를 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
웹페이지 접속에 관한 요청에 연동하여, (1)메모리의 주소정보를 웹가속기서버로 전송하고, (2)상기 웹가속기서버로부터 상기 요청에 따라 로딩된 웹페이지에 대한 트리정보를 수신하는 단계;

상기 수신된 트리정보를, 상기 주소정보에 의해 지정되는 메모리에 저장하는 단계; 및

상기 메모리에 저장되는 트리정보에 기초하여, 상기 웹페이지의 로딩을 수행하는 단계

를 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
제8항에 있어서,

상기 트리정보가 압축 형태로 수신될 경우,

상기 트리정보를 압축 해제(unpacking)하는 단계

를 더 포함하는 것을 특징으로 하는 웹페이지 로딩 방법.
제1항 내지 제9항 중 어느 한 항의 방법을 수행하는 프로그램을 기록한 컴퓨터 판독 가능 기록매체.
이동단말에서 웹페이지 접속에 관한 요청이 발생 함에 따라, 상기 요청과 연관된 웹서버로부터 웹데이터를 수신하는 수신 수단;

상기 수신된 웹데이터를 이용하여 웹페이지를 로딩하고, 상기 로딩된 웹페이지에 대한 트리정보를 생성하는 로딩 수단; 및

상기 이동단말에서 상기 트리정보에 기초한 상기 웹페이지의 로딩이 이루어지도록, 상기 생성된 트리정보를 상기 이동단말에 전송하는 전송 수단

을 포함하는 것을 특징으로 하는 웹페이지 로딩 시스템.
제11항에 있어서,

상기 로딩 수단은,

상기 웹데이터의 노드 및 상기 노드와 연관관계를 갖는 노드를 저장하는 저장공간의 주소값에 대응하여 데이터 정보를 기록하고, 상기 데이터 정보에 의해 지정되는 주소값에 대응하여 코드 정보를 기록하고, 상기 데이터 정보 및 상기 코드 정보를 포함하여, 트리정보를 생성하는 것을 특징으로 하는 웹페이지 로딩 시스템.
제12항에 있어서,

상기 로딩 수단은,

상기 데이터 정보 및 상기 코드 정보를 압축하여 상기 트리정보에 포함하는 것을 특징으로 하는 웹페이지 로딩 시스템.
제11항에 있어서,

상기 이동단말로부터, 상기 트리정보가 저장될 상기 이동단말 내 메모리의 주소정보를 입력받고, 상기 입력된 주소정보를 고려하여, 상기 트리정보를 변환하는 변환 수단

을 더 포함하는 것을 특징으로 하는 웹페이지 로딩 시스템.
제14항에 있어서,

상기 변환 수단은,

상기 트리정보에 포함되는 주소값을 상기 입력된 주소정보에 기초하여 조정하고, 상기 조정에 연동하여, 상기 트리정보에 포함되는 상기 주소값에 대응하여 기록된 데이터 정보를 조정하는 것을 특징으로 하는 웹페이지 로딩 시스템.
제15항에 있어서,

상기 변환 수단은,

상기 웹데이터의 노드에 관한 타입 정보를 기록하는 노드 리스트 테이블을 작성하고, 상기 작성된 노드 리스트 테이블을, 상기 조정된 주소값 및 상기 조정된 데이터 정보를 포함하는 트리정보에 추가하는 것을 특징으로 하는 웹페이지 로딩 시스템.
제11항에 있어서,

상기 로딩 수단은,

상기 웹페이지의 로딩시, 파싱(pasing) 처리에 따른 돔 트리(DOM tree)를 상기 트리정보로서 생성하거나, 또는 상기 웹페이지의 로딩시, 레이아웃(layout) 처리에 따른 렌더 트리(Render tree)를 상기 트리정보로서 생성하는 것을 특징으로 하는 웹페이지 로딩 시스템.
웹페이지 접속에 관한 요청에 연동하여, (1)메모리의 주소정보를 웹가속기서버로 전송하고, (2)상기 웹가속기서버로부터, 상기 요청에 따라 로딩된 웹페이지에 대한 트리정보를 수신하는 송수신부;

상기 수신된 트리정보를, 상기 주소정보에 의해 지정되는 메모리에 저장하는 저장부; 및

상기 메모리에 저장되는 트리정보에 기초하여, 상기 웹페이지의 로딩을 수행하는 로딩부

를 포함하는 것을 특징으로 하는 웹페이지 로딩 시스템.
제18항에 있어서,

상기 트리정보가 압축 형태로 수신될 경우,

상기 저장부는,

상기 트리정보를 압축 해제하는 것을 특징으로 하는 웹페이지 로딩 시스템.