SEO効果あり!ページ表示速度の改善方法
サイトやブログの表示速度が遅い場合、大きなトラフィックの損失となっているかもしれません。
ここでは、実際の表示速度チェックツールを用いてその結果から改善を行っていこうといった企画です。
なんだか最近サイト全体が重いんだよな
だるおもー。
そんな時、アリナミンAではなくサイトの表示速度チェックです。
ここではいくつかの無料チェックツールを利用します。
あなたもサイトURLを用意し、チェックしながら読み進めることを推奨です。
画像や呼び出し先に原因があるかも?
まずはじめに使ってみるのはこのツールです。
http://sp.longseller.org/
どんなツールかというと、一つのページを表示するには多くの画像や外部ファイルを呼び出しています。
そこで、個々の呼び出しファイルを個別に呼び出し、掛かった時間を測定するというサービスです。
実際のこのブログで行ってみた結果がこちら。
※画像クリックで大きな画像を開きます。
黄緑のバーが伸びているところが重い原因かもしれないぞ?という見方です。
catch_25.jpg??え?
ちなみにこの画像です。↓
6.6KBの小さな画像です。サムネイル用に荒くならないようサイズを削っている画像(アップ前に最適化した画像)のため、これは違和感です。
念のため、再度チェックを。
やはり測定ミスだったようです。問題のcatch_25.jpgは通常の値になりました。
では残った上位2つを見て行きましょう。
最も呼び出しに時間の掛かったファイルは、https://www.facebook.com/plugins/・・・・で続く、facebookのいいねボタンでした。
パソコンからこのページをご覧の場合であれば、左下にある半透過背景に乗ったいいねボタンです。
2位はGoogleのplusone.jsでした。
これも同様に左下あるGoogle+の+1ボタンです。
何だいなんだい、SNSが迷惑かけてるの?
はてブとかまとめて取っちゃおうかな?
すみませんでした。最速ははてブでした。
した3つがエラーになっていました。確認したところ、
//ではじまるツイッターのjs呼び出しがエラーになっていました。
※この部分です。//platform.twitter.com/widgets.js
これは速度チェックサービスそのものが対応していないことが原因です。
した2つも同様に外部ファイルを指定したマークアップではない箇所を認識しているようです。サイトに問題はありませんのでスルーします。
ここまでの結論
いいねボタンを外すと表示速度が早くなる
でも外したくない
どうする?
次回、他のチェックツールを用いて、一つひとつ細かな最適化を行っていきたいと思います。
続き⇒ページ表示速度の改善方法【続編】をどうぞ
関連記事
-
-
2020年のSEOトレンド
明けましておめでとうございます。(いまさら!)毎年書いていた年始めのトレンド予測、1月も下旬です
-
-
ドメイン移転の際は、.htaccessファイルでリダイレクト設定を忘れずに【必須手順】
ウェブサイトの運営過程で、サイトドメインを変更するケースもあるでしょう。 中には、あるどメイン
-
-
リスティング広告とSEO対策どちらが優れているか?
リスティング広告とSEOのどちらを採用すべきかについて考えていきましょう。 まず設問を全否
-
-
トップダウンペナルティー(TDP)とトップページが上位表示しない場合の対処法
YSTのトップダウンペナルティー、Googleのトップダウンペナルティーで大慌てなサイト管理
-
-
SEOテキスト広告って?テキストリンク広告の選び方
SEOテキスト広告をご存知ですか? 無理やり広告と付けていますが、これは有料リンクサービスです
-
-
スマホ最適化がSEO要素(順位決定要素)になる事が決定!
一言で言えば、「スマホ対応していると順位が上がる」というお話。 難しく言えば、モバイルフレ
-
-
戦略的SEOを取り入れないリスク
2011年頃までのSEO依頼の大半は、「このサイトの順位を1ページ目にして」といったものでし
-
-
直帰率とはSEOとほぼ無関係の数値である
直帰率とは、1ページのみ閲覧し、同一ドメイン内の他ページヘ移動せずブラウザを閉じたり、検索結
-
-
ブログの更新頻度を上げるとSEO対策効果も上がる?トップページの場合には?
あなたがブログを定期更新している場合にはきっと更新頻度で一度は悩んだことでしょう。 また、
-
-
サイトの表示スピードを上げるぞ!CSS・js圧縮、画像最適化でどの位早くなるかな?
ブラウザからサイトを閲覧する際には、CSS(カスケーディング・スタイル・シート)やjs(ジャバス
- PREV
- alt属性にSEO効果を期待するなかれ
- NEXT
- ページ表示速度の改善方法【続編】