(cache) Googleが出してる修正は、理解できずにあきらめました

ども！　お久しぶりです　ひっしーです

６日ぶりのブログ再開です。昨日まで悪戦苦闘の毎日でようやく落ち着きました。それで、「何をしてたのか？」といいますと、今回グーグルのSearch Consoleを導入し、その中のPageSpeed Insightsがのスコアーがあまりにも低かったので頑張っていました。

皆さんご存知のPageSpeed Insights。Webの読み込みスピードを測定して速度の改善を提案してくれる優れもの。

さっそく測定してみたら、ＰＣ→６７、スマホ→４７とあまりにも低さに「よし！」と立ち上がった次第です。

「続きを読む」をやめました

少し前に「続きを読む」を入れました。少しでもライティングが良くなればなぁっと思いながら取り入れたわけです。導入した時、トップページは５記事載せてたわけですが何を思ったのか？載せる記事数を減らしてPageSpeed Insightsを測定すると・・・

「あ、ＰＣの測定結果が２ほど上がった～。ラッキー」

上がる理由は分かりませんが、トップページの記事数を１つ減らすと、測定結果が上がったので、最後にはトップページの記事数は１記事になりました。

前のデザインでカスタマイズしていましたのが・・・こちら

設定の詳細設定の「headに要素を追加」の３，４個のＨＴＭＬ文書がありましたが、何気なくひとつだけ消してみると・・・

「あ、また測定結果があがったぞ～」とうれしい悲鳴。

すると「全部消せと・・・」と悪魔の声が聞こえてきて消しちゃいました。そのあとはみなさんのご想像におまかせします。

前に使っていましたデザインを何も入れてない状態で測定しましたら、ＰＣは満足する結果ですが、スマホが少しだけ低かったので・・・他のデザインが気になって思い切って変えました。

今回はこのデザインにしました。

たぶんだけど・・・初期の段階（何も入れてない状態）ならどのデザインも測定結果は良いと思います。

測定結果を見ながら、再度、カスタマイズしたのが、ＳＮＳボタンです。読者登録ボタンのカスタマイズはこれからしてみようかな。って考えてます。取り合えずデフォルトの読書登録ボタンを設置。

トップページを見てみると・・・

いや～なんか殺風景ですね。まっシンプルでいいんですけどね。

気になる測定結果はこちらです

ＰＣ→８１

となかなかいい結果になりました。

グーグルが推奨している８５点以上をめざして修正をこころみました。まずはこちらの

修正が必要:

スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する

「JavaScript/CSS」　初めてみる単語にとまどいが・・・さっそくググってみたが、なんのことやらさっぱり分かりません。３日間、悪戦苦闘しましたが・・・

「もーおっさんには無理～」とあきらめました。でもこれから少しずつ勉強して修正していきます。

まずは基本を勉強しなくては

記事も書かずにこんなことばかりやっていては本末転倒ですね。これから先、時間があれば修正したいと思います。まずは１００記事をめざしてがんばらなくては