【122日目】Google Lighthouseの問題点に対応する
Posted: Last Update:
サイトをグレードアップする作業もだいぶ進み、やりたいことリストも少なくなってきました。今日はGoogle Lighthouseに指摘されたサイトの問題点に対応してみたいと思います。
やりたいことリスト
やりたいことリストが残り1つになった昨日でしたが、新たに追加したため、3つに戻りました！
- Google Lighthouseに指摘された内容に対応する
- 人気記事へのリンクをトップページなどに追加する
- Google Adsenceが止まっている理由を確認する
昨日まではアクセス数を解析するPHPを作成していたのですが、今日アクセス数を確認しにいったところ、かなりデータがたまっていました。最大で1記事辺り27アクセスでしたが、こんなに閲覧されているんだ、とちょっと感動を覚えました。やりたいことリストの2番目（人気記事リンク作成）に取り掛かってもいいのですが、もう少しデータを貯めたいので、後日取り掛かりたいと思います。
やりたいことリストの3番目（アドセンス対応）は、先日対応したばかりなので、今は様子見です。あと2,3日待って、それでもだめならもう少し研究して見たいと思います。
というわけで、本日は、やりたいことリスト1つ目の「Google Lighthouseに指摘された内容に対応する」を行っていきます！
Google Lighthouseの状況
Google Lighthouseとは、Google Chromeの拡張機能で、サイトのアクセスのしやすさなどを分析してくれます。Googleアナリティクスの「ウェブに関する主な指標」にリンクがある「PageSpeed Insights」よりも、さらに詳しいイメージです。
ちなみに、12月14日に計測した数値がこんな感じ。
- Pearformance: 69
- Accesibility: 85
- Best Practice: 71
- SEO:98
で、12月14日にhtmlに言語設定をしてみたところ、15日の計測では数値が良くなっていました。
- Pearformance: 69→80
- Accesibility: 85→88
- Best Practice: 71→79
- SEO:98→98
あれから半月、Microsoft Clarifyなども入れた後の、現在の数値変化は次の通り。
- Pearformance: 69→80→54
- Accesibility: 85→88→88
- Best Practice: 71→79→79
- SEO:98→98→98
パフォーマンスが下がっています…。ただ、パフォーマンスと計測するたびに数値が違うので当てにならない…。つい1時間前に見たときには72あったし！
Google Lighthouseの指摘を変更してみる
もう一度詳しく指摘されている内容を確認してみます。英語なのでめんどくさいです！
一番大きな問題点はJavascriptなのですが、アドセンスのスクリプトは外せないので、このままにするしかないですね…。アドセンスを外すと一気に90を越えるのですが、さすがにそれはできません！
後は画像サイズを指摘されていますが、これもブログランキングサイトに画像を提供している手前、画像サイズをこれ以上小さくできません。
あとは…、スタイルシートの読み込みを最後にすると数値が上がるらしい！…デザインがたがたのページになるのは嫌なので、論外です。
はい、以上です！なにも対応できません！
今日はここまで
ひたすら指摘事項を浚っている間に今日は時間が来てしまいました。何もしてないけど！とりあえず「対応できるものがない」ということが分かって良かったと思います。
明日からは、人気記事をトップページやサイドバーに入れるPHPを作っていこうかな。またPHPです。楽しいですね~！
- Google Lighthouseに指摘された内容に対応する ←完了
- 人気記事へのリンクをトップページなどに追加する ←明日からやる
- Google Adsenceが止まっている理由を確認する
それでは、また明日！
記事をシェアする
亀の子に連絡
ランキング参加中！ぽちっとしてね
