SEO

表示が重いサイトって、いらっとしますよね。

  • このエントリーをはてなブックマークに追加

お客様から、「トップページの表示が遅い」と指摘されました。

 

コーポレートサイトがお店だとしたら、この店は「接客が遅い」とか、「待たされる」と同じですね。

 

当社のWebサイト診断サービスでは、スピードテストを実施して評価しています。

https://developers.google.com/speed/pagespeed/insights/

速度は、離脱率に影響します。トップページに問題があるとなると、直帰率も高くなります。

速度改善のポイント

  • 画像がオーバーサイズ
  • イメージ写真にしては画質が良すぎる
  • 形式が不適切
  • JS/CSSの外部リンクの数・容量

 

Googleは画像について、こう言ってます。

適切な画像のファイル フォーマットを選択する

画像にどのフォーマットが最適かテストしてください。主な推奨事項は次のとおりです:

  • 一部の旧バージョンのブラウザでは PNG を部分的にしかサポートしていない場合がありますが、PNG はほとんどの場合、GIF より優れています。
  • 非常に小さなグラフィックや単純なグラフィック(10×10 ピクセル未満、3 色未満のカラー パレットなど)、アニメーションを含む画像には、GIF を使用します。
  • 写真スタイルの画像にはすべて JPG を使用します。
  • BMP や TIFF は使用しないでください。

https://developers.google.com/speed/docs/insights/OptimizeImages

 

この辺から改善してみよう

  • 基本的に、写真にPNGを使うのはNGですね。(写真はJPG一択です)
  • 原稿画像サイズが小さいからといって、画像サイズを引き伸ばしてませんか?(サイズが増えるだけで、画質変わらず、意味なし)
  • 実装されていないJSや不要なCSSの@importはないですか?(流用するとしても、<head>は要チェック)

お客様の環境は、会社の開発環境と全然ちがう!

個人のお客様ですと、

  • 3G回線です。しかも、月末は、いつも通信制限・・・
  • 100MB光回線といっても、夜間~深夜は、1Mbpsも出てないです

当社の環境は

  • 光回線は日中だし、20~30Mbpsも出ます!
  • PCもそこそこハイスペックです
  • このエントリーをはてなブックマークに追加

Webデザイナーやコーダー、エンジニアを募集中です

●WEBデザイナー(正社員)
アイデアや企画、モノをつくるのが好きな方
向陽デジタルワークスのコンセプトである、「お客様のための製品づくり」と、「新しい価値を創造する自社サービス」の充実・拡大に向けて、我々のアイディアをデザインして、アウトプットしていく仲間を募集しています。

●フロントエンドエンジニア/コーダー(正社員)
第二新卒、IT業界未経験も歓迎
ユーザの立場にたった使いやすさ、機能性、美しさはもちろん、新しい価値観を創造できるようなものづくりを目指して、いっしょに仕事をしませんか。

募集要項を詳しく見る

コメントを残す