使用しているWPテーマ【1万円以下】楽天のふるさと納税で大幅ポイント還元を達成する方法はこちら!HOMEブログ運営はてなブログの読み込み速度を劇的に改善させる方法【不要なコードの徹底削除】はてなブログの読み込み速度を劇的に改善させる方法【不要なコードの徹底削除】2019年8月9日ブログ運営ブログサイトの読込速度が遅い問題は問題です。その根拠は以下の通りです。『高いコンテンツであればサイトの読込速度は関係ありませんが、検索ユーザーは少しでも早く質問に対する答えを見つけたいと思っています。その意図に反するサイトはユーザーファーストではないため、サイトを評価するうえでの指標になります。ウェブマスター向け公式ブログ)遠回しでややこしいですね。ストレートに言うと、【サイトの読込速度が遅かったら検索で上位に表示させないよ】ということでいいと思います。ブログサイトのSEO対策を行ううえで重要な要素は以下の通りです。・サーバーの処理速度などが挙げられます。グーグルが決めるサイトの評価とは複数の要素から複合的に決まってくるのです。『検索』で少しでも上位を目指そうと思うのであればすべての要素を満たす必要があるのです。サイトの読込速度が解決できないと前回の記事に書きました。この問題が処理できないのであれば、はてなブログを継続するのが難しいとも思っていました。www.worker-ant0818.workしかし、今回サイトを運営するうえで不必要なパーツはないかを再検討しました。要らないものは徹底排除!特に必要ないなと思うものをサイトから削除していったことによりサイトスピードが改善することができました!その方法を記すとともに、はてなブログとワードプレスの読込速度の比較を行いたいと思います。使用テーマに注目!読込速度改善のための『ブログ』ダイエット前回の記事でははてなブログでは解決が難しい問題として【ブログの読込速度が遅い】と指摘しました。それは読込速度を表す数値にはっきりと表れています。(パソコン)(モバイル)これらを改善するにはカスタマイズしていたサイトのパーツを外すしかありませんでした。サイトをダイエットさせて速度の数値を改善しようと考えたのです。ダイエット項目は次の通りです。・不要になったHTMLやCSSの削除その他、削除するうえで参考にした記事はこちらです。SHIROMAG)以上をサイト上は不要と判断しました。大きいのはスライダーです。スライダーがサイトにあればカッコいい!と設置したものだったのですが、読込に時間がかかっていたのは明白でした。スライダーは最近のブログサイトのトレンドで憧れていましたが今回、思い切って削除します。⇓スライダー設置記事www.worker-ant0818.work今まではしたくないと思って避けてきた読込速度アップ方法でしたが仕方ありません。はてなブログでは、カスタマイズは自分でHTMLとCSSを入力するのですが、今回は削除です。それにしても面倒です。CSSは600行を超えるコードが入っていたため、該当するコードを探し出すだけで一苦労なのです。不要なコードを徹底削除|その効果は?論より証拠です。今回は多くのカスタマイズコードを削除し、いわゆるデフォルト状態に近づけましたのでスピードアップが確認できました。(パソコン)(モバイル)パソコン:54➡︎89モバイル:26➡︎51という結果になりました。【倍速】になったといってもいいでしょう。グーグルは特にモバイルファーストの姿勢を鮮明にしているので、モバイル速度は一番気にしなければなりません。改善項目を解説タイトル下に設置していたスライダーの削除スライダーの設置のためのHTMLとCSSコードを削除しました。実はHTMLとCSSを削除しただけでは速度は上がりませんでした。結論としては、<script>で呼び出していたjqueryを「設定」➡「headに要素を追加」から削除する必要がありました。すべて削除しないと、結局読込作業を行ってしまうためスピードが上がらなかったのです。サイドバーのアドセンス広告を削除これも<script>から広告を呼び出していたため、読込時間に影響を与えていました。広告を6つから3つに減らすことで、少しはサイト負担の軽減に寄与したと思います。削除するにあたり、アドセンスのデータ管理よりクリック率が低い広告を外しました。サイドバーの記事削減(※合計8記事減)記事のアイキャッチ画像もすべて読込作業です。合計8つ減らすことによって、負担軽減となります。サイドバーのアーカイブ削除アーカイブは正直、あってもなくても良かったので要らないものは削除しました。編集中に不要となったもの、重なっていて削除してもサイトに影響を与えないコードを探してすべて削除しました。HTMLやCSSはコードを入力すればするほど、読込時間に影響を与えます。サイトのデザインを充実させるほど読込時間がかかるようになります。これは仕方のないことですが、『不要なデザインは削除する』という基本を見直すきっかけとなりました。有名ブログサイトは速いのか?ここで一つの疑問が浮かびました。有名なブログサイトはどれも最速なのだろうか?という疑問です。気になったので思い切って調べることにしました。以下に有名ブログサイトの速度を測定してその結果を記録しました。(マナブログ)manablog.orgパソコン:69モバイル:28使用テーマ:minimal(ブログ部)ebloger.netパソコン:100モバイル:96使用テーマ:WING(AFINGER5)(今日はヒトデ祭りだぞっ!)www.hitode-festival.comパソコン:93モバイル:61使用テーマ:JIN(クロネのブログ講座)kurone43.comパソコン:95モバイル:52使用テーマ:JIN(マクリン)makuring.comパソコン:99モバイル:82使用テーマ:SANGO(ひつじアフィリエイト)hituji-affiliate.comパソコン:92モバイル:39使用テーマ:JIN以上6つのサイトを参考にさせていただきました。いずれもブログをやっているならば誰でも知っているくらい有名なサイトばかりです。結論サイトの速度を平均するとパソコン:70程度モバイル:60程度が平均と言われています。以上のことから上の6つのサイトは『基本的に早い』ということが言えると思います。【ブログ部】は驚異的な速度です。モバイルはパソコンに比べ速度が遅いため平均しても60前後が平均のなか、驚異の『96』!一体どうやったらその数値が出るんだろう...(;^ω^)使用テーマに注目!ここで使用テーマに関して注目してほしいのですが、ワードプレスでの人気テーマと言えば、以下の4つがよく候補に挙げられます。・JIN・SANGO・AFINGER・STORKパソコンでの読込速度はどのテーマも遜色ありませんが、注目すべきはモバイルでの読込速度です。グーグルの検索エンジンはモバイルファーストを掲げていることを忘れてはいけません。実際に検索される方法ではパソコンよりモバイルからが多い事実から、モバイルでの速度を重視しなければならないのですが、その場合は【AFINGER】一択になります。わたしははてなブログで運営していますが、ワードプレステーマに関してはずっと注目しています。詳しい説明は割愛しますが、内部SEOや速度表示に関しては頭一つ抜けているといった印象を持っていたのが【AFINGER】です。今回はその印象を確証に変えた調査となりました。読込速度はあくまでSEO対策の一部でしかありませんが、コンテンツ以外で足を引っ張られたくはありませんので、やはり重要なポイントだということになります。このようにモンスター級の速度のサイトもあるのですが、やはり平均するとパソコン:70程度モバイル:60程度を目安に速度アップを考えるべきだと思います。私に関しては、これ以上の速度アップは今のところ思いつかないので、このまま運営したいと思います。パソコン:54➡89モバイル:26➡51という結果から、論外からギリギリ『ストライク』になったかな思います。読込速度ばかり気を付けても仕方ないので、また記事の執筆を頑張っていきます。【はてなブログ】読込速度アップのため画像の圧縮処理の前に済ませることスポンサーリンク関連する記事2019年9月4日グーグルアドセンス・マネタイズの教科書[完全版]【感想・レビュー】2019年6月17日ブログ継続に3ヶ月が壁になる理由を検証。不動産投資ココナラ確定申告ふるさと納税プロフィールはたらきアリはたらきアリは会社員が本業で稼ぎつつ、副業を取り組むことによって精神的なゆとりを持ち、家族を十分に養っていくための経済力を得ることが必要不可欠と考えています。このブログでは『会社員の本業や副業の悩みや手取りをいかに増やすかについて発信する』ということを理念としています。はたらきアリは、毎日頑張って勤めている会社員のあなたの手助けをするべく、このブログで会社員と副業の取り組みを書き溜めていきます。しているWPテーマはたらきアリのプロフィールはたらきアリは会社員が本業で稼ぎつつ、副業を取り組むことによって精神的なゆとりを持ち、家族を十分に養っていくための経済力を得ることが必要不可欠と考えています。『会社員の本業や副業の悩みや手取りをいかに増やすかについて発信する』ということを理念としています。はたらきアリは、毎日頑張って勤めている会社員のあなたの手助けをするべく、このブログで会社員と副業の取り組みを書き溜めていきます。副業news.ホームシェアメニュープロフィールTOPへ。