ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

エックスサーバーからワンクリックでWordPressの表示速度が高速化!

      2014/11/20

141118_1904

はてブをチェックしていたらこんな記事を発見しました。
レンタルサーバーの速度向上!エックスサーバーのWordPress表示速度高速化!

どうやらXserverから新しく提供された機能を利用するとWordPressの表示速度がアップするそうなんです。

WordPressの表示速度をアップするといえば、キャッシュ系プラグインをインストールするするのが比較的簡単な方法としてありますけど、Xserverから提供された昨日はワンクリックだけで高速化が可能です。

あまりにも簡単で「Xserverスゴイ!」って思いました。

スポンサーリンク

高速化のやり方

Xserverの管理画面から「HOMEPAGE>mod_pagespeed設定」をクリックします。

141118_1801

「ONにする」をクリックするだけです!これだけで高速化されます。

141118_1802

 

表示速度ツールを使用して比較

GTmetrix

GTmetrix | Website Speed and Performance Optimization

mod_pagespeedをONにする前はこんな感じ

141118_1901

ONにすると・・・

141118_1907

確かに評価が良くなってます。5回くらい試してみたんですけど、すべてにおいてアップしてました。

 

pingdom

Website speed test

これが

141118_1902

こうなりました。

141118_1908

 

PageSpeed Insights

PageSpeed Insights

モバイル

141118_1803

これは若干早くなった程度ですね。

141118_1905

パソコン

141118_1804

これも微速ながらアップしました。

141118_1906

 

まとめ

キャッシュ系プラグインを使わずに、たったワンクリックで表示速度が向上できると本当に便利ですね。キャッシュ系プラグイン使用して表示がおかしくなって使って来なかった人がいたらぜひ使ってみてください。

サーバー上で設定するのでWordPressサイトだけじゃなく、HTMLサイトでも有効となるのでアフィリエイター御用達のシリウスで作成したサイトも表示速度が向上すると思います。
Xserver(エックスサーバー)の契約方法 | ハイリンクス

朝日新聞デジタルでも紹介されたみたいです。
国内初!エックスサーバー、Webサイトのコンテンツを最適化し、 表示速度を向上させる「mod_pagespeed設定」機能の提供を開始 – @Press企業リリース – 朝日新聞デジタル&M

 

追記

mod_pagespeedの設定をONの状態でCSSをイジるとキャッシュの影響で反映されません。一度OFFにしてからリロードすると上手く反映されます。

ボクはどうして反映されないのか分からなくて、CSSに記載した内容をいくつか削除してしまって慌ててしまいました。

 - WordPress


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

131206_2304
【Recommendation Bar】いいね!の多い記事が表示されるfacebook公式プラグイン

Recommendation Barは表示されている記事の下に、いいね!が押され …

131220_2101
Sharebar不要!スクロール追従するソーシャルメディアボタンを実装する方法

サイトを拡散させるためにソーシャルメディアボタンを使用するのはもはや当たり前の時 …

131217_2202
WordPressにビデオ動画を埋め込んでもwindow幅に合わせて自動でリサイズする神ワザ!

WordPressの記事中にyoutube動画を埋め込むときってこんな感じですよ …

131125_2201
hootsuiteでWordPressの更新記事をGoogle+ページに自動で投稿する方法

WordPressの更新記事をGoogle+ページに自動で投稿する方法をご紹介し …

131212_2138
WordPressのコメント欄をカスタマイズ!メルアド・サイト項目を削除

WordPressのデフォルトのコメント欄って要らない項目を削除することが素人に …

medium_192635773
Stinger3で記事中に広告やTwitterを入れスマホで見ると半分に切れているのを直す方法!

WordPressのテーマでStinger3を使用しているユーザーさんは今ではか …

140105_1903
Google Analytics(アクセス解析)をWordPressに導入する方法!

サイトを運営するにあたってアクセス解析は必ず導入しておきましょう。いつ誰がどんな …

131220_2102
WordPressでソースコードをファイル毎に分けて管理する方法!これは断然ラク!

WordPressをインストールしたらデフォルト設定のまま使用するってことは(た …

141122_2101
Font AwesomeアイコンをCSSを使ってWordPressサイトに表示させる

Stinger5では記事公開日やカテゴリーなどのアイコンがデフォルトでFont …

131221_1302
Vertacalタイプ(箱型)のソーシャルメディアボタンをプラグインなしで実装する方法!

サイトにソーシャルメディアの共有ボタンがあるとないとでは記事の拡散にかなりの違い …