GWもまっただ中！4月はいろいろと新しいチャレンジがあったり、新人さんが頑張ったりと、変化が多い月だったのではないでしょうか？GW後半もしっかり遊んで、仕事も張りきっていきましょう！

2018年4月の人気ブログ記事

WebP（ウェッピー）に注目が集まっているということは、表示高速化の波が来ているということだと思います。対応ブラウザの少なさと、それによる開発がネックですが、JPGよりも軽くなるのは確かです！

#WebP ってなに？という質問もいただくことがあるので、#Photoshop でも書き出せる新しい画像フォーマットです！とこたえることも。まずは試してみるのが重要なので、Photoshopから書き出してみてください。たしかに軽いのです。あとはブラウザですね。https://t.co/2aC1uO8V6e

-- アイデアマンズ (@ideamans) 2018年4月12日

続いては、先月もランクインしているChromeのDevToolsにあるNetworkパネルの話。これを使うと、なにが表示の際にボトルネックになっているのかがわかるので超便利です。

#Chrome 便利ですよね！今回はNetworkパネルで、画像がどのくらい読み込まれているのかがわかる！というご紹介です。ちなみに画像と同じく重いのは、#フォント です。https://t.co/iA9tes17Zt

-- アイデアマンズ (@ideamans) 2018年2月2日

続いては、Google謹製のmod_pagespeedのお話。表示高速化を効率よく対応したい！WebPを使いたい！という方は、まずはこれを入れてみるのが良いです。Apache版とnginx版がリリースされています。

#CMSプロレス で使ったのがこの #mod_pagespeed なんだけど、#Apache 版はホントにかんたんでした。mod_pagespeedとgzip圧縮とキャッシュ設定で、ほとんどのサイトは高速化できます。ただ、mod_pagespeedの画像処理はイマイチでした。結構荒くなる。https://t.co/lVeimZT26A https://t.co/YnjuCOd5Tq

-- アイデアマンズ (@ideamans) 2018年4月17日

Webサイトのトップページは、90%以上を画像が占めているケースもある

さまざまなWebサイトが公開されていますが、トップページが一番アクセスが多いのが一般的です。そのトップページを軽量化することは、Webパフォーマンスの向上に大きく貢献します。表示高速化のうち、効果が出やすいのが画像最適化です。調べていると、1MBを超える画像がスマホサイトで読み込まれているケースも。

最近は #動画 での訴求が少なくなった気もしますが、実装さえしっかりやれば軽くできることも。企業のトップページは、やっぱりスライダーが一番多いですね。今回は #生活家電 企業を調べてみました。https://t.co/ehD00SXqXu

-- アイデアマンズ (@ideamans) 2018年4月23日

最後に

表示高速化やWebパフォーマンスの向上は、Amazonなどでは売上に貢献したという情報も以前から出ています。きれいな画像＝重い画像 というわけではないので、しっかりと最適化して、ユーザーエクスペリエンスを向上していきましょう！

JPGの最適化は、LightFile Core | 画像の最適化でページ表示を高速に！

自動でJPEGファイルを容量削減し、表示の高速化/転送量の削減を実現します。

https://core.lightfile.net/

かんたんランキングツール Ranklet

Googleアナリティクスのデータを元にあらゆるサイトで人気ページランキング表示ができます。

https://ranklet.com/

では！