mod_pagespeedでサイトは早くなるのか
mod_pagespeedって知ってますか?
Googleが作ったサイト高速化ツールなんです。
Google製なら期待できる気がするのですがどうなのでしょうかね?
mod_pagespeedとは
mod_pagespeedとは、Googleが作った最適化ツールなのですが、
何を最適化するかというと、
・HTML
・CSS
・Javascript
・画像ファイル
といったWebページを構成するのに欠かせないファイルを最適化してくれます。
WordPressならプラグインで出来ることだらけなのですが、
プラグインでするよりもサーバーサイドで出来た方が良い(変に処理能力を使わない)
ので出来るならしてみたいですよね。
インストールしよう
実は上記の話、ネット上探せば幾らでも掲載されている。
でも欲しいのは、どうやって導入するのか!?って話。
そんなにスゴイのなら体験したいよ私。
焦らすつもりはありません。
普通に今からココに書きます。
あ、前提条件として
・Apacheモジュール(.htaccess)
が扱える環境である必要があります。
*.htaccessが使えても、mod_pagespeedが使えないことがあります。
サーバー会社のQ&Aなどで確認後さわってください。
*当然、要バックアップ後の処理です。
やることは簡単。
.htaccessに下記構文を入れちゃってください。
<IfModule pagespeed_module> ModPagespeed on ModPagespeedEnableFilters add_head ModPagespeedEnableFilters combine_heads ModPagespeedEnableFilters inline_import_to_link ModPagespeedEnableFilters move_css_above_scripts ModPagespeedEnableFilters move_css_to_head ModPagespeedEnableFilters extend_cache ModPagespeedEnableFilters extend_cache_css ModPagespeedEnableFilters extend_cache_images ModPagespeedEnableFilters extend_cache_scripts ModPagespeedEnableFilters convert_meta_tags ModPagespeedEnableFilters trim_urls ModPagespeedEnableFilters remove_quotes ModPagespeedEnableFilters remove_comments ModPagespeedEnableFilters combine_css ModPagespeedEnableFilters rewrite_css ModPagespeedEnableFilters fallback_rewrite_css_urls ModPagespeedEnableFilters rewrite_style_attributes ModPagespeedEnableFilters rewrite_style_attributes_with_url ModPagespeedEnableFilters flatten_css_imports ModPagespeedEnableFilters rewrite_javascript ModPagespeedEnableFilters combine_javascript ModPagespeedEnableFilters inline_css ModPagespeedEnableFilters inline_javascript ModPagespeedEnableFilters outline_css ModPagespeedEnableFilters outline_javascript ModPagespeedEnableFilters rewrite_images ModPagespeedEnableFilters insert_image_dimensions ModPagespeedEnableFilters inline_images ModPagespeedEnableFilters recompress_images ModPagespeedEnableFilters recompress_jpeg ModPagespeedEnableFilters recompress_png ModPagespeedEnableFilters recompress_webp ModPagespeedEnableFilters strip_image_color_profile ModPagespeedEnableFilters strip_image_meta_data ModPagespeedEnableFilters resize_images ModPagespeedEnableFilters inline_preview_images ModPagespeedEnableFilters local_storage_cache ModPagespeedEnableFilters defer_javascript ModPagespeedEnableFilters lazyload_images ModPagespeedEnableFilters insert_dns_prefetch ModPagespeedEnableFilters make_google_analytics_async ModPagespeedEnableFilters insert_ga ModPagespeedEnableFilters canonicalize_javascript_libraries </IfModule>
長い?
これでも調整しているのですが、要らないと部分は削って大丈夫です。
サーバー能力と相談しながら導入してみてください。
終わりに
実は成果が全く出ないWebページや、逆に重くなる場合もある。
運が悪いとかではなく、サーバーと相性が悪いこともある。
なお、当サイトは導入前は2.5秒だったが、導入後は2.1秒になった。