サーチコンソールにいつの間にか「速度」という項目が追加されました。Googleは検索ランキングでページ速度を使用すると発表しています。ranking来年は5Gも来て大容量のデータが高速にダウンロードできるようになり、動画がいよいよ本格化するのでは、と言われています。そんな最中、逆行しているような気がしますが、サーチコンソールに追加されたとなるといよいよGoogleは「速さ」要素を重要視しているのが明らかです。現在の所、この点数が良いと検索順位がよくなるかと言えば、あまりそうは思えません。1位になっているサイトがかなり遅かったりします。遅いページはビジネスチャンスを逃しますし、今後重要視されだした時に大きく検索順位が変わる要因になりえます。Insights「ウェブページのURLを入力」部分に御社のホームページのURLを入れてみてください。弊社は以前からこのスピードを重要視してきました。キャッシュを使っている為か、何回か押すと点数が変わります・・。(これは、一番いい時です)改善させるコツページローダーを使わない以前弊社は、ばらばらと表示されるよりは、全部読み込んでから表示させた方が綺麗ではないかと思いローダーを使っていました。その為、表示されるまでの時間がかなりかかり、点数を下げていました。Paint」が初回表示の秒数になります。ローダーはなるべく使わないようにしましょう。圧縮性能が高く、ダウンロード時間やデータ使用量を抑えることができます。」と書かれております。実は、弊社はまだpngやjpgを使用しております。XR、WebPの対応ブラウザの少なさです。対応されているのが2019年11月現在WebP(うぇっぴー)です。このWebPはなんと、Googleが開発した静止画フォーマットなのです。Insightsで書かれていました。Safariで対応されていません。日本人はIEとiphoneで見る確率が高いので、もしWebPを使用する場合は、対応されていないブラウザの場合、jpgやpngを代わりに表示させなくてはいけません。書き方ですが、pictureタグを使います。src="○○○.jpg">のみ書いていた所、どちらも書きます。このpictureタグ、IE11に対応しておりませんので、jsが必要です。Insightsの点数が落ちたのです・・・。弊社はiphoneでWebPが表示されるようになったら対応する予定です。ChromeはGoogleが開発したブラウザですが、読み込みの遅いページにラベルをつける事を検討していると発表しています。webスピード対応はできる所からやった方が良さそうです。画像を圧縮するjpgやpngを使用する場合でも、できるだけ画像は圧縮しましょう。弊社の場合は、下記のサービスを使っています。tinyjpg枚数に限りはありますが、フォルダ毎選択、圧縮して、フォルダ毎ダウンロードできます。画像の名前などは変わらないのでとても便利です。ウェブフォントはサブセットするデザイナーとしては、とても便利なウェブフォントですが、重くなる原因の1つです。fontや日本語フォントは、使うフォントのみにサブセットしましょう。日本語フォントは特に重いです。常用漢字のみにサブセットするとかなり軽くなります。css、jsは圧縮するcssやjsはなるべく1つにして(リクエスト回数が減ります)、圧縮しましょう。様々な圧縮方法がありますが、1つご紹介します。css-minifier左側にcssやjsを入れ、Minifyするをクリックすると、空白や改行を削除し1行に圧縮してくれます。ここで注意なのが、圧縮するとよくエラーやトラブルが起きます。圧縮前の物も取っておいて、圧縮後、表示や機能がそのままか確認しましょう。キャッシュを使う頻繁に変更しない、画像、css、jsはキャッシュさせます。弊社は.htaccessでキャッシュを行っています。まとめこのように、ホームページの速度を早くするのは、かなり技術がいります。来年の5Gと絡んでどう動くかわかりませんが、Googleがスピード対応に本腰を入れているのは確かです。5Gの地方格差、対応する国、地域は限られていますし、全国、世界のユーザーを考慮する場合はどんな環境でも早いWebをまだまだ求められそうです。