システム開発 大阪 Google検索に有利かも mod_pagespeedでWEB高速化

GoogleからApache WEBサーバーのモジュールがリリースされています。

機能は、CSS、Javascript、画像などの最適化を自動で行ってくれるものです。

インストール、導入自体は簡単ですが、キャッシュフォルダの運用面で

手間が増えそうですね。

出力されるHTMLコード上のCSS、javascriptは確かにコンパクトにまとまっている

感じです。実際の表示速度は、使用するパソコンのグラフィック性能などに

影響をうけるんでしょうね。体感的にはあまり変わらない気もしますが・・・

WEBの環境は、不特定多数のPCから接続されますので

自分だけでなく、訪れるユーザー全ての人への対応と考えればインストールする価値ありですね。

ひょっとするとGoogleの検索結果、SEO対策としても十分に効果があるのかもしれない？

ユーザーのブラウザー環境からの情報収集意外に、直接サーバー上から情報を収集できる

仕組みができたということなのかな？

アンドロイドもあるし。。。


code.google.com/intl/ja/speed/page-speed/docs/filters.html


mod_pagespeed filters

mod_pagespeed improves web page latency by changing the resources on that web page to implement web performance best practices. Each sort of change that mod_pagespeed makes is embodied in a filter. The filters are run in a pre-defined order, but can be enabled and disabled in the Apache configuration file,.

Some filters simply alter HTML content, such as removing excess whitespace, attributes, or attribute values that will be ignored.

Other filters change references to CSS, Javascript, or images to point to more optimized versions, because they:

* are smaller,
* combine multiple files into one, and
* extend the cache lifetime

Categories of filters

Filters are of many categories that fit under performance best practices. The current set of filters fits in these categories as follows:
Optimize Caching

* Extend Cache
* Outline CSS
* Outline JavaScript

Minimize Round Trip Times

* Combine CSS
* Inline CSS
* Inline JavaScript

Minimize Request Overhead

* No filter developed for this category yet.

Minimize Payload Size

* Collapse Whitespace
* Combine Heads
* Elide Attributes
* Minify Javascript
* Optimize Images
* Remove Comments
* Remove Quotes

# Rewrite CSS
Optimize Browser Rendering

* Move CSS to HEAD
* Optimize Images

Other

* Add Head
* Add Instrumentation

In some cases, a filter such as ‘Optimize Images’ helps both minimize request overhe


モッズ_はフィルタをpagespeedしました。

_がpagespeedしたモッズは、ウェブの性能の最も良い練習を実行するためにそのウェブページでリソースを変えることによって、ウェブページ潜在を改良します。 _がpagespeedしたモッズが利かせるという変化の各種類はフィルタに表現されます。 フィルタは、事前に定義されたオーダーに立候補しますが、可能にすることができて、アパッチ構成ファイルで損傷されます。

いくつかのフィルタが単に無視される余分な空白、属性、または属性値を取り除くことなどのHTML内容を変更します。

変化がもう少し示すCSS、Javascript、またはイメージに参照をつける他のフィルタがバージョンを最適化した、それら:

* より小さい
* 1つへのコンバイン複数のファイルそして
* キャッシュを広げてください、生涯

フィルタのカテゴリ

フィルタは、性能の最も良い練習の下で合う多くのカテゴリのものです。 現在のセットのフィルタは以下のこれらのカテゴリをうまくはめ込みます:
キャッシュを最適化してください。

* キャッシュを広げています。
* アウトラインCSS
* アウトラインJavaScript
周遊旅行時間を最小にしてください。

* CSSを結合します。
* インラインCSS
* インラインJavaScript
要求オーバーヘッドを最小にしてください。

* フィルタは全くこのカテゴリのためにまだ展開していませんでした。
有効搭載量サイズを最小にしてください。

* 崩壊空白
* ヘッズを結合します。
* 属性を削除します。
* Javascriptを軽く見ます。
* イメージズを最適化します。
* コメントを取り除きます。
* 見積りを取り除きます。
# CSSを書き直します。
ブラウザ表現を最適化してください。

* 向かうためにCSSを動かします。
* イメージズを最適化します。
他

* ヘッドを加えます。
* 計装を加えます。
いくつかの場合、’イメージズを最適化してください’などのフィルタは、ともに要求overheを最小にするのを助けます。