.wpcf7-submit:disabled{cursor:not-allowed}すたーすらっしゅホームサイトマップ当サイトについてプライバシーポリシーお問い合わせホームブログプラグインを使わずにブログ高速化!初心者でもできる方法でスピードアッププラグインを使わずにブログ高速化!初心者でもできる方法でスピードアップブログTwitterFacebookはてブPocketLINEコピー2019.05.01スポンサーリンクこんにちは。読み込みスピードを高めるために色々とやってみたのでそのやり方と成果をお見せしたいと思います。読み込みが遅くて表示に時間がかかるブログやサイトってそれだけでイライラしませんか?インターネットをやっていれば大抵の人は経験があるかと思いますがすたーちゃんあーもう!読み込み遅くてイライラする!待ってられないからもういいや!帰ろう!こんな感じに、サイトにアクセスしたはいいものの中々コンテンツが表示されず待ちきれずにブラウザバック、もしくはブラウザを閉じる。良いコンテンツを作ったのにこんな理由で訪問者に離脱されてしまっては残念ですよね?ゲームにしてもサイトにしてもロード時間は短く済む方が快適に利用できます。作った良いコンテンツをしっかり見てもらえるようにするためブログの高速化は重要だと思います。読み込みの速さを測定する方法ブログの高速化といってもまずは読み込み速度を測定する手段が必要です。Insightsを利用して測定を行います。横にある「分析」と書かれたボタンをクリックするだけです。読み込み速度がスコアという形で100点満点で評価されます。スコアはモバイルとパソコンの2つでそれぞれ別に算出されます。高速化の手順ではここから実際にブログ高速化をやっていきます。高速化対策をする前のスコアは・・・モバイル:59点パソコン:93点パソコンは問題ないですがモバイルからアクセスした時の読み込みがちょっと遅めですね。自分のスマホでこのブログのトップにアクセスした時はイライラするほど遅いわけではないですがアクセス直後に若干の硬直時間があるのは気になるとは思いました。(とは言っても数秒程度で読み込みは完了しますが)とりあえず、このモバイルのスコアを少しでも上げられないか考えてみました。プラグインは使わない?ワードプレスの高速化についてネット検索するとプラグインを利用する方法が多く紹介されています。今回は高速化のためのプラグインは導入しません!先ほど紹介したプラグインはキャッシュに関わるものですが管理画面が真っ白になった!などの不具合が発生したという事が多いようなので安易にプラグインを導入していいか迷ったというのが主な理由です。今あるもので対策ができないか考えるプラグイン云々よりも今あるもので何かできないか考えてみます。そこで真っ先に思い当たったのがブログのテーマ!当ブログではCocoonを使っています。Cocoonは多彩な機能を持っているのでテーマで対応できる事はないかちょっと調べてみると・・・ありました!ダッシュボード>Cocoon設定>高速化で高速化設定の画面に移行すると次のような画面が表示されます。Loadを有効にする以上5か所のチェックボックスにチェック入れるだけで設定完了です。この設定でもう一度測定すると・・・モバイル:56点パソコン:99点すたーちゃんモバイルがさっきより3点下がってる・・・パソコンは申し分ない結果ですがモバイルがちょっと下がってしまいました。Insightsでは全く同じ条件で測定をしても測定の度にスコアが多少変わる事があります。3点下がっただけだと誤差の範囲か、本当に読み込み速度が低下したのか判断しづらいです。次に考えた方法は画像を圧縮して読み込み速度を上げようという作戦です。当ブログのトップページにアクセスすると記事の概要が並び記事のアイキャッチ画像も併せて表示されます。このアイキャッチ画像の容量を軽くすれば読み込みは早くなるはず!そこで、これまでの記事に使ったアイキャッチ画像の容量を調べるとほとんどの画像は1ファイルあたり100KB未満になっていましたが、1つだけ300KB近い容量のアイキャッチがありました。記事ごとに違うアイキャッチ画像描くのも一苦労なので、ラクできそうな方法を考えてみた。ブログの記事ごとに一つ一つ違ったアイキャッチ画像を描きたいとは思っていますが、それをやると結構な手間になってしまいます。その手間を軽減してラクする方法がないか自分なりに考えてみました。starslashblog.com2019.04.11すたーちゃんを大量に描いた絵です。このアイキャッチは画像の縦横の幅もそれなり大きくそこにすたーちゃんを詰め込んだために容量が増えてしまったと思われます。そのためこの画像を圧縮し直し300KB近くあったものを100KB未満まで減らしました。他にもいくつかの記事のアイキャッチ画像を圧縮して容量削減を行いました。その結果はモバイル:62点パソコン:99点すたーちゃんモバイルが少し上がったね!アイキャッチ画像の容量削減がわずかに効果アリだったようです。広告を少し減らすもう1つ、読み込み速度影響しそうなものとして掲載している広告が思いつきました。画面をスクロールせずに見える範囲)に広告が1つ表示される配置にしていましたがその広告を非表示にしました。一度測定をすると・・・モバイル:70点パソコン:99点すたーちゃんモバイルが一気に8点アップだ!つまり、広告の影響が結構大きかったという事です。広告貼り過ぎるとサイトが重くなるってわけですね。これ以上の高速化はできるか?これ以上の高速化となるとキャッシュ系のプラグインを導入するかもう少し専門的な知識が必要になりそうです。これについては、また必要性が出てきたら考えていきたいと思います。スポンサーリンクまとめ:画像の重さには今後気を付けたいお恥ずかしい話ではありますが正直に言ってしまうとこのブログは現状、アクセスもほとんどなく誰も見てない!と言っても差し支えないレベルです。ーちゃんそんな状態で高速化対策とか意味ある?これについては私としては意味はあると考えています。その理由としては画像の容量に対する意識が高まった重い画像をベタベタと貼ってしまうと読み込みが遅くなる要因になるので今後は画像を貼る時には注意していきたいと思います。記事のアイキャッチ画像の軽量化は重要だと感じました。このように画像の容量に対する意識が高まったのは今回の収穫だと思います。実際にある程度の高速化には成功している今回の高速化対策でモバイル59点だったのが70点まで改善できました。実際に成果が出ています!まだ改善の余地がある数字だとは思いますが以前よりも良くなったのは間違いないのでやる価値はあったわけです。ブログが重くならないように気を付けていきたいこれからは、貼りつける画像の容量などに注意して読み込みが重くならないように意識しながらブログを続けていきたいと思います。画像の容量圧縮はワードプレスに限らずどのブログサービスでも高速化には有効な手段かと思いますのでブログのお持ちの方は試してみてはいかがでしょうか。高速化スポンサーリンクシェアするTwitterFacebookはてブPocketLINEコピーslashをフォローするslashすたーすらっしゅ関連記事ブログ実際にワードプレスでブログを立ち上げてみて、気を付けるべきと思った事など実際に自分でワードプレスでブログを立ち上げてみて、個人的に「ここは気を付けておいた方がよさそうだ」と思った点についていくつか紹介します。ブログの見た目を整える作業ブログの見た目を整えていこう。無料で使えて機能も豊富なテーマCocoonについても書いています。ブログこんなところでもユーザー名が漏れてる!?ワードプレス設定にまだまだ抜けがあったワードプレスの設定。必要な事は全部やったつもりでしたが、まだ抜けがあったようです。意外なところから編集画面ログインに必要な情報である「ユーザー名」が丸見えになっていたのでプラグインで対策しました。ブログ「すたーすらっしゅ」振り返り2019年ももう終わるので、このブログの1年を簡単に振り返ってみました。ここまでよく続いたものだと自画自賛しております(笑)。無理のない程度に更新を続けたのが良かったかな、と思っております。2020年も「すたーすらっしゅ」をよろしくお願いします。ブログ名、ドメイン名はこうやって決めた!これまで無料ブログを使っていた管理人がワードプレスでブログを立ち上げてみました。ブログはてなブログが重い?もしかしたら画像をちゃんと圧縮できてないせいかもはてなブログの高速化や画像圧縮についての記事です。はてなでPNG形式の画像を上げると容量が大幅に増えてしまう事があります。画像を圧縮し、はてなブログの読み込みを高速化するため、容量について検証してみました。スポンサーリンクフキダシでブログを賑やかに!フキダシ用にイラスト描いてみた。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。スポンサーリンク人気記事クリスタのゆがみ変形機能が案外便利な件。自由自在に変形させよう!2019.08.142019.10.27クリスタで線が引けない!色が塗れない!描けない原因14個を解説2019.08.17アニメ塗り、ギャルゲ塗り。2019.06.222019.08.13新着記事あなたは自分の頭で考えている?思考停止人間の特徴と投資戦略2020.02.17【RPGツクールMV】アツマールに投稿するならセーブデータ容量にも気を配ってみよう2020.02.13より正確に企業価値を見るために。株価収益率PERを、数年分の収益の「平均値」で見てみよう。2020.02.09アーカイブ2020年2月52020年1月72019年12月92019年11月92019年10月92019年9月102019年8月122019年7月112019年6月102019年5月102019年4月92019年3月5カテゴリーブログ9ブログ全般4初心者のワードプレス5マインド28創作28イラスト14ゲーム制作9創作全般6資産運用41プロフィールslashです。このブログでは日々の生活の中で思った事や、趣味に関する事などを色々と書いていきたいと思っておりますので、よろしくお願いいたします。人との付き合いが少ない。所謂、「陰キャ」とか「ぼっち」とかそんな感じの性格。そんな陰キャでぼっちな人生を楽しんでる。趣味:・イラスト女の子イラスト多めです。電子書籍での読書です。マンガや実用書など色々読みます。・ゲーム作り主にRPGツクールでのゲーム制作です。別ブログ「ツクラーりずむ」で書いています。ーすらっしゅ.メニューホームサイトマップ当サイトについてプライバシーポリシーお問い合わせホーム検索トップサイドバースポンサーリンク人気記事クリスタのゆがみ変形機能が案外便利な件。自由自在に変形させよう!2019.08.142019.10.27クリスタで線が引けない!色が塗れない!描けない原因14個を解説2019.08.17アニメ塗り、ギャルゲ塗り。2019.06.222019.08.13新着記事あなたは自分の頭で考えている?思考停止人間の特徴と投資戦略2020.02.17【RPGツクールMV】アツマールに投稿するならセーブデータ容量にも気を配ってみよう2020.02.13より正確に企業価値を見るために。株価収益率PERを、数年分の収益の「平均値」で見てみよう。2020.02.09アーカイブ2020年2月52020年1月72019年12月92019年11月92019年10月92019年9月102019年8月122019年7月112019年6月102019年5月102019年4月92019年3月5カテゴリーブログ9ブログ全般4初心者のワードプレス5マインド28創作28イラスト14ゲーム制作9創作全般6資産運用41プロフィールslashです。このブログでは日々の生活の中で思った事や、趣味に関する事などを色々と書いていきたいと思っておりますので、よろしくお願いいたします。人との付き合いが少ない。所謂、「陰キャ」とか「ぼっち」とかそんな感じの性格。そんな陰キャでぼっちな人生を楽しんでる。趣味:・イラスト女の子イラスト多めです。電子書籍での読書です。マンガや実用書など色々読みます。・ゲーム作り主にRPGツクールでのゲーム制作です。別ブログ「ツクラーりずむ」で書いています。タイトルとURLをコピーしました。