JP6203374B2 - ウェブページ・スタイルアドレスの統合 - Google Patents

ウェブページ・スタイルアドレスの統合 Download PDF

Info

Publication number
JP6203374B2
JP6203374B2 JP2016504360A JP2016504360A JP6203374B2 JP 6203374 B2 JP6203374 B2 JP 6203374B2 JP 2016504360 A JP2016504360 A JP 2016504360A JP 2016504360 A JP2016504360 A JP 2016504360A JP 6203374 B2 JP6203374 B2 JP 6203374B2
Authority
JP
Japan
Prior art keywords
style
addresses
data
composite
web page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2016504360A
Other languages
English (en)
Other versions
JP2016518652A (ja
Inventor
ミー・ジーウエン
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Publication of JP2016518652A publication Critical patent/JP2016518652A/ja
Application granted granted Critical
Publication of JP6203374B2 publication Critical patent/JP6203374B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/14Tree-structured documents
    • G06F40/143Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/955Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566URL specific, e.g. using aliases, detecting broken or misspelled links
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Information Transfer Between Computers (AREA)
  • Document Processing Apparatus (AREA)

Description

[関連出願の相互参照]
本出願は、2013年3月22日に出願された、発明の名称を「A METHOD AND DEVICE FOR MERGING WEB PAGE STYLE ADDRESSES(ウェブページ・スタイルアドレスを統合するための方法およびデバイス)」とする中国特許出願第201310095228.9号の優先権を主張する。該出願は、あらゆる目的のために、参照によって本明細書に組み込まれる。
本出願は、ネットワークスタイルアドレスを統合するための方法およびシステムに関する。
インターネットがWeb2.0世代に入り、アプリケーション数の増加とともに、ウェブサーバのフロントエンドページパフォーマンスに対する要求が増している。ユーザは、インターネットを使用するときに、ブラウザを使用してウェブページを閲覧するのが一般的である。ウェブページは、テキストやグラフィックなどのエレメントを有する。ウェブページは、ユニフォーム・リソース・ロケータ(URL)を通じて特定されてアクセスされる。URLは、ハイパーテキスト・マークアップ言語(HTML)でフォーマットされたウェブページを見つけるためのウェブアドレスであり、インターネットページおよびその他のインターネットリソースのアドレスを記述している。ウェブページを設計する際に、設計者らは、ウェブサイトのなかの各ページについてのスタイル設計(例えば、ウェブページレイアウト、書体、色、背景、距離など)を作成する。設計者らは、ウェブページスタイル設計を通じてウェブサイトのフレーム構造、見栄え、およびイベントを構築する。
現在、ウェブページによって活用されるスタイルの数が増している。ウェブページが開かれるたびに、ウェブページの表示に使用するための複数のスタイルコンテンツファイルがウェブページによって読み込まれる。複数のスタイルコンテンツファイルの読み込みは、ウェブページによって活用されるファイルに含まれるコンテンツのスタイルの数が多すぎる場合に、パフォーマンスの低下およびユーザ体験の悪化を招く。例えば、10のスタイルリソース(例えば異なるスタイルシートやジャバスクリプトなど)を活用しているウェブページが、スタイルリソースを取得するために従来の方法を使用するときは、対応するスタイルコンテンツを取得するために、10のウェブページスタイルリクエストがサーバに送信され、各スタイルリクエストは、スタイルコンテンツを取得するためのそれぞれ異なるURLを含んでいる。ウェブページは、取得された10のスタイルリソースのスタイルコンテンツにしたがって、レンダリングおよび表示される。また、スタイルコンテンツは、ウェブページが開かれるたびに10回にわたって読み込まれ、これは、ウェブページの表示速度を低下させるとともにユーザ体験を悪化させる。
以下の詳細な説明および添付の図面において、本発明の様々な実施形態が開示される。
ここで説明される図面の目的は、本出願のさらなる理解を与えることにあり、これらの図面は、本出願の一部を構成している。本出願の例示的実施形態およびそれらの説明は、本出願を説明するためのものであり、本出願に対する不適切な制限を構成するものではない。
ウェブページ・スタイルアドレスを統合するためのプロセスの一実施形態を示したフローチャートである。
スタイルコンテンツを取得するためのプロセスの一実施形態を示したフローチャートである。
スタイルコンテンツを取得するためのプロセスの別の一実施形態を示したフローチャートである。
ウェブページ・スタイルアドレスを統合するためのデバイスの一実施形態を示した図である。
照会ユニットの一実施形態を示した図である。
ウェブページ・スタイルアドレスを統合するためのシステムの一実施形態を示した図である。
本発明は、プロセス、装置、システム、合成物、コンピュータ読み取り可能ストレージ媒体に実装されたコンピュータプログラム製品、ならびに/または結合先のメモリに記憶された命令および/もしくは結合先のメモリによって提供される命令を実行するように構成されたプロセッサ等のプロセッサなどの、数々の形態で実現することができる。本明細書では、これらの実現形態、または本発明がとり得るその他のあらゆる形態が、技術として言及されることができる。総じて、開示されるプロセスの各ステップの順番は、本発明の範囲内で変更可能である。別途明記されない限り、タスクを実施するように構成されるものとして説明されるプロセッサまたはメモリなどのコンポーネントは、所定時にタスクを実施するように一時的に構成された汎用コンポーネントとして、またはタスクを実施するように製造された特殊コンポーネントとして、実装可能である。本明細書で使用される「プロセッサ」という用語は、コンピュータプログラム命令などのデータを処理するように構成された1つ以上のデバイス、回路、ならびに/または処理コアを言う。
本発明の原理を例示した添付の図面とともに、以下で、本発明の1つ以上の実施形態の詳細な説明が提供される。本発明は、このような実施形態との関わりのもとで説明されるが、いずれの実施形態にも限定されない。本発明の範囲は、特許請求の範囲によってのみ限定され、本発明は、数々の代替形態、変更形態、および均等物を包含している。以下の説明では、本発明の完全な理解を与えるために、数々の具体的詳細が明記されている。これらの詳細は、例示を目的として提供されるものであり、本発明は、これらの詳細の一部または全部を伴わずとも、特許請求の範囲にしたがって実施可能である。明瞭を期するために、本発明に関連した技術分野で知られる技工物は、本発明が不必要に不明瞭にされないように、詳細な説明を省略されている。
ウェブページ・スタイルアドレスを統合するための方法が提供される。方法は、ウェブページ・リクエストを端末から受信することと、ウェブページ・リクエストに基づいてウェブページ・リクエストに対応するウェブページ・コンテンツデータを決定することと、複数のスタイルデータを得るために、ウェブページ・コンテンツデータを解析することと、複数のスタイルデータから、スタイルデータに対応するスタイルアドレスおよびスタイル属性を抽出することと、1つ以上の複合スタイルアドレスを得るために、複数のスタイルアドレスを統合することと、を含む。一部の実施形態では、1つ以上の複合スタイルアドレスの数は、複数のスタイルアドレスの数よりも少ない。
図1は、ウェブページ・スタイルアドレスを統合するためのプロセスの一実施形態を示したフローチャートである。一部の実施形態では、プロセス100は、図6のサーバ610によって実行される。
インターネットを使用する際に、ユーザは、関連のコンテンツを閲覧するために、ブラウザを通じてウェブページを開くことができる。この時点で、ユーザの端末は、ウェブページ・リクエストをウェブサーバに送信する。一部の実施形態では、ウェブページ・リクエストは、ハイパーテキスト転送プロトコル(HTTP)を満たす形式、または当業者に理解される別の転送プロトコルの形式である。また、一部の実施形態では、ウェブページ・リクエストは、ウェブページについてのページアドレス情報すなわちURLを含む。ウェブページ・リクエストは、ウェブページ内の複数のスタイルのアドレスをユーザの端末に送り返すようにウェブサーバに要求し、ユーザの端末は、複数のスタイルのアドレスを使用して、それらのアドレスによって示されるスタイルコンテンツを読み込む。ウェブページ内のスタイルのアドレスの例として、http://style.china.alibaba.com/a.js(Javascript)(登録商標)およびhttp://style.china.alibaba.com/a.css(CSS)が挙げられる。
110において、サーバは、ユーザの端末からウェブページ・リクエストを受信する。
120において、サーバは、ウェブページ・リクエストに基づいて、ウェブページ・リクエストに対応するウェブページ・コンテンツデータを決定する。一部の実施形態では、ウェブページ・リクエストは、ページアドレス情報を含み、サーバは、ウェブページ・リクエストに対応するウェブページ・コンテンツデータを決定するために、ページアドレス情報に基づいて、第1のデータベースにおいて照会を行う。ウェブページ・コンテンツデータも、同様に、ウェブページ・リクエストに対応するHTTPまたはプロトコル形式を満たしている。また、一部の実施形態では、ウェブページ・コンテンツデータは、ハイパーテキスト・マークアップ言語(HTML)コード、スクリプト言語コード、およびその他のコード文を含む。コード文は、ウェブページ・コンテンツデータのなかの複数のオリジナルスタイルデータを記述するために使用される。各オリジナルスタイルデータは、データタグと、スタイル属性と、スタイルアドレスと、その他の同様な情報とを含む。
130において、サーバは、ウェブページ・リクエストに対応するウェブページ・コンテンツデータを決定した後、複数のスタイルデータを得るためにウェブページ・コンテンツデータを解析する。
ウェブページ・コンテンツデータは、複数のオリジナルスタイルデータを含む。ウェブページ・コンテンツデータを解析するということは、ウェブページ・コンテンツデータが正しくて、かつ完全であるかどうかをサーバが決定することを意味する。例えば、サーバは、各オリジナルスタイルデータのコード文フォーマットやデータタグなどを解析する。解析プロセス中、サーバは、もしあるとすれば何れのオリジナルスタイルデータが誤りを見せるか、不完全であるか、またはその両方であるかを決定する。一部の実施形態では、正しくて、かつ完全なオリジナルスタイルデータが、後に続く動作で使用される。正しくて、かつ完全なオリジナルスタイルデータは、スタイルデータと呼ばれ、複数のスタイルデータが、正しくて、かつ完全なオリジナルスタイルデータから得られる。
例えば、サーバは、ウェブページ・コンテンツデータに含まれる<link>タグまたは<script>タグを含むコード文を検索し、<link>タグまたは<script>タグを含む各コード文をチェックおよび解析し、チェックおよび解析を経たコード文が1つのスタイルデータ(正しくて、かつ完全なコード文)を記述しているどうかを決定する。以下のコード文を例にとる。
文1:<link href=http://style.china.alibaba.com/a.css rel=”stylesheet”>
まず、コード文のフォーマットがチェックされる。具体的には、サーバは、<link>タグが「href」属性を含むかどうかをチェックする。サーバは、<link>タグが「href」属性を含むと決定した場合は、そのデータタグがrel=”stylesheet”を含むかどうかをチェックする。そのタグデータがrel=”stylesheet”を含む場合は、サーバは、http://style.china.alibaba.com/a.cssが一連の要件を満たすスタイルアドレス情報を有するかどうかをチェックする。例えば、一連の要件は、スタイルアドレスのサーバドメイン名が正しいことを含む。一例として、ドメインは、何れのドメインが特定されるかを指定した設定ファイルに基づいて設定される。また、設定ファイルのなかで見つけられないドメイン名は、無視される。スタイルアドレスが一連の要件に適合している場合は、サーバは、スタイルアドレスの拡張子タイプをチェックする。サーバは、スタイルアドレスが「.css」拡張子を有すると決定する。
文2:<script src = “http://style.china.alibaba.com/a.js”></script>
文1を解析するためのプロセスと同様に、サーバは、先ず、<script>タグが「src」属性を含むかどうかをチェックすることによって、コード文のフォーマットをチェックする。<script>タグが「src」属性を含む場合は、サーバは、コード文が</script>で終わるかどうかをチェックする。コード文が</script>で終わる場合は、このコード文は正しく、サーバは、スタイルアドレスhttp://style.china.alibaba.com/a.jsが一連の要件に適合しているかどうかをチェックする。スタイルアドレスhttp://style.china.alibaba.com/a.jsでは、サーバは、スタイルアドレスに対応するURLが「.js」拡張子を有するかどうかに基づいて、スタイルアドレスが正しいかどうかを決定する。スタイルアドレスが一連の要件に適合していると想定すると、サーバは、スタイルアドレスの拡張子タイプをチェックし、スタイルアドレスが「.js」拡張子を有すると決定する。
コード文が完全で、かつ正しいと決定された場合は、サーバは、コード文を1つのスタイルデータであると決定する。コード文が誤りを有することが解析プロセスによって明らかにされた場合は、サーバは、コード文の解析を停止し、次のコード文の解析に移る。このようにして、サーバは、ウェブページ・コンテンツデータを解析して複数のスタイルデータを得る。各スタイルデータは、スタイルアドレスおよびスタイル属性を含む。
140において、サーバは、複数のスタイルデータから、対応するスタイルアドレスおよびスタイル属性を抽出する。言い換えると、コード文が1つのスタイルデータを記述していることが解析によって示された場合は、サーバは、対応するスタイルデータのコード文からスタイルアドレスおよびスタイル属性を抽出する。言い換えると、解析を経たウェブページ・コンテンツデータのなかのスタイルデータは、スタイルアドレスおよびスタイル属性を得るために、データの再処理を経る。この時点で、解析を経たウェブページ・コンテンツデータは、スタイル解析データと呼ばれる。このスタイル解析データは、複数のスタイルデータ(正しくて、かつ完全なオリジナルスタイルアドレス)に対応することができ、各スタイルデータは、スタイルアドレスおよびスタイル属性を含んでいる。スタイル属性は、スタイルデータをグループ分けしてスタイルデータのなかで複数のスタイルアドレスを統合するために使用することができる。さらに、動作140は、スタイル属性に基づいて複数のスタイルアドレスを統合して、単純化されたコード言語を実現するものとして理解することができる。
150では、スタイルデータのスタイルアドレスおよびスタイル属性を得た後に、サーバは、1つ以上の複合スタイルアドレスを得るために、複数のスタイルアドレスを統合する。一部の実施形態では、複合スタイルアドレスの数は、複数のスタイルアドレスの数よりも少ない。一例として、スタイル解析データのスタイルデータは、スタイル属性の値にしたがってグループ分けされ、同じスタイル属性値を有するスタイルアドレスが統合される。
スタイル解析データにおいて複数のスタイルアドレスが統合された後、サーバは、複合スタイルデータを得る。複合スタイルデータは、1つ以上の複合スタイルアドレスを含む。複合スタイルアドレスは、スタイル属性にしたがって複数のスタイルアドレスを統合して得られるスタイルアドレスである。言い換えると、複合スタイルアドレスを得るために、複数のスタイルアドレスがそれらのスタイル属性にしたがって統合される。
サーバは、スタイル解析データのスタイルアドレスに基づいてスタイルデータをグループ分けし、次いで、スタイル属性にしたがってスタイルアドレスを統合する。以下のプログラムコード1は、従来のスタイル解析データである。スタイルデータの統合は、プログラムコード1を一例として使用して説明される。

プログラムコード1:
<html>
<head>…..</head>
<body>
<link data-sc-pos=”head” data-sc-group=”group1” href=”http://style.china.alibaba.com/a.css” rel=”stylesheet”/>
<link data-sc-pos=”head” data-sc-group=”group1” href=”http://style.china.alibaba.com/b.css” rel=”stylesheet”/>
<script data-sc-pos=”footer” data-sc-group=”group2” src=”http://style.china.alibaba.com/a.js”></script>
<script data-sc-pos=”footer” data-sc-group=”group2” src=”http://style.china.alibaba.com/b.js”></script>
</body>
</html>
一部の実施形態では、スタイル解析データは、2つのタイプのコード言語、すなわちCSSコードおよびJSコードを含む。この例では、CSSコードは、2つの<link>文を定義するために使用され、JSコードは、2つの<script>文を定義するために使用される。<link>タグおよび<script>タグを有するコード文の完全性および正しさを前提とすると、スタイル解析データは、4つのスタイルデータを含むことができる。
一部の実施形態では、スタイル解析データのなかの4つのスタイルデータは、プログラムコード2に後ほど示されるように、複合スタイルデータを得るために統合される。プログラムコード2のなかのコード文は、2つのスタイル属性、すなわち位置属性(data-sc-pos)およびグループ属性(data-sc-group)を含む。位置属性は、統合後に現スタイルアドレスが配されるページ上の位置を示しており、その詳細は、後ほどさらに説明される。例えば、data-sc-pos=”head”であるときは、スタイルアドレスは、HTMLコードの<head>${…}</head>内に配され、data-sc-pos=”footer”であるときは、スタイルアドレスは、HTMLコードの${…}</body>の前に配される。グループ属性は、スタイルアドレスが属するグループを示すために使用される。グループ属性値は、グループ同士を区別するために使用される。グループ属性は、位置属性と併せて使用される。もし、グループ属性が単独で使用されると、2タイプのスタイル属性が見落とされることになる。
プログラムコード1に示されたスタイル解析データにおいて、グループにしたがってスタイルアドレスを統合するためには、先ず、スタイル解析データが、位置属性に基づいてグループ分けされ、次いで、グループ分けされたスタイル解析データが、スタイル属性に基づいてグループ分けされる。言い換えると、スタイル解析データのなかの4つのスタイルデータは、先ずはそれらの位置属性に基づいて、次いでそれらのグループ属性に基づいてグループ分けされる。
スタイル解析データにおいて、スタイルアドレスは、それらの位置属性の値(例えば、data-sc-pos=”head”やdata-sc-pos=”footer”)にしたがって第1のグループ分けを経る。例えば、「head」という値を有する位置属性を有する文が、1つのグループにまとめられ、「footer」という値を有する位置属性を有する文が、1つのグループにまとめられる。したがって、位置属性に基づいてスタイルアドレスグループを得ることが可能である。スタイルアドレスをそれらの位置属性にしたがってグループ分けすることによって、ウェブページスタイルが読み込まれる順序を識別することが可能である。位置属性に基づくスタイルアドレスグループは、次いで、同じグループ属性値を持つスタイルアドレスグループを得るために、グループ属性にしたがった第2のグループ分けを経る。グループ属性値の例は、data-sc-group=”group1”およびdata-sc-group=”group2”であり、data-sc-group=”group1”を含むスタイルアドレスが、1つのグループにまとめられ、data-sc-group=”group2”を含むスタイルアドレスが、別のグループにまとめられる。
各グループのスタイルアドレスは、複合スタイルアドレスを得るために統合される。プログラムコード2は、スタイル解析データの4つのスタイルアドレスを統合した結果である。

プログラムコード2:

<html>
<head>
<link href=”http://style.china.alibaba.com/a|b.css” rel=”stylesheet”/>
</head>
<body>
<script src=http://style.china.alibaba.com/a|b.js></script>
</body>
</html>
ここで、スタイル解析データのなかの文<link data-sc-pos=”head” data-sc-group=”group1” href=”http://style.china.alibaba.com/a.css” rel=”stylesheet”/>および文<link data-sc-pos=”head” data-sc-group=”group1” href=”http://style.china.alibaba.com/b.css” rel=”stylesheet”/>は、統合されて<link href=”http://style.china.alibaba.com/a|b.css” rel=”stylesheet”/>になっている。
文<script data-sc-pos=”footer” data-sc-group=”group2” src=”http://style.china.alibaba.com/a.js”></script>および文<script data-sc-pos=”footer” data-sc-group=”group2” src=”http://style.china.alibaba.com/b.js”></script>は、統合されて<script src=http://style.china.alibaba.com/a|b.js></script>になっている。
さらに、もし、スタイル解析データが統合されたときのコードが2つ以上のコード言語から成るならば、コードごとに個別に統合が実施される。例えば、プログラムコード1は、2タイプのコード言語、すなわちCSSコードおよびJSコードを含む。統合動作において、CSSコードでコンパイルされた文は、それらのグループにしたがって統合され、JSコードでコンパイルされた文は、それらのグループにしたがって統合される。言い換えると、JS文およびCSS文は、それぞれ異なるグループに入れられ、JS文は、統合によってJSグループに入れられ、CSS文は、統合によってCSSグループに入れられる。
上記の例では、プログラムコード1およびプログラムコード2の記述は、統合されたスタイル解析データが含むスタイルアドレスが2つのみであることを明らかにしており、これは、プログラムコード1またはプログラムコード2の単独よりも簡潔である。なお、統合前は2つのJSコード文が存在しているのに対し、統合後に存在しているのは1つの文<script src=http://style.china.alibaba.com/a|b.js></script>のみであり、したがって、統合後の文のほうが簡潔である。統合されたプログラムコード1およびプログラムコード2の簡潔さは、サーバリクエストの頻度を下げることができる。スタイル解析データが多くのスタイルアドレスを含む場合は、スタイルアドレスを統合するための上記のプロセスを使用することによって、スタイルアドレスの数を効果的に減らすことができる。スタイルアドレスの数の減少は、クライアントとサーバとの間のやり取りの頻度も下げることができる。
別の一実施形態では、スタイル解析データは、位置属性は異なるがグループ属性は同じである複数のスタイルデータを有することができる、またはスタイル解析データは、以下のプログラムコード3に示されるスタイル解析データのように、位置属性は同じであるがグループ属性は異なる複数のスタイルデータを有することができる。

プログラムコード3:
<html>
<head>…..</head>
<body>
<link data-sc-pos = “head” data-sc-group=”group1” href=”http://style.china.alibaba.com /c.css” rel=”stylesheet”/>
<link data-sc-pos = “footer” data-sc-group=”group1” href=”http://style.china.alibaba.com /d.css” rel=”stylesheet”/>
<link data-sc-pos = “footer” data-sc-group=”group1” href=”http://style.china.alibaba.com /e.css” rel=”stylesheet”/>
<script data-sc-pos = “footer” data-sc-group=”group3” src=”http://style.china.alibaba.com /c.js” ></script>
<script data-sc-pos = “footer” data-sc-group=”group4” src=”http://style.china.alibaba.com /d.js” ></script>
<script data-sc-pos = “footer” data-sc-group=”group4” src=”http://style.china.alibaba.com /e.js” ></script>
プログラムコード3において、スタイル解析データは、6つのスタイルデータを含む。前半3つのスタイルデータは、位置属性の値が異なりグループ属性の値は同じである<link>タグコードを含む。後半3つのスタイルデータは、位置属性の値が同じでありグループ属性の値は異なる<script>タグコードを含む。グループ分けは、グループ属性値に基づいて実施される。第1のグループが、「group1」を含むスタイルデータから形成され、第2のグループが、「group3」を含むスタイルデータから形成され、第3のグループが、「group4」を含むスタイルデータから形成される。「group1」を含む第1のグループは、2つの位置属性値「head」および「footer」を有する。最初に登場する値が、信頼性が高いものと見なされ、後に続く値は、無視される。言い換えると、値「head」を有する位置属性が、信頼性が高いものと見なされ、後に続く値「footer」を有する位置属性は、無視される。このグループのなかのスタイルアドレスは、統合されて複合スタイルアドレスを形成し、該複合スタイルアドレスは、HTMLコードの<head>${…}<head>内に置かれる。「group3」または「group4」を含む第2および第3のグループの位置属性値は、ともに、「footer」である。したがって、第2および第3のグループのスタイルアドレスが統合されて複合スタイルアドレスを形成した後、該複合スタイルアドレスは、HTMLコードの${…}</body>の前に置かれる。
別の一実施形態では、スタイル解析データのなかの複数のスタイルデータが、それらのグループにしたがって統合される。結果の一例が、プログラムコード4に示される複合スタイルデータである。

プログラムコード4:
<html>
<head>
<link href="http://style.china.alibaba.com/c|d|e.css” rel=”stylesheet”/>
</head>
<body>
<script src = “http://style.china.alibaba.com/c.js” ></script>
<script src = “http://style.china.alibaba.com/d|e.js” ></script>
</body>
</html>
別の一実施形態では、スタイル解析データは、位置属性のみを含み、これらの位置属性は、異なる値を含む。グループは、プログラムコード5に示される例のように、位置属性によって分類される。一例では、グループは、data-sc-groupおよびdata-sc-posに基づいて分類される。その他の例では、グループは、data-sc-posに基づいて分類される。言い換えると、位置は、グループを分類する一手段である。例えば、data-sc-pos=footerが、グループ分けによって1つの分類に入れられ、data-sc-pos=headが、グループ分けによって別の分類に入れられ、data-sc-pos=topが、グループ分けによってさらに別の分類に入れられる。存在するdata-sc-posが3タイプのみであるので、存在する分類も3つである。

プログラムコード5
<html>
<head>…..</head>
<body>
<link data-sc-pos = “head” href=”http://style.china.alibaba.com/f.css” rel=”stylesheet”/>
<link data-sc-pos = “footer” href=”http://style.china.alibaba.com/h.css” rel=”stylesheet”/>
<link data-sc-pos = “footer” href=”http://style.china.alibaba.com/g.css” rel=”stylesheet”/>
<script data-sc-pos = “footer” src=”http://style.china.alibaba.com/f.js” ></script>
<script data-sc-pos = “head” src=”http://style.china.alibaba.com/h.js” ></script>
<script data-sc-pos = “footer” src=”http://style.china.alibaba.com/g.js” ></script>
グループ分けにしたがってこのスタイル解析データに対して統合動作が実施されるときに、このグループ分けは、位置属性値のみに基づいて実施される。言い換えると、「head」を含むスタイルデータが、1つのグループを形成し、「footer」を含むスタイルデータが、別のグループを形成する。各グループのスタイルデータは、統合される。
この例では、スタイル解析データにおいて、同じ値を有するスタイルデータが2つのコード言語(CSSコードおよびJSコード)から成る。したがって、2つのコード間において、位置属性の値は考慮されない。スタイルデータのなかのスタイルアドレスは、プログラムコード6に示されるように、複合スタイルデータを得るために別々にグループ分けおよび統合を経る。

プログラムコード6:
<html>
<head>
<link href="http://style.china.alibaba.com/f.css” rel=”stylesheet”/>
<script src = “http://style.china.alibaba.com /h.js” ></script>
</head>
<body>
<link href="http://style.china.alibaba.com/h|g.css” rel=”stylesheet”/>
<script src = “http://style.china.alibaba.com/f|g.js” ></script>
</body>
スタイル解析データのなかのスタイルアドレスは、複合スタイルアドレスを得るために、グループ分けにしたがって統合される。統合は、スタイルアドレスの数を減少させ、そうして端末とサーバとのやり取りを減らし、サーバにかかるデータ処理負荷を軽減する。
複合スタイルアドレスを含む複合スタイルデータが得られた後、複合スタイルデータは、ユーザの端末に送信される。ユーザの端末は、複合スタイルアドレスを含む複合スタイルデータを受信し、複合スタイルデータに含まれる複合スタイルアドレスにしたがってウェブページリソースを読み込む。ユーザの端末は、ウェブページリソースの読み込みを完了した後、ウェブページをレンダリングする。ウェブページをレンダリングする間、ブラウザは、スタイルコンテンツに基づいてウェブページをレンダリングする。しかしながら、ユーザの端末は、複合スタイルアドレスのスタイルコンテンツを含んでいないので、ウェブページを適切にレンダリングすることができない。したがって、ユーザの端末は、スタイルレンダリング・リクエストをサーバに送信する必要がある。スタイルレンダリング・リクエストの目的は、複合スタイルアドレスに対応するスタイルコンテンツをユーザの端末に送り返すようにサーバに要求することである。スタイルコンテンツには、カスケーディングスタイルシートやJSコードなどがある。また、一部の実施形態では、スタイルコンテンツは、第2のデータベース内に配置される。一部の実施形態では、カスケーディングスタイルシートおよびJSコードは、ページレイアウト、書体、色、背景、距離などを制御する。ユーザの端末は、スタイルコンテンツに基づいてページレンダリングを実施する。
図2は、スタイルコンテンツを取得するためのプロセスの一実施形態を示したフローチャートである。一部の実施形態では、プロセス200は、図6のサーバ610によって実行され、以下を含む。
210において、サーバは、ユーザの端末からスタイルレンダリング・リクエストを受信する。スタイルレンダリング・リクエストは、複合スタイルアドレスを含む。
220において、サーバは、複合スタイルアドレスに基づいて、複合スタイルアドレスに対応するスタイルコンテンツを得る。サーバは、スタイルコンテンツにアクセスするときに、複合スタイルアドレスを解析する。複合スタイルアドレスの解析は、以下の例に示される。
文<script src=http://style.china.alibaba.com/a|b.js></script>において、解析は、文に含まれるサーバドメイン名が「style.china.alibaba.com」であると決定する。取得されるスタイルコンテンツのためのパスは、「/a|b.js」である。複合スタイルアドレスは、3つ目のフォワードスラッシュ「/」およびパイプライン「|」で始まり、サーバ上のパーサが、統合部分「a|b.js」をアドレスセグメント「a.js」とアドレスセグメント「b.js」とに分断する。各アドレスセグメントは、一スタイルアドレスに相当する。
さらに、複合スタイルアドレスは、解析を経て、複数のスタイルアドレスのうちの一スタイルアドレスにそれぞれが相当する複数のアドレスセグメントに区分けされる。複数のアドレスセグメントは、区分けされた後、サーバの第2のデータベースのなかの対応する複数のスタイルコンテンツにアクセスするために使用される。言い換えると、複数のスタイルコンテンツは、複数のアドレスセグメントに基づいてアクセスされる。スタイルコンテンツには、カスケーディングスタイルシートやJSコードなどがある。一部の実施形態では、第2のデータベースは、スタイルデータベースである。
230において、サーバは、スタイルコンテンツをユーザの端末に送信する。
別の一実施形態では、サーバは、複数のアドレスセグメントの複数のスタイルコンテンツを集めて1つのファイルに入れ、そのファイルを、複数のアドレスセグメントに対応する複合スタイルアドレスに対応させる。ファイルのなかのスタイルコンテンツは、スタイルコンテンツにアクセスするプロセスにおける動作数を減少させるために、複合スタイルアドレス全体を通じてアクセスされる。
図3は、スタイルコンテンツを取得するためのプロセスの別の一実施形態を示したフローチャートである。一部の実施形態では、プロセス300は、図6のサーバ610によって実行され、以下を含む。
310において、サーバは、ユーザの端末からスタイルレンダリング・リクエストを受信する。スタイルレンダリング・リクエストは、複合スタイルアドレスを含む。
320において、サーバは、スタイルレンダリング・リクエストに含まれる複合スタイルアドレスを複数のアドレスセグメントに区分けし、複数のアドレスセグメントに対応する複数のスタイルコンテンツにアクセスする。
330において、サーバは、複合スタイルアドレスを、対応するパスに変換する。例えば、パスに基づいてmd5文字列を生成するために、md5アルゴリズムが使用される。例えば、パスhttp://style.china.alibaba.com/a|b|c.jsは、md5文字列「2ab1888e34caec2181beab4b34cc7444」に対応する。第2のデータベースのなかにファイルが作成され、上記文字列は、このファイルを名付けるために使用される。このファイルは、複合スタイルアドレスに対応するファイルとして機能する。一部の実施形態では、ファイルは、複数のスタイルコンテンツを格納するために使用される。この動作は、以下のようにまとめることができる。すなわち、複合スタイルアドレスに対応するファイルを作成し、そのファイルに複数のスタイルコンテンツを格納する。md5アルゴリズムは、データセグメントを、例えばef8dead9cce9da95277431aa12291634_4371893471.jsのような32ビット長の文字列テキストに暗号化する。この文字列テキストは、一意である。言い換えると、異なる複合スタイルアドレスから生成された文字列テキストは、それぞれ異なっている。
340において、サーバは、複合スタイルアドレスに対応するファイルを照会し、ファイルのスタイルコンテンツにアクセスする。
350において、サーバは、スタイルコンテンツをユーザの端末に送信する。
続いて、ユーザの端末は、受信されたスタイルコンテンツにしたがってウェブページをレンダリングし、最終的に、レンダリングされたウェブページを表示する。
一部の実施形態では、上記のサーバとして、ダイナミックサーバやスタイルサーバなどの、1つの独立サーバまたは複数のサーバが使用される。ダイナミックサーバは、各ウェブページアドレスに対応するウェブページ・コンテンツデータを格納するものであり、グループ分けにしたがってスタイル解析データのなかのスタイルアドレスを統合する役割を担っている。スタイルサーバは、各スタイルアドレスに対応するスタイルコンテンツを格納するものであり、複合スタイルアドレスを区分けすることができる。
従来、ユーザの端末は、対応するスタイルコンテンツを得るために、スタイル解析データのなかの全てのスタイルアドレスをまとめてサーバに送信する。スタイルアドレスを統合することによって、スタイルアドレスの量が軽減され、それによって、ネットワークにおけるやり取りの頻度が効果的に下げられ、ユーザの満足度が向上する。
図4は、ウェブページ・スタイルアドレスを統合するためのデバイスの一実施形態を示した図である。一部の実施形態では、デバイス400は、プロセス100、200、および300を実施し、受信ユニット410と、照会ユニット420と、解析ユニット430と、抽出ユニット440と、統合ユニット450とを含む。
受信ユニット410は、ユーザ端末からウェブページ・リクエストを受信する。
端末がウェブページを開くときに送出されるウェブページ・リクエストは、ページアドレス情報を含む。
照会ユニット420は、ウェブページ・リクエストに基づいて、ウェブページ・コンテンツデータを決定する。
解析ユニット430は、ウェブページ・コンテンツデータを解析し、ウェブページ・コンテンツデータのなかのスタイルデータを見つける。
抽出ユニット440は、スタイルデータのなかのスタイルアドレスおよびスタイル属性を抽出する。
統合ユニット450は、対応するスタイルデータのなかのスタイルアドレスおよびスタイル属性にしたがって、スタイルアドレスを統合する。
ウェブページ・リクエストに含まれるページアドレス情報は、サーバの第1のデータベースのなかで、ウェブページ・リクエストに対応するウェブページ・コンテンツデータを1つ決定する。このウェブページ・コンテンツデータは、複数のオリジナルスタイルデータを含む。各オリジナルスタイルデータは、データタグと、スタイル属性と、スタイルアドレスと、その他の同様な情報とを含む。
解析ユニット430は、複数のスタイルデータを得るために、ウェブページ・コンテンツデータを解析する。
解析ユニット430は、ウェブページ・コンテンツデータのなかの各オリジナルスタイルデータを解析し、各オリジナルスタイルデータの正しさおよび完全性を評価する。解析ユニット430は、誤っている、不完全である、またはその両方であるオリジナルスタイルデータをスキップする。正しくて、かつ完全なオリジナルスタイルデータは、スタイルデータであると決定される。
解析を経たウェブページ・コンテンツデータは、スタイル解析データであると決定される。スタイル解析データは、複数のスタイルデータを含む。
抽出ユニット440は、複数のスタイルデータからスタイルアドレスおよびスタイル属性を抽出する。したがって、抽出ユニット440は、複数のスタイルアドレスおよび複数のスタイル属性を得ることができる。
統合ユニット450は、1つ以上の複合スタイルアドレスを得るために、複数のスタイルアドレスを統合する。一部の実施形態では、複合スタイルアドレスの数は、スタイルアドレスの数よりも少ない。
一部の実施形態では、抽出ユニット440が、対応するスタイルデータのスタイルアドレスおよびスタイル属性を抽出するので、統合ユニット450は、1つ以上の複合スタイルアドレスを得るために、複数のスタイルアドレスのスタイル属性に基づいて複数のスタイルアドレスを統合する。
一部の実施形態では、複数のスタイルアドレスが統合されるゆえに、結果として得られる複合スタイルアドレスの数は、複数のスタイルアドレスの数よりも少ない。したがって、サーバと端末との間のデータのやり取りの頻度を下げることができる。
統合ユニット450は、複合スタイルアドレスをユーザの端末に送信する。
ユーザの端末は、複合スタイルアドレスに関係するスタイルコンテンツを有していないので、1つ以上の複合スタイルアドレスを使用してウェブページをレンダリングすることができない。したがって、ユーザの端末は、別のリクエストをサーバに送信することができる。このリクエストは、スタイルレンダリング・リクエストに相当する。
受信ユニット410は、ユーザの端末からスタイルレンダリング・リクエストを受信する。スタイルレンダリング・リクエストは、1つ以上の複合スタイルアドレスを含む。
照会ユニット420は、1つ以上の複合スタイルアドレスに基づいて、スタイルコンテンツにアクセスする。
一部の実施形態では、照会ユニット420は、さらに、区分けユニットと、アクセスユニットとを含む。
図5は、照会ユニットの一実施形態を示した図である。一部の実施形態では、照会ユニット500は、図4の照会ユニット420を実現したものであり、区分けユニット510と、アクセスユニット520とを含む。
区分けユニット510は、複合スタイルアドレスを複数のアドレスセグメントに区分けする。一部の実施形態では、各アドレスセグメントは、複数のスタイルアドレスのうちの一スタイルアドレスに相当する。
アクセスユニット520は、複数のアドレスセグメントに基づいて、複数のスタイルコンテンツにアクセスする。
図4に戻り、統合ユニット450は、複数のスタイルコンテンツをユーザの端末に送信する。
別の一実施形態では、照会ユニット420は、さらに、解析された複合スタイルアドレスに基づいて、1つのファイルを作成する。一部の実施形態では、照会ユニット420は、そのファイルに複数のスタイルコンテンツを格納する。
受信ユニット410は、この場合も、ユーザの端末からスタイルレンダリング・リクエストを受信する。図5に戻り、区分けユニット510は、スタイルレンダリング・リクエストのなかの1つ以上の複合スタイルアドレスを解析する。アクセスユニット520は、複合スタイルアドレスに対応するファイルを照会することによって、ファイルのなかのスタイルコンテンツにアクセスする。
図4に戻り、統合ユニット450は、ファイルのなかのスタイルコンテンツをユーザの端末に送信する。
図6は、ウェブページ・スタイルアドレスを統合するためのシステムの一実施形態を示した図である。一部の実施形態では、システム600は、ネットワーク630を通じてクライアント620に接続されたサーバ610を含む。クライアント620は、ラップトップコンピュータ、デスクトップコンピュータ、タブレット、モバイル端末、スマートフォン、ウェアラブルネットワーキングデバイス、またはその他の任意の適切な計算装置であってよい。一部の実施形態では、ウェブブラウザまたはスタンドアローンアプリケーションが各クライアント620にインストールされ、サーバ610によって運営されているウェブページにユーザがアクセスすることを可能にする。
クライアント620を使用しているユーザは、ウェブブラウザを通じてウェブページを開く。クライアント620は、ネットワーク630に載せてウェブサーバ610にリクエストを送信する。サーバは、例えば、プロセス100を実施し、1つ以上の複合スタイルアドレスをクライアント620に送り返す。一部の実施形態では、クライアント620は、別のリクエストをサーバ610に送信する。サーバは、スタイルコンテンツを取得するためにプロセス200または300を実施し、取得されたスタイルコンテンツをクライアント620に送り返す。
上述されたユニットは、1つ以上の汎用プロセッサ上で実行されるソフトウェアコンポーネントとして、またはプログラマブルロジックデバイスおよび/もしくは特定の機能を実施するように設計された特殊用途向け集積回路などのハードウェアとして、またはそれらの組み合わせとして実装することができる。一部の実施形態では、ユニットは、本発明の実施形態で説明される方法を(パソコン、サーバ、ネットワーク機器などの)計算装置に実行させるための幾つかの命令を含み尚、かつ(光ディスク、フラッシュストレージデバイス、モバイルハードディスクなどの)不揮発性のストレージ媒体に記憶させることができるソフトウェア製品の形で具現化することができる。ユニットは、1つのデバイス上に実装されてよい、または複数のデバイスに分散されてよい。ユニットの機能は、互いに統合されてよい、または複数のサブユニットにさらに分けられてよい。
本明細書で開示された実施形態に照らして説明される方法またはアルゴリズム的ステップは、ハードウェア、プロセッサによって実行されるソフトウェアモジュール、またはこれら両方の組み合わせを使用して実現することができる。ソフトウェアモジュールは、ランダムアクセスメモリ(RAM)、メモリ、読み出し専用メモリ(ROM)、電気的にプログラム可能なROM、電気的に消去可能でプログラム可能なROM、レジスタ、ハードドライブ、着脱式ディスク、CD−ROM、または当該技術分野で知られるその他の任意の形態のストレージ媒体にインストールすることができる。
以上の実施形態は、理解を明瞭にする目的で幾らか詳細に説明されてきたが、本発明は、提供された詳細に限定されない。本発明を実現するには、多くの代替的手法がある。開示された実施形態は、例示的であり、限定的ではない。
本発明は、たとえば、以下のような態様で実現することもできる。

適用例1:
ウェブページ・スタイルアドレスを統合するための方法であって、
クライアント端末からウェブページ・リクエストを受信することと、
前記ウェブページ・リクエストに基づいて、ウェブページ・コンテンツデータを決定することと、
前記ウェブページ・コンテンツデータから、スタイルアドレスおよびスタイル属性をそれぞれが含む複数のスタイルデータを抽出することと、
1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスを統合することと、
を備える方法。

適用例2:
適用例1に記載の方法であって、
前記複数のスタイルアドレスを統合することは、
前記1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスのスタイル属性に基づいて、前記複数のスタイルアドレスを統合することと、
前記1つ以上の複合スタイルアドレスを前記端末に送信することと、
を含む、方法。

適用例3:
適用例2に記載の方法であって、
前記複数のスタイルアドレスを統合することは、さらに、
前記端末から、前記1つ以上の複合スタイルアドレスを含むスタイルレンダリング・リクエストを受信することと、
前記1つ以上の複合スタイルアドレスに基づいてスタイルコンテンツにアクセスすることと、
前記スタイルコンテンツを前記端末に送信することと、
を含む、方法。

適用例4:
適用例3に記載の方法であって、
前記スタイルコンテンツにアクセスすることは、
前記1つ以上の複合スタイルアドレスを解析することと、
前記1つ以上の複合スタイルアドレスを、それぞれが1つのスタイルアドレスに相当する複数のアクセスセグメントに区分けすることと、
前記複数のアドレスセグメントに基づいて、複数のスタイルコンテンツにアクセスすることと、
前記1つ以上の複合スタイルアドレスに対応するファイルを作成することと、
前記複数のスタイルコンテンツを前記ファイルに格納することと、
を含む、方法。

適用例5:
適用例4に記載の方法であって、
前記1つ以上の複合スタイルアドレスに対応するスタイルコンテンツにアクセスすることは、
前記1つ以上の複合スタイルアドレスに対応するファイルが存在するかどうかを判定することと、
前記ファイルが存在する場合に、前記ファイルの前記複数のスタイルコンテンツにアクセスするために、前記ファイルを照会することと、
を含む、方法。

適用例6:
適用例1に記載の方法であって、
前記1つ以上の複合スタイルアドレスの数は、前記複数のスタイルアドレスの数よりも少ない、方法。

適用例7:
ウェブページ・スタイルアドレスを統合するためのデバイスであって、
少なくとも1つのプロセッサと、
前記少なくとも1つのプロセッサに結合され、前記少なくとも1つのプロセッサに命令を提供するように構成されたメモリと、
を備え、
前記少なくとも1つのプロセッサは、
クライアント端末からウェブページ・リクエストを受信することと、
前記ウェブページ・リクエストに基づいて、ウェブページ・コンテンツデータを決定することと、
前記ウェブページ・コンテンツデータから、スタイルアドレスおよびスタイル属性をそれぞれが含む複数のスタイルデータを抽出することと、
1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスを統合することと、
を行うように構成される、デバイス。

適用例8:
適用例7に記載のデバイスであって、
前記複数のスタイルアドレスを統合することは、
前記1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスのスタイル属性に基づいて、前記複数のスタイルアドレスを統合することと、
前記1つ以上の複合スタイルアドレスを前記端末に送信することと、
を含む、デバイス。

適用例9:
適用例8に記載のデバイスであって、
前記複数のスタイルアドレスを統合することは、さらに、
前記端末から、前記1つ以上の複合スタイルアドレスを含むスタイルレンダリング・リクエストを受信することと、
前記1つ以上の複合スタイルアドレスに基づいてスタイルコンテンツにアクセスすることと、
前記スタイルコンテンツを前記端末に送信することと、
を含む、デバイス。

適用例10:
適用例9に記載のデバイスであって、
前記スタイルコンテンツにアクセスすることは、
前記1つ以上の複合スタイルアドレスを解析することと、
前記1つ以上の複合スタイルアドレスを、それぞれが1つのスタイルアドレスに相当する複数のアクセスセグメントに、区分けすることと、
前記複数のアドレスセグメントに基づいて、複数のスタイルコンテンツにアクセスすることと、
前記1つ以上の複合スタイルアドレスに対応するファイルを作成することと、
前記複数のスタイルコンテンツを前記ファイルに格納することと、
を含む、デバイス。

適用例11:
適用例10に記載のデバイスであって、
前記1つ以上の複合スタイルアドレスに対応する前記スタイルコンテンツにアクセスすることは、
前記1つ以上の複合スタイルアドレスに対応するファイルが存在するかどうかを判定することと、
前記ファイルが存在する場合に、前記ファイルの前記複数のスタイルコンテンツにアクセスするために、前記ファイルを照会することと、
を含む、デバイス。

適用例12:
適用例7に記載のデバイスであって、
前記1つ以上の複合スタイルアドレスの数は、前記複数のスタイルアドレスの数よりも少ない、デバイス。

適用例13:
有体の非一時的なコンピュータ読み取り可能ストレージ媒体に盛り込まれた、ウェブページ・スタイルアドレスを統合するためのコンピュータプログラム製品であって、
クライアント端末からウェブページ・リクエストを受信するためのコンピュータ命令と、
前記ウェブページ・リクエストに基づいてウェブページ・コンテンツデータを決定するためのコンピュータ命令と、
前記ウェブページ・コンテンツデータから、スタイルアドレスおよびスタイル属性をそれぞれが含む複数のスタイルデータを抽出するためのコンピュータ命令と、
1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスを統合するためのコンピュータ命令と、
を備えるコンピュータプログラム製品。

Claims (14)

  1. ウェブページ・スタイルアドレスを統合するための方法であって、
    クライアント端末からウェブページ・リクエストを受信することと、
    前記ウェブページ・リクエストに基づいて、ウェブページ・コンテンツデータを決定することと、
    前記ウェブページ・コンテンツデータから、複数のスタイルデータを抽出することであって、前記複数のスタイルデータに含まれる一つのスタイルデータは、スタイルアドレスおよび少なくとも二つのスタイル属性を含み、前記少なくとも二つのスタイル属性は、第1のスタイル属性と第2のスタイル属性とを含む、複数のスタイルデータ抽出と、
    1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスを統合することであって、
    前記第1のスタイル属性に基づいて、前記複数のスタイルデータの第1の複数のスタイルアドレスを、少なくとも第1グループの複数のスタイルアドレスと、第2グループの複数のスタイルアドレスとに、グループ分けすることと、
    前記第2のスタイル属性に基づいて、前記第1グループの複数のスタイルアドレスの1以上のスタイルアドレスを、少なくとも第1サブグループの複数のスタイルアドレスと、第2サブグループの複数のスタイルアドレスとに、グループ分けすることであって、前記第1のスタイル属性は、前記第2のスタイル属性とは異なる、グループ分けと、
    前記第2のスタイル属性に基づいて、前記第2グループの複数のスタイルアドレスの1以上のスタイルアドレスを、少なくとも第3サブグループの複数のスタイルアドレスと、第4サブグループの複数のスタイルアドレスとに、グループ分けすることと、
    前記第1サブグループ、前記第2サブグループ、前記第3サブグループ、または前記第4サブグループの一つの第2の複数のスタイルアドレスを、一つの複合スタイルアドレスに統合することであって、前記第2の複数のスタイルアドレスのスタイルアドレスは、同じサブグループに含まれるスタイルアドレスである、第1の複数のスタイルアドレスの統合と、
    を含む、前記複数のスタイルアドレスを統合と、
    を備える方法。
  2. 請求項1に記載の方法であって、
    前記複数のスタイルアドレスを統合することは、
    前記1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスに関連づけられた前記スタイルデータ複数のスタイル属性に基づいて、前記複数のスタイルアドレスを統合することと、
    前記1つ以上の複合スタイルアドレスを前記クライアント端末に送信することと、
    を含む、方法。
  3. 請求項2に記載の方法であって、
    前記複数のスタイルアドレスを統合することは、さらに、
    前記クライアント端末から、前記1つ以上の複合スタイルアドレスを含むスタイルレンダリング・リクエストを受信することと、
    前記1つ以上の複合スタイルアドレスに基づいてスタイルコンテンツにアクセスすることと、
    前記スタイルコンテンツを前記クライアント端末に送信することと、
    を含む、方法。
  4. 請求項3に記載の方法であって、
    前記スタイルコンテンツにアクセスすることは、
    前記1つ以上の複合スタイルアドレスを解析することと、
    前記1つ以上の複合スタイルアドレスを、それぞれが1つのスタイルアドレスに相当する複数のアクセスセグメントに区分けすることと、
    前記複数のアドレスセグメントに基づいて、複数のスタイルコンテンツにアクセスすることと、
    前記1つ以上の複合スタイルアドレスに対応するファイルを作成することと、
    前記複数のスタイルコンテンツを前記ファイルに格納することと、
    を含む、方法。
  5. 請求項4に記載の方法であって、
    前記1つ以上の複合スタイルアドレスに対応するスタイルコンテンツにアクセスすることは、
    前記ファイルの前記複数のスタイルコンテンツにアクセスするために、前記ファイルを照会することと、
    を含む、方法。
  6. 請求項1に記載の方法であって、
    前記1つ以上の複合スタイルアドレスの数は、前記複数のスタイルアドレスの数よりも少ない、方法。
  7. ウェブページ・スタイルアドレスを統合するためのデバイスであって、
    少なくとも1つのプロセッサと、
    前記少なくとも1つのプロセッサに結合され、前記少なくとも1つのプロセッサに命令を提供するように構成されたメモリと、
    を備え、
    前記少なくとも1つのプロセッサは、
    クライアント端末からウェブページ・リクエストを受信することと、
    前記ウェブページ・リクエストに基づいて、ウェブページ・コンテンツデータを決定することと、
    前記ウェブページ・コンテンツデータから、複数のスタイルデータを抽出することであって、前記複数のスタイルデータに含まれる一つのスタイルデータは、スタイルアドレスおよび少なくとも二つのスタイル属性を含み、前記少なくとも二つのスタイル属性は、第1のスタイル属性と第2のスタイル属性とを含む、複数のスタイルデータ抽出と、
    1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスを統合することであって、
    前記第1のスタイル属性に基づいて、前記複数のスタイルデータの第1の複数のスタイルアドレスを、少なくとも第1グループの複数のスタイルアドレスと、第2グループの複数のスタイルアドレスとに、グループ分けすることと、
    前記第2のスタイル属性に基づいて、前記第1グループの複数のスタイルアドレスの1以上のスタイルアドレスを、少なくとも第1サブグループの複数のスタイルアドレスと、第2サブグループの複数のスタイルアドレスとに、グループ分けすることであって、前記第1のスタイル属性は、前記第2のスタイル属性とは異なる、グループ分けと、
    前記第2のスタイル属性に基づいて、前記第2グループの複数のスタイルアドレスの1以上のスタイルアドレスを、少なくとも第3サブグループの複数のスタイルアドレスと、第4サブグループの複数のスタイルアドレスとに、グループ分けすることと、
    前記第1サブグループ、前記第2サブグループ、前記第3サブグループ、または前記第4サブグループの一つの第2の複数のスタイルアドレスを、一つの複合スタイルアドレスに統合することであって、前記第2の複数のスタイルアドレスのスタイルアドレスは、同じサブグループに含まれるスタイルアドレスである、第1の複数のスタイルアドレスの統合と、
    を含む、前記複数のスタイルアドレスを統合と、
    を行うように構成される、デバイス。
  8. 請求項7に記載のデバイスであって、
    前記複数のスタイルアドレスを統合することは、
    前記1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスに関連づけられた前記スタイルデータ複数のスタイル属性に基づいて、前記複数のスタイルアドレスを統合することと、
    前記1つ以上の複合スタイルアドレスを前記クライアント端末に送信することと、
    を含む、デバイス。
  9. 請求項8に記載のデバイスであって、
    前記複数のスタイルアドレスを統合することは、さらに、
    前記クライアント端末から、前記1つ以上の複合スタイルアドレスを含むスタイルレンダリング・リクエストを受信することと、
    前記1つ以上の複合スタイルアドレスに基づいてスタイルコンテンツにアクセスすることと、
    前記スタイルコンテンツを前記クライアント端末に送信することと、
    を含む、デバイス。
  10. 請求項9に記載のデバイスであって、
    前記スタイルコンテンツにアクセスすることは、
    前記1つ以上の複合スタイルアドレスを解析することと、
    前記1つ以上の複合スタイルアドレスを、それぞれが1つのスタイルアドレスに相当する複数のアクセスセグメントに、区分けすることと、
    前記複数のアドレスセグメントに基づいて、複数のスタイルコンテンツにアクセスすることと、
    前記1つ以上の複合スタイルアドレスに対応するファイルを作成することと、
    前記複数のスタイルコンテンツを前記ファイルに格納することと、
    を含む、デバイス。
  11. 請求項10に記載のデバイスであって、
    前記1つ以上の複合スタイルアドレスに対応する前記スタイルコンテンツにアクセスすることは、
    前記ファイルの前記複数のスタイルコンテンツにアクセスするために、前記ファイルを照会することと、
    を含む、デバイス。
  12. 請求項7に記載のデバイスであって、
    前記1つ以上の複合スタイルアドレスの数は、前記複数のスタイルアドレスの数よりも少ない、デバイス。
  13. ウェブページ・スタイルアドレスを統合するためのコンピュータプログラムであって、コンピュータを使用して、
    クライアント端末からウェブページ・リクエストを受信するための機能と、
    前記ウェブページ・リクエストに基づいてウェブページ・コンテンツデータを決定するための機能と、
    前記ウェブページ・コンテンツデータから、複数のスタイルデータを抽出することであって、前記複数のスタイルデータに含まれる一つのスタイルデータは、スタイルアドレスおよび少なくとも二つのスタイル属性を含み、前記少なくとも二つのスタイル属性は、第1のスタイル属性と第2のスタイル属性とを含む、複数のスタイルデータ抽出機能と、
    1つ以上の複合スタイルアドレスを得るために、前記複数のスタイルアドレスを統合するための機能であって、
    前記第1のスタイル属性に基づいて、前記複数のスタイルデータの第1の複数のスタイルアドレスを、少なくとも第1グループの複数のスタイルアドレスと、第2グループの複数のスタイルアドレスとに、グループ分けすることと、
    前記第2のスタイル属性に基づいて、前記第1グループの複数のスタイルアドレスの1以上のスタイルアドレスを、少なくとも第1サブグループの複数のスタイルアドレスと、第2サブグループの複数のスタイルアドレスとに、グループ分けすることであって、前記第1のスタイル属性は、前記第2のスタイル属性とは異なる、グループ分けと、
    前記第2のスタイル属性に基づいて、前記第2グループの複数のスタイルアドレスの1以上のスタイルアドレスを、少なくとも第3サブグループの複数のスタイルアドレスと、第4サブグループの複数のスタイルアドレスとに、グループ分けすることと、
    前記第1サブグループ、前記第2サブグループ、前記第3サブグループ、または前記第4サブグループの一つの第2の複数のスタイルアドレスを、一つの複合スタイルアドレスに統合することであって、前記第2の複数のスタイルアドレスのスタイルアドレスは、同じサブグループに含まれるスタイルアドレスである、第1の複数のスタイルアドレスの統合と、
    を含む、前記複数のスタイルアドレスを統合するための機能と、
    を実現させるための、コンピュータプログラム。
  14. 請求項1に記載の方法であって、
    前記第1のスタイル属性は、位置属性、グループ属性、またはタイプ属性に関連するものであり、
    前記第2のスタイル属性は、位置属性、グループ属性、またはタイプ属性に関連するものである、方法。
JP2016504360A 2013-03-22 2014-03-20 ウェブページ・スタイルアドレスの統合 Active JP6203374B2 (ja)

Applications Claiming Priority (5)

Application Number Priority Date Filing Date Title
CN201310095228.9A CN104063401B (zh) 2013-03-22 2013-03-22 一种网页样式地址合并的方法和装置
CN201310095228.9 2013-03-22
US14/219,932 2014-03-19
US14/219,932 US9563611B2 (en) 2013-03-22 2014-03-19 Merging web page style addresses
PCT/US2014/031323 WO2014153457A1 (en) 2013-03-22 2014-03-20 Merging web page style addresses

Publications (2)

Publication Number Publication Date
JP2016518652A JP2016518652A (ja) 2016-06-23
JP6203374B2 true JP6203374B2 (ja) 2017-09-27

Family

ID=51551117

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2016504360A Active JP6203374B2 (ja) 2013-03-22 2014-03-20 ウェブページ・スタイルアドレスの統合

Country Status (5)

Country Link
US (1) US9563611B2 (ja)
JP (1) JP6203374B2 (ja)
CN (2) CN108595468A (ja)
TW (1) TWI592807B (ja)
WO (1) WO2014153457A1 (ja)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105577719B (zh) 2014-10-15 2019-11-05 阿里巴巴集团控股有限公司 一种数据压缩方法和装置
WO2016061269A1 (en) * 2014-10-15 2016-04-21 Alibaba Group Holding Limited Compression of cascading style sheet files
CN105574041B (zh) 2014-10-16 2020-07-21 阿里巴巴集团控股有限公司 一种数据重组方法和装置
CN105630345B (zh) 2014-11-06 2019-02-19 阿里巴巴集团控股有限公司 一种控制显示方向的方法和设备
CN106341367A (zh) * 2015-07-06 2017-01-18 中兴通讯股份有限公司 一种内容植入的实现方法和装置
US10657315B2 (en) * 2016-06-28 2020-05-19 Sap Se Generic and automated CSS scoping
CN106294597B (zh) * 2016-07-28 2019-09-20 百度在线网络技术(北京)有限公司 用于对网页的静态资源进行分组的方法和装置
CN106649499A (zh) * 2016-10-10 2017-05-10 五矿电子商务有限公司 一种合并网页中背景图的方法和***
CN111355803A (zh) * 2020-03-04 2020-06-30 海南金盘智能科技股份有限公司 网页的传输方法、客户端和应用服务器
US11514121B2 (en) 2020-08-10 2022-11-29 International Business Machines Corporation Webpage customization
CN112231619A (zh) * 2020-10-15 2021-01-15 北京三快在线科技有限公司 转换方法、装置、电子设备及存储介质
CN113656717B (zh) * 2021-08-06 2024-05-28 上海硬通网络科技有限公司 一种网页的控件渲染方法、装置、设备及存储介质

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5944790A (en) 1996-07-19 1999-08-31 Lucent Technologies Inc. Method and apparatus for providing a web site having a home page that automatically adapts to user language and customs
NZ566291A (en) * 2008-02-27 2008-12-24 Actionthis Ltd Methods and devices for post processing rendered web pages and handling requests of post processed web pages
US8612881B2 (en) 2008-08-13 2013-12-17 Microsoft Corporation Web page content discovery
US8990289B2 (en) 2009-02-27 2015-03-24 Oracle America, Inc. Server based framework for improving Ajax performance
US20110029899A1 (en) 2009-08-03 2011-02-03 FasterWeb, Ltd. Systems and Methods for Acceleration and Optimization of Web Pages Access by Changing the Order of Resource Loading
US8788577B2 (en) * 2010-06-22 2014-07-22 Akamai Technologies, Inc. Method and system for automated analysis and transformation of web pages
CN102622376A (zh) * 2011-01-28 2012-08-01 北京千橡网景科技发展有限公司 用于合并层叠样式表文件的方法和设备
CN102737067B (zh) * 2011-04-15 2015-05-13 阿里巴巴集团控股有限公司 输出网页的方法和***

Also Published As

Publication number Publication date
US9563611B2 (en) 2017-02-07
JP2016518652A (ja) 2016-06-23
TW201437826A (zh) 2014-10-01
CN104063401B (zh) 2018-02-02
CN108595468A (zh) 2018-09-28
US20140289612A1 (en) 2014-09-25
TWI592807B (zh) 2017-07-21
CN104063401A (zh) 2014-09-24
WO2014153457A1 (en) 2014-09-25

Similar Documents

Publication Publication Date Title
JP6203374B2 (ja) ウェブページ・スタイルアドレスの統合
KR101824222B1 (ko) 동적 컨텐츠 및 스테일 컨텐츠를 포함하는 웹사이트들의 고속 렌더링
US9436747B1 (en) Query generation using structural similarity between documents
US10042951B2 (en) Contextual commenting on the web
CN103605688B (zh) 一种网页广告的拦截方法、装置和浏览器
US8375296B2 (en) Reusing style sheet assets
WO2018133452A1 (zh) 一种网页渲染方法及相关设备
US9971790B2 (en) Generating descriptive text for images in documents using seed descriptors
US9448999B2 (en) Method and device to detect similar documents
US20150295942A1 (en) Method and server for performing cloud detection for malicious information
US8111944B2 (en) Method and system for optimizing web page images
US9904936B2 (en) Method and apparatus for identifying elements of a webpage in different viewports of sizes
US8468145B2 (en) Indexing of URLs with fragments
US20090217145A1 (en) Methods and devices for post processing rendered web pages and handling requests of post processed web pages
US20110119262A1 (en) Method and System for Grouping Chunks Extracted from A Document, Highlighting the Location of A Document Chunk Within A Document, and Ranking Hyperlinks Within A Document
US9535888B2 (en) System, method, software arrangement and computer-accessible medium for a generator that automatically identifies regions of interest in electronic documents for transcoding
US20130339840A1 (en) System and method for logical chunking and restructuring websites
WO2013178094A1 (zh) 页面显示方法及装置
CN103530429A (zh) 一种网页正文抽取的方法
WO2014081762A1 (en) Mobile-commerce store generator that automatically extracts and converts data
CN104331438A (zh) 对小说网页内容选择性抽取方法和装置
US8954438B1 (en) Structured metadata extraction
US10198408B1 (en) System and method for converting and importing web site content
CN104778232B (zh) 一种基于长查询的搜索结果的优化方法和装置
CN108694192B (zh) 网页类型的判断方法及装置

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20161111

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20161122

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20170209

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20170808

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20170829

R150 Certificate of patent or registration of utility model

Ref document number: 6203374

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250