目次
PageSpeed Insightsがすごく便利
PageSpeed Insightsがアップデートされてすごく便利になりました。
chromeの拡張機能であるLighthouseを利用して計測しているようで以前のように改善できる項目を出してくれるのはもちろん、
Lighthouseでの分析で3Gでエミュレートした分析も行ってくれます。
「このページ向けに最適化された画像、JavaScript、CSS リソースをダウンロードできます。」が無くなってしまった
すごい便利!と感動していたのですが、
「このページ向けに最適化された画像、JavaScript、CSS リソースをダウンロードできます。」がないのに気が付きました。
PageSpeed Insightsと同じぐらいの圧縮をかける方法
PageSpeed Insightsで圧縮をかけていた圧縮率でどうしても画像を圧縮をかけたい。
そういう方におすすめの方法をご紹介します。
PageSpeed Insightsは他のサービスよりも圧縮率が高く画像も奇麗に圧縮されていたので、私はどうしても他の圧縮サービスに移管できませんでした。
その際に編み出した方法です。
Gmailを使って画像圧縮
実は、Gmailで画像を送ると画像が圧縮されるのですがこれがPageSpeed Insighsで同じだったのです。
興味本位でPageSpeed Insightsがアップデートされる前に計測していました。
その方法をお伝えしていきたいきます
圧縮前にPageSpeed Insightsをかけてみる
この古風な女性の画像をまずは非圧縮でPageSpeed Insightsをかけてます。
もちろん・・・非圧縮なのでこの画像に対しての改善提案が出てきます。
では、早速圧縮をかけていきます。
Gmailで圧縮したい画像を自分宛てに送る
まず、圧縮したい画像を自分宛てに送ってください。
受信した画像をドラッグ&ドロップ
Gmailで受信した画像をドラッグ&ドロップでダウンロードしてください。
この時の注意点ですが全てのファイル名が「unnamed」になります。
複数画像を圧縮する時は面倒ですが、一回づつファイル名を変えてください。
再度、PageSpeed Insightsをかけてみる
古風な女性の改善提案が消えた!!(代わりに他の画像が出てしまいました・・・)
このようにかなり簡単にPageSpeed Insightsのアップデート前の圧縮率で画像を圧縮することが可能です。
お試しくださいませ!