”安全?「初心者向けページの表示速度を早める方法」”

  1. Home
  2. ”安全?「初心者向けページの表示速度を早める方法」”

2015-05-26 09:04:11

カテゴリー:ブログ改造計画

1
 

 

人気ブログランキング ←セイジロウは今何位?

 

こんにちは。セイジロウです。

 

 今回は、

 

【初心者向けページの表示速度を早める方法】

 

について書いて行きたいと思います。

 

※サイト表示速度を測定する方法については前回の記事をご覧下さい。

「前回の記事はこちら」

 

 

どういった事かと言うと

 

ページの表示速度を早める方法でプラグインを使うと思うんですが、

 

このプラグインがくせ者で初心者が扱うとブログの画面が真っ白になっちゃう

 

なんて事もあるんですよ。

 

 

そういったプラグインのほとんどが

 

キャッシュ系のプラグインでサーバーの方をいじる事から

 

始まってしまいます・・・

 

 

それで、今回はそういった危険をおかしたくないっていう

 

初心者向けに簡単なサイト表示速度向上方法をお伝えしたいと思いました。

 

 

その前に、どんな事がサイトの表示速度を下げる原因なのか

 

っていう所から書いて行きますね。

 

 

 

 

【サイト表示速度を落とす主な原因】

 

まず始めに、原因として考えられる事を上げていきます。

 

・バナー画像が多すぎる

・サイト内の画像が重すぎる

・ウィジェットが多すぎる

・プラグイン同士の組み合わせが悪い

・ソースが最適化されていない

・サーバーのスペックが低い

・アクセスが集中している

 

これら7つが主な原因だと思います。

 

全て解決していけば驚異的なスピードで

 

ページを表示する事が出来て読者の負担を無くす事が出来ます。

 

 

今回は、初心者向けに安全な方法という事で

 

キャッシュ系のプラグインを使わない方法で解説したいと思います。

 

※キャッシュを使わないと無理そうな物はなるべく省いていきますね(^_^.)

 

 

 

1:バナー画像が多い

 

サイトに載せているバナー画像や広告画像が重くしている事象です。

いっぱい読み込む物が多ければ多いほど時間がかかるのは当然ですよね。

使っていない画像、いらなそうな画像などは思いきって消してしまいましょう!

意外と読んで欲しい導線が出来て思わぬ収穫になったりします・・・

 

また、読者も綺麗なサイトを好みますので、じっくり見てもらえるようになります。

そしてユーザビリティーの向上が計られているという事で

Googleにも認められていきます。

 

 

 

2:サイト内の画像が重い

 

ネットで落ちている無料素材とかデジカメでとった写真って結構重いんですよね。

パソコン上で見てみると結構な容量になっていると思います。

そんなときは画像の大きさを小さくしたり、切り取ったりして携われる範囲まで

良い感じに加工すると思います。

 

それをした上でもまだ画像が重いと感じる要でしたら、

画像軽量化のプラグインを使うという方法があります。

 

 

↓こういったプラグインです。

スクリーンショット 2015-05-25 22.11.17

 

 

 

 

 

 

EWWW Image Optimizer

 

 

このプラグインは、

サイト内にある画像を一括で軽量化してくれるプラグインで、

1クリックで全ての画像を軽量化してくれます。

正直コレをやるだけでもかなりの効果がありました。

 

※詳しい使い方が分からないという方はこちらを参考にしてみて下さい。

【EWWW Image Optimizerの設定方法と使い方】

 

 

 

また、画像軽量化では無いのですが、こういったプラグインもあります。

スクリーンショット 2015-05-25 22.18.51

 

 

 

 

 

 

Unveil Lazy Load

 

 

 

このプラグインは、

ユーザーのスクロールに合わせて画像を表示させていくようにするプラグインです。

つまり、通常表示される一番上の画像だけをまず表示させスクロールするにつれて

下の画像も表示していくようにするモノだという事ですね。

 

コレを取り入れてもサイトの表示速度は上がると思います。

※詳しい説明はこちらです。

【Unveil Lazy Loadの設定方法と使い方】

 

 

 

3:ウィジェットが多すぎる

 

ウィジェットって結構使いやすくていろいろな物を詰め込みたくなります。

だけど、表示速度の事を考えると詰め込みすぎるのも考えものです。

 

先ほどのバナーもそうですが、コレも必要の無い物は思いきってしまいましょう。

※アクセス解析から使われていない物を割り出すのも良いかもしれません・・・

 

 

 

4:プラグイン同士の組み合わせが悪い

 

これは結構稀にある事なんですが、プラグインの組み合わせによっては

余計な負荷を与えてしまう物もあるそうです。

 

プラグインが全部公式じゃないって言うのもあるのでそこらへんは

見極めた方が良いと思います。

困ったときはGoogle先生で検索してみて下さい<(_ _)>

 

 

 

5:ソースが最適化されていない

 

自分でHTMLやCSSを編集したり継ぎ足している人は不要なセレクタが増えて

サイトに影響を与えている事があります。

 

出来るだけ公式テーマを使うかいらない物を削除していった方がいいですね。

※不要なCSSを探す方法がグーグルクローム専用ですが有効そうなのでシェアします。

「未使用のセレクタを見つけて削除」

 

 

または、Head Cleanerというプラグインをおすすめします。

このプラグインは、タグを最適化してスッキリさせてくれる事が出来ます。

ソース自体を整える事からSEOにも有効活用できます。

※詳しい設定はこちら

「Head Cleanerの最も理想的な設定方法」

 

 

 

6:サーバーのスペックが低い

 

いくらプラグインで表示速度を上げようと頑張っても難しい場合があります。

それはサーバーのスペックが低い場合です。

