PageSpeed Insightsによるスマホ対策(2ページ目)

高得点を出したサイトの例

少し画面が小さいので分かり難いかもしれませんが、これはレスポンシブ・ウェブデザインの手法を用いて作成した、同じURLサイトのスクリーンショットです。
このようにPCとスマホでは、フォントサイズやレイアウトが異なりますが、情報構造は同じであるワンソース(1つのHTMLファイル)です。これをデバイスに応じてCSSで調整しているだけのものとなります。
※スマホの画面では、若干文字が大きくなっているのが判ると思います

具体的改善施策の例

それではここからPageSpeed Insightsにおいての、具体的修正箇所を診ていきます。
このサイトにおいては、ユーザーエクスペリエンスが60点と、修正箇所が多くあります。この画面上の「修正方法を表示」をクリックすると具体的な修正箇所を指摘してくれますので、指示通りに直すだけで点数が改善されます。
速度についても同様です。

「SEO内部対策23:スマートフォンの改善1」も参考に、スマホ対応の準備を早目に行っておきましょう。