.jetpack-lazy-image{display:none}ゲームと音楽と副業の「趣味でまったりお金を稼ぐ」ブログです。Insightsを真っ赤な「Low」という警告を半年ほど放置しました。くまなんだかわたしの人間性まで否定されているような気持ちになりました。そんな私でも、たった5つの方法を実践するだけで「Good!」までもっていきました。くまどうせいろいろカスタマイズとかコードとかやらないといけないんでしょう?なんと、初心者でも簡単にできます!PHPファイルに触らずにプラグインと、サーバーの設定をいじるだけです。一応モバイル速度も3秒台まで上がっているよまとめ:Cocoon機能を生かしてプラグインは減らしたい今回の感想と後日談ブログサイト高速化の測定サイトまとめスポンサーリンク画像を見直すことで7割は解決するブログ用のサイトであれば、コンテンツ(記事)の中にちょこちょこ画像を挟んでいると思います。この画像たちがスピードを悪化させる原因です。サイト高速化のために画像でやるべきことは3つそもそも必要な画像かどうか考える画像が適切なサイズかどうかを考える駄目押しの圧縮でかなりコンパクトにとりあえず、サイトを重くしている原因をスリム化していきます。Insightsの評価が、オレンジ色まで戻ってきました。パソコンはMedium評価で79点モバイルはMedium評価で70点ぶちくま久しぶりにオレンジ色と再会しました!GTmetrixの評価もまずまず個人的にはオレンジ色でも及第点なので、ここでやめてもOKだと思います。「どうせなら記事にするか」と思ったので、もう少し深めていきたいと思います。Insightsの評価を緑色にしたい、と思ったのが泥沼。くまここからが本当に点数が上がらなかったです。Googleさんから「いいね」をもらうべく、サーバーの力も借りることにしました。エックスサーバーでmod_pagespeedをONにするこちらも画像付きで別記事で解説してます!エックスサーバー利用者なら簡単にサイト高速化ができる方法を伝授!スポンサーリンクキャッシュを最適化していくやったことは「プラグインの導入」それと「どれがいいかひたすら比較」です。比較がどうしても時間がかかるので、だいたい1日おきくらいにプラグインの項目を少しずついじって、データを取って、また変えて、を繰り返すイメージです。Cacheを導入することになります。詳しくはこちらも別記事です。Cacheを導入スポンサーリンクCDNは難しいのでJetPackの設定だけ利用するCDNという高速化に役立つ機能があります。ひとつのサーバーに負担をかけずに、いろんなサーバーを駆使することで、より早くデータを取得できるようにしよう!こちらも警告が出ているのですが、いろんなところからデータを置いたり引っ張ったりする、という構造上、コンテンツが表示されない系のエラーが出ることが多いみたいです。CDN)というCDN機能が簡単に使えます。いつか解説しますが、これを切ると点数が上がったり下がったりするのでとりあえず入れてみます。Rinkerとカエレバの画像が表示されなくなるちなみに、この時点でRinkerとカエレバで作った物販系のリンクが死んでます。くま画像が取得されなくなりました。キャッシュかCDNのエラーだろうということで、1日放置したら表示されてました。焦った方はキャッシュをクリアしてから放置してみると意外と治っているかも。キャッシュが更新されて表示されるようになったんだと思いますが、もしダメそうならJetpackの画像設定を変更してみてください。ver.7を更新してみました。いえ、メジャーなアップデートじゃなかったようなので、正直あまり変わりませんでした。2015年くらいPHPアップデートされていなければ、やってみる価値はあります。エックスサーバー利用者なら簡単にサイト高速化ができる方法を伝授!スポンサーリンクレンダリングブロックを回避する抜本的な改革が必要だという結論になり、レンダリングブロックという聞きなれない警告にも対応することにしました。いってもやること自体は難しいことではありません。基本的に、読者の端末(ブラウザ)があなたの記事をサイトから構成するときには、シンプルに「頭」から「足」にむかって、上から舐めるようにひとつずつの「司令」を読み込んでいきます。この「司令」なんですが、スタイルを決定する「CSS」や、サイトの動きを制御する「Javascript」などの形式をとったりしていて、HTMLという形をつくっています。先ほどから圧縮だの何だの言っているCSSやJavascript、HTMLっていうのは、この司令を「なるべく簡潔に、余計な指令を挟まないようにする」という作業のことです。この指令も、優先順位をつけることでよりスムーズなサイト構成ができるようになります。大体の指令は、「頭」つまり<head>という部分に詰め込みます。本当は「足先」くらいにあっても困らない指令があります。Googleは「頭に指令が詰め込まれすぎて読み込みができなくなってるから、もう少し順番つけていらないやつは消すか後に回すかしろよ」という警告を出しているんですね。これがレンダリングブロックということです。どんな指示を後に回せばいいのか実は、何でもかんでも指令を後回しにすればいいわけじゃないんです。Googleとしては、まずはファーストビューを完成させろ、ということを望んでいます。コンテンツを表示しろ、ってことですね。不必要なアニメーションやデザインは、コンテンツが表示されてからでもいいわけで。コンテンツとして何が重要か、というのはサイトによると思います。画像主体であれば、読者が観にきた画像を最初に表示された方が安心するかもしれません。広告なんかは当然後回しになるわけで。書きましたが、私も初心者なので、何が正しいのか、どうすべきかは、しろくまさん運用してなんぼ。いうわけで、エラーが出ない限りは、まずはGoogle先生のおっしゃるように、レンダリングブロックだけは解消しましょう。今回もプラグインで解決します。詳細は別記事にしますか。Headをすっきりさせて読み込みを早くするお勧めのWPプラグインこれでようやく緑ゾーン、「Good!」評価をいただけました。画像にするのが面倒なので、なんとなくPCもGoodな緑色評価になったことはお察しいただきたい。Insightに関しては高得点を取ることができました。同じようなCocoon利用者であれば、同じ方法でもある程度は挙動がおかしくなることはないと思います。一応モバイル速度も3秒台まで上がっているよモバイル速度も3秒台とはいえ、やはり広告が多くなったり、画像が多い記事になると4〜5秒台になることも。スポンサーリンクまとめ:Cocoon機能を生かしてプラグインは減らしたいただ、そもそもCocoon自体が高速テーマなので、今回のようなプラグインはできれば使いたくないなぁ、とは思っています。自分でコードをみつけてfunctions.phpに記入しても良かったのですが、後々、Cocoon側でさらなる対応をすることもあろうと思い、取り外しも簡単なプラグインで処理しました。個人的には、70点台が安定して出せれば無理に対応しなくてもいいかな、とは思ってます。記事作成のために対応策を書いた、というだけの話。くまあくまでもユーザビリティが高められればそれでいいのです。画像は圧縮してアップロード無駄な画像は省くページキャッシュだけプラグインで定期的につくっておくいろいろやってはみたものの、これで高得点はとれるな、と感じました。あと、どうにもRinkerとかWPAPとかの物販リンク系が悪さをしているのか、その後点数が下がったりすることが多くなりました。体感としては、画像が多くなければまったく問題なく感じるのですが。Cacheを導入ページキャッシュをつくると、サイトの表示速度が改善されます。プラグインを導入するだけで簡単にできるので初心者の方にお勧めの方法です。Insights」でも10点ほど上がる効果がみられました。キャッシュ導入は一歩間違えると大きなエラーが起きるので注意が必要です。配信を最適化」の処理に手を焼いているようでれば解決策として考えられるのがhead部分をきれいにすること。Insightsの得点をあげる奥の手としてプラグインを使って簡単に解決した方法をまとめています。2018.08.04サイト高速化エックスサーバー利用者なら簡単にサイト高速化ができる方法を伝授!サイトを高速化するために、エックスサーバーのmod_pagespeedの設定をONにしました。2クリックでできる、最も簡単な方法だと思います。画像を多用してわかりやすいように解説しています。Insightsの点数がだいたい5点くらい上がるようなイメージです。2018.08.05サイト高速化CDN導入のためにJetpackとCloudflareを使った感想CDNを導入すべくJetpackとCloudflareを使ってみました。使用感でいうとJetpackはとにかく簡単で安定感あり。Cloudflareはかなり暴れ馬でめちゃくちゃ速くなったけどいろいろエラーは吐き出している。サーバーが落ちる可能性も考えると、どちらがいいかしっかりと考える必要がありそうです。2018.08.06サイト高速化Cocoonを高速化する際に必須の画像最適化方法|WPプラグイン画像最適化すればほとんどのサイトでページ表示を高速化できます。images」プラグインで簡単にできます。設定は簡単で、APIキーを取得して一括最適化をお願いするだけ。枚数制限があるので有料となるので、無料でできるお得な方法もまとめています。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。Cacheを導入Headをすっきりさせて読み込みを早くするお勧めのWPプラグインエックスサーバー利用者なら簡単にサイト高速化ができる方法を伝授!CDN導入のためにJetpackとCloudflareを使った感想オススメの記事CocoonのカスタマイズをするならCocoonカスタマイズは初心者でも簡単にできる【おすすめ一覧】サイト高速化の手引きブログ高速化のためにやった5つの方法|WordPressテーマはCocoon記事の検索プロフィールぶちくまぶちくま:白いもふもふの毛皮を被った医療系社畜兼ブロガー。Cacheを導入Headをすっきりさせて読み込みを早くするお勧めのWPプラグインエックスサーバー利用者なら簡単にサイト高速化ができる方法を伝授!CDN導入のためにJetpackとCloudflareを使った感想オススメの記事CocoonのカスタマイズをするならCocoonカスタマイズは初心者でも簡単にできる【おすすめ一覧】サイト高速化の手引きブログ高速化のためにやった5つの方法|WordPressテーマはCocoon記事の検索プロフィールぶちくまぶちくま:白いもふもふの毛皮を被った医療系社畜兼ブロガー。幻影戦争の装備・武器クラフトについて知りたい2019.12.062020.01.15幻影戦争に課金すべきか悩んだら読む記事「やめとけ」2019.11.222020.01.06ブレイドエクスロードの適正パーティーの組み方2019.11.012020.01.10アルカラストの効率的な育成手順【素材もないし金もない】2019.08.182019.12.16FFT(タクティクス)コラボをどう消化するか【幻影戦争】2019.12.27応援クリック大歓迎!人気ブログランキングにほんブログ村フォローボタンぶちくまをフォローするカテゴリーイラスト2ゲーム159FFBE幻影戦争9KHUx6TEPPEN12ぷよぷよクエスト4アルカラスト6アートオブコンクエスト18ゼノンザード10デュエルリンクス28ドラガリアロスト3ドラクエライバルズ1ハンドレッドソウル8ブラウンダスト12ブレイドエクスロード8ヴァルキリーアナトミア6最果てのバベル28ブログ52Cocoon19カスタマイズ2サイト高速化6Simplicity4Xeory2ブログ運営15WordPress5スパルタブログ論2収益化5副業のすすめ13ゲームライター6動画配信2読書2小説1漫画1音楽3リスニング2スポンサーリンクタイトルとURLをコピーしました。