wordpressスマホ対応サイト・wpプラグイン・検索体験最適化・SNS・ 動画・bgmやテーマ曲を駆使して、リアルビジネスへの集客を達成するためのコラム!

   

wordpress屋のマルチメディアコンテンツ制作読んどけ☆コラム

ページ高速表示~正規URLとリダイレクトで、速度スコアが10点近く違う件

      2018/04/05

こんにちは、管理人@SS_mshpです。

今回は、リダイレクト処理における、ページ表示速度の変化を検証します。

題材はこのぶろぐ(https://sounds-stella.jp/music-creation/)を使っておこないます。特にスマートフォンサイトへの影響も多いと思われるので、さっそくチェックしていきましょう。

■ページ表示速度が落ちた例と原因

■やけにページ表示速度が遅いぞ

もともと、オーディオや画像が多いのでこのサイトは重いんですけど(これ以上スコアが落ちるならAMPページ生成を検討)、チェックしてみたらやたら遅い数値が出てしまいました。『SP:54・PC:72』です。PCはまあ良いとしても、スマートフォンアクセスも最近ふえているので、これは対策が必要です。

しかし、url入力欄には『https://sounds-stella.jp/music-creation』と書いていました。先日サーバー側でSSL設定をしてhttpsアドレスで接続できるようにしたので、ここら辺がなんか影響してそうです。

■発生していた余計な処理・リダイレクト

googleページスピードインサイトでは、下のほうに『適用可能な最適化』というのがあります。そこに見慣れない項目が。
正しいアドレスは『https://sounds-stella.jp/music-creation/』なので、それ以外のパターン『httpでアクセス』『末尾のスラッシュ/が無い』とかのときは、正しいurlに飛ばすリダイレクト処理が発生していました。

wordpressのhtaccessとかに書いて設定したと思うんですけど(必要っちゃ必要ですが)、こういうときに、余計な処理が発生してページ速度が遅くなります。

■リダイレクト発生しない、正規URLアクセスの場合

では、正規URL『httpsのアドレス&末尾スラッシュ』ではどうなるか、ちょっと見てみます。

リダイレクトが発生しない分、スコアが上がりました。『SP:63・PC:76』で、スマートフォンに関しては、これだけで約10点上がっています。
『レンダリングブロックするjavascript圧縮』や『画像サイズ小さく』をガッツリ行っても10点上がるので、これはなかなか大きい差といえます。

■ポイント:なるべくリダイレクトの発生しない、正規URLで見てもらおう

もちろんリダイレクトは必要なときもある(ドメインやページ移転など)けど、なるべくなら正規URLでみてもらったほうが良いでしょう。『どっかの誰かがsnsで拡散してくれたのが、リダイレクトが発生する旧URLだった』ときとかは、全部書き換えてもらうのは現実的ではありません。

まずは自分でできるところ『検索エンジンへの登録/自分のsns/ランキング/ポータルサイト/広告飛ばし先URL』などを『すべて正規URLで書くことを徹底』して、なるべく速い表示速度で、ユーザーに見てもらいましょう。
(管理人も、ツイッターやぶろぐランクなどのURLは、httpsの正規URLに書き換えました。)

*お問い合わせフォームページに移動します。webリニューアル・ロゴ・記事・wordpress化などでお力添えできます。

■LINEできいてみる(アカウントがある方)

(タップ・またはqrでアプリを起動してください。回答できる内容には限りがありますが、なにか課題解決のきっかけができるかもしれません。)


【カテゴリ】 - webサイト高速表示 【タグ】 -

  関連記事

CSSを限界圧縮してヘッダーに書くと、表示速度は速くなるの?(fc2ぶろぐで実験)

今回は、サイトを高速表示するCSSの書き方についてです。 管理人が昔使っ …

スマホページ高速表示のための、CSS圧縮方法まとめ

今回は、読み込み速度を速くしてwebページ(特にスマホ版)を高速表示する …

【ワードプレスサイト高速化プラグイン】Speed Up-JavaScript To Footerで、表示速度を速くする方法

今回は、ワードプレスサイトの使い勝手(読者から見た)を向上させるプラグイ …

【WPプラグイン・サイト高速化】EWWW Image Optimizerで、画像をサクッと圧縮して表示を速くしよう

今回は、サイトの高速化で、画像を圧縮してくれるものを試します 画像サイズ …

【wpプラグイン】ワードプレスサイトで、スマホアクセス時だけ軽量テーマに切り替える方法

今回は、スマホでみるとワードプレスサイトがちょっと重い件について対策して …

【WPサイト高速表示】ロリポWPコンテンツキャッシュで、速度の変動があるようです(不安定)

今回は、サイト表示速度に関わるキャッシュ話題です。 以前ロリポサーバーで …

【WPテーマを軽くカスタマイズ】プチ静的化して、データベースアクセスやPHPファイルをへらしつつ同じデザインで

今回は管理人も利用しているWP(wordpress)サイトで、ちょっとだ …

【サイト表示速度】googleのスマホ向け速度チェックツールで、表示速度/秒数を計測

今回は、スマートフォンに特化した、サイトの表示速度チェックツールをご紹介 …

【ロリポwordpress高速表示でSP90超えろ】ロリポップサーバーで『コンテンツキャッシュ機能』提供開始・設定方法と効果のチェック

今回はサイトを高速表示するときに重要なポイントといえる『キャッシュ活用』 …

【サイト高速表示】ワードプレステーマ・stinger(5)のCSS軽量化!どれくらい小さくなる?

今回は、前回やったCSS縮小続きで、『書き方変えたり、いらない部分カット …