皆さん、こんにちは。

業務改善を行うIT・業務コンサルタント、高橋です。

今日は、先日書かせていただいた記事の結果報告です。

Use cookie-free domainsのおさらい

まず少しおさらいですが、GTmtrixにて『Use cookie-free domains』という項目のスコアが悪いのは、不要なcookieトラフィックを避けるために別のドメインの静的コンテンツを提供すべきであることを意味していて、

例えば、例えば、www.example.com/content/abc.jpg という画像があったとするならば、

これは、static.example.com/content/abc.jpg として提供すべきだという意味であることを先日書きました。

そして、画像以外にもJavaScriptやcssも同様のことが言えます。

cookie対策として行ったこと

前提：メインで稼働しているのは『www.example.com/blog/』とします。

１．別途、『static.example.com』というドメインを設定

２．static.example.com/blog/wp-content -> www.example.com/blog/wp-content というシンボリックリンクを貼る

３．config.phpに次のものを追加

　　define(‘WP_CONTENT_URL’, ‘http://static.example.com/blog/wp-content’);

　　define(‘COOKIE_DOMAIN’, ‘www.example.com’);

　　define(‘WP_PLUGIN_URL’, ‘http://www.example.com/blog/wp-content/plugins’);

注：WP_CONTENT_URLはプラグインの部分も影響するため、WP_PLUGIN_URLを書く必要がある

４．画像、css、JavaScriptが書かれているurlを『WP_CONTENT_URL』を読み込むように修正

以上のことを行いました。

測定結果は？

結果として、パフォーマンスが落ちるところまではいかないまでも、パフォーマンスが向上することはありませんでした。

また、GTmtrixの『Use cookie-free domains』に変化はなく、スコアは悪いままで、調整次第ではGoogleのPageSpeed Insightsにおいても悪い結果となります。

ここで言えるのは、cssは通常通りに読み込ませた方が良いです。

レンダリングのスコアに影響します。

画像やJavaScriptに関してはブラウザーキャッシュが効いていれば大丈夫ですが、だからと言って特別パフォーマンスが向上するわけではありません。

結果として、対策を行ったとしてもGTmtrixのスコアが伸びるわけでもなく、実際のパフォーマンスに関しても気休め程度の話しにしかなりませんでした。

これはおそらく、シンボリックリンクを使わずに実ファイルを別ドメインに持たせたとしても同じ結果になると思われます。

皆さん、こんにちは。

業務改善を行う業務コンサルタント、高橋です。

今まで、Googleのツールにてウェブサイトのスピード測定などを行おうとした場合、『PageSpeed Insights』というツールが提供されていましたが、これに加え、新たに『Mobile Website Speed Testing Tool』というツールが公開されました。

実際にテストを行うと下記のように結果が表示されます。

（このブログのスコアは、MOBILE FRIENDLINESS：99、MOBILE SPEED：85、DESKTOP SPEED：88と、何とか3つとも”GOOD”になってくれています（笑））

Mobile Website Speed Testing Toolとは

この新たなMobile Website Speed Testing Toolでは、従来のモバイルフレンドリーテストとPageSpeed Insightsをまとめたようなツールになっています。

従来のモバイルフレンドリーツールでは、そのウェブサイトがモバイルフレンドリーかどうかの判定だけでスコアは出ませんでした。

また、PageSpeed Insightsではそのウェブサイトの表示速度をモバイル、パソコン、それぞれをスコアかして修正点を教えてくれていました。

そして、今回はそれらをまとめ、かつスコア化してくれるツールが登場したということです。

さて、これらが意味するものは何でしょうか？

Googleのモバイルツールが意味するもの

これらのように、モバイルフレンドリーであるか否かであったり、モバイルスピード、つまりスマートフォン向けウェブサイトの表示速度が良いかどうかも意識させるとういことは、ますます『モバイル向けのウェブサイトに対してもユーザーに優しいものであることを意識した方が良いですよ！』と言っているように感じます。

現に、Googleが公開している『Google Small Business』という公式ブログでは、このツールについてユーザーの離脱率傾向が高いモバイル向けサイトのパフォーマンスをチェックし、それを改善するためのツールとしていることがうかがえます。

モバイルデバイスが相当普及した今、当然ながらユーザーがモバイルデバイスにてウェブサイトを閲覧する機会が増えてきました。

つまり、ユーザーに優しいウェブサイトであるためにはモバイルデバイスにも優しい構造になっていないと厳しい時代になっているということでしょう。

これを機会に、ウェブサイトの見直しも業務改善事項の1つに加えてみてはいかがでしょうか。

とくに、JavaScriptはWEBへの負荷要因になっていることが多いです。

皆さん、こんにちは。

業務コンサルタントの高橋です。

WEBの表示スピードが遅いことによって、ユーザーがストレスを覚え、結果的には離脱していってしまうことは以前にもお話しした通りですが、そんなWEBの表示スピード、JavaScriptを見直せばまだ改善できるかもしれません。

JavaScriptの圧縮と統合

自社やお店のホームページにJavaScriptを使っているところは結構多いと思いますが、このJavaScriptは表示スピードをダウンさせる大きな要因になります。

そんなJavaScriptも、まずは圧縮してしまうことです。

そして、インラインではなく、外部ファイルとして複数のJavaScriptを読み込んでいるのであれば、出来る限り1つのファイルとしてまとめてしまうことです。

これだけでも相応な効果はあります。

JavaScriptを非同期で読み込む

例えば、<script src=”xx.js”></script>の場合、<script async src=”xx.js”></script>のようにすると良いです。

この async を付与することで非同期で読み込みをしてくれますので、その分ページが表示されるまでのスピードが短縮されることになります。

これは可能な限り施してみることをお勧めします。

また、インラインでJavaScriptを書いていたとしても非同期処理は使えます。

async=true; を使えば良いです。

ツールで繰り返しチェック

スピードの改善は、Google社のPageSpeed Insightsなどを使って繰り返しチェックしてみると状態が確認できます。

また、Chromeブラウザーのデベロッパーツールを使えば、どのJavaScriptがどれくらい読み込み時間がかかっているのか？をチェックできますので便利です。

（Networkにて.jsで絞り込めばJavaScriptだけをチェックできます。）

いかがでしょうか？今一度見直しをされることをお勧めします。

追伸：jQueryやPrototypeなどのフレームワークを混在して使われている場合、どれか1つに統一される方が望ましいです。