コレは流石にスペックを上げないと厳しいと言うPV数でしたら、

こういった方法を検討してみて下さい。

 

 

7:アクセス数が集中している

 

これは初心者だったらまだ早いかもしれませんが、

1日のうちに何万PVを出しているようでしたら

CDNサービスを使う事も有りですね。

 

CDNサービスとは「Content Delivery Network」の総称で、

動画や画像などの重たいコンテンツをメインサーバとは違うサーバ経由で

分散してユーザに配信する方法です。

 

コレについてはこちらを参考にしてもらった方が分かりやすいです。

 CloudFlare(CDN)設定方法

 

 

因にCDN設定の時には、

こういったものも必要になると思いますので載せておきます。

「パスワード強度チェッカー」

 

ロリポップの方はこちらも参考になるかもしれません。

「ロリポップネームサーバ変更資料」

 

 

 

 

【まとめ】

 

以上で初心者向けにすぐに出来そうな事をまとめてみました。

 

後半は難しいと感じた所があるかもしれませんが、

 

参考資料通りにやっていけば1日か2日で出来ると思います(^_^.)

 

 

キャッシュ系のプラグインを使ってどれくらい改善できるかどうかは 

 

 使っているサーバーにもよると思いますが、

 

今回の方法でうまく行くと良いなと思いました。

 

僕自身もほとんど取り入れてるんですが、

 

結構サイトの表示速度が改善しています。

 

 

もし、この方法で良くならないならキャッシュ系のプラグインを入れるか

 

サーバーを変える等をするのが良いと思います。

 

 

 

※こんなサーバーもあるので少し紹介しておきますね。

 

名前名前.com

かなりのコストパフォーマンスが有って、

月額945円で容量が200GB、

マルチドメインとMYSQLは無制限。

365日電話サポート対応しており、

ビジネスで利用している人が多いです。

ただ、安定性が少し心配・・・

詳しくはこちらをご覧下さい

 

WPX

ワードプレスに特化した超高速のレンタルサーバーです。

表示速度を上げたいと言うならコレがおすすめですね。

さくさく表示されて快適な運営が出来ます。

ワードプレスに特化することによって、サーバー負荷を最小限にして

独自のキャッシュ処理でサーバーを高速にどうささせる仕組みになってます。 

詳しくはこちらを見て下さい。

 

ロリポップ

当ブログは価格と操作性を考えてコレを使っています。

個人や女性が主に使っているそうなので、

設置等も凄くわかりやすいです。

ただ、アクセスが集中するブログでは、スピードが落ちるため

上級者向けではないです。

詳しくはこちらをご覧下さい。

 

 

 

これらのサーバーは一部に過ぎないですが、

 

おすすめとして今回載せておきました。

 

何かの参考に見て頂ければ幸いです。

 

ということで、今回も最後まで読んで頂きありがとうございます。

 

 

 

 

【LINE@はじめました】

質問はこちらでも受け付けますよ(^^♪

ID検索は「@upa0334v」を検索してください。

 

※携帯・スマホの方はこちらから 

→ 友だち追加数 

 

 

 

【あなたにオススメな記事】

「ムームードメインの取得とロリポップの登録方法」

” 現役営業マンから教わる【7つのクロージング技法】”

「インターネット集客は自動化が鍵」

「一時の楽な感情に支配されていたら成功はやってこない」

 

 

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

コメント(4)

コメント

  1. こんばんはです。^±^ノ

    ああなるほど。
    うちのブログが重いのはそのためかも。^±^;
    いらぬゲームも多いし・・・。^±^
    まあ、それもブログ友達のゲームであったりするので入れてます。^±^
    ただ、画像は重くなるといけないので、基本的には512ピクセルに統一です。^±^;

    てくっぺ 2015-06-07 23:15:25
    • こんばんは(^^♪

      たぶんゲームの影響ですね(^_^.)
      ちょっとしらべてみたら携帯でみた方がページ表示速度早かったですよ。
      しかももうすぐで緑レベルになりそうなくらいです。
      パソコンの方は・・・w

      画像の統一良いですね。
      僕もそこには気をつけたいと思ってましたが、
      あまりこっちのブログは意識して無かったですね。

      あ、画像が多いんでしたら
      EWWW Image Optimizerっていうプラグインおすすめですよ。

      設定も簡単だしすぐに終わりました・・・
      因みにてくっぺさんのサイト画像の重さを解消したらメチャクチャスピード上がりそうです(^_^.)

      oohasiseijirou 2015-06-07 23:52:42
  2. こんばんはです。^±^ノ

    あ、調べてくださったのですね。^±^
    どうもありがとうございます。
    あのサイドのゲームですか。^±^
    これをはずしたら、きっと早くなるとは思いますが…。
    まあ、携帯が早いなら、いいかな?
    EWWW Image Optimizer、見ました。
    これは説明がないと難しそうですね。
    オール英語だし。^±^;…学生時代から、英語は不得意科目なのです
    まあ、いらないプラグインだけは、はずそうかなと。
    ただ、今のところは全部入れておきたいと思ってますが(リンク切れを除く)

    てくっぺ 2015-06-13 22:42:33
    • こんばんは(^^♪

      ちょっと気になったモノで調べちゃいました(笑)
      携帯ゲーム(^_^.)

      EWWW Image Optimizerは英語ですよね。
      僕も正直英語が苦手で基本的に他の人と同じ設定を見よう見まねでやってます(笑)

      いつもこういったサイトを見ているんですよ↓
      http://bazubu.com/ewww-image-optimizer-23864.html

      プラグインって奥が深いんですけど、
      面白いのいっぱいありますよね(^^♪

      oohasiseijirou 2015-06-14 00:23:07

コメントフォーム

※メールアドレスは公開されません。



コメント(必須)