Hatena2Pocket0Copy-表示速度は正義で書いたように表示速度を上げるにはリダイレクトを減らす画像を減らすlinkタグでDNSの事前解決を行うWebPを検討してみるだと現時点では思っている。画像を減らすを少し考えて画像の容量を減らすということでダイエットをしてみる。ImageOptimというツールが良いという噂を聞いたので入れてみた。非可逆圧縮をONにして80%に固定してみる。この数値を下げすぎると画質ががくんと低下すると言うことなので80%にしました。見比べればいいんだろうけど、容量が小さくなるのは正義なのでデフォルトの80%でやってみました。6で撮った写真をメッセージで送った画像ファイルを編集してみる。元画像の情報は下記の通りもとファイル大きい(2448×3264で3.2MB)WordPressは1枚2M以上のファイルはアップロードできないはずだし、3.2MBとかはあり得ないMacのPreview.appで横幅を1024に変更して1024×2365で754KBまで小さくなった。サイズが半分になったので容量はだいたい1/4サイズ。754KBでもまだかなり大きい。これをImageOptimでダイエットしてみる。ドラッグ&ドロップで自動的に圧縮して同一名で保存してくれます。同一ファイルに保存が嬉しいかは使い方によるな^^;;オリジナルファイルは上書きでは無くゴミ箱に入れられてます。画像を見てもわかるように62.1%小さくなります。できあがったファイルは287Kでした。表示速度を上げるというのにフォーカスするなら画質を落として軽くするというのもありだと思います。PNG画像スクリーンショットはPNGというわたしの勝手なイメージということでスクリーンショット(PNG)をImageOptimでダイエットさせてみる。Originalデータが270KB同じようにImageOptimに入れてみます。そのアウトプットが61KB画質的にはあまり変わらないような気がする。200KB以上も削減できる。元画像ImageOptimで圧縮した画像まぁ違いはこんな感じです。PNGJPGとPNGどのファイル形式がいいかと考えていたらこんなツイートを発見TwitterのJPEG圧縮は悪者にされることが多いですが、容量との兼ね合いも考えるとそうとも限らないなーとも思います。主観も入るので基準は人それぞれですが、イラストを投稿する際の参考になれば幸いです。2017年12月4日なるほどねぇ〜Twitterに対してではあるけど。写真はJPG、スクリーンリーダーはPNGで問題はなさそうな感じ。ImageOptimのデメリットCPUパワーが足りないからかPNGの圧縮には時間がかかります。数分という感じではありませんが十数秒かかる気がします。大量の画像を圧縮する場合には寝る前とかに行った方がいいかも。本当はサーバ側で自動的に圧縮したほうがいいとはおもうけどそしたらサーバのCPUが死ねるしね^^;;まとめ画像圧縮は高速化には効く。WordPressのサムネイル生成)次は瑞慶覧さんのWordPressでwebpを使って画像サイズ削減を参考にWebP対応かなぁ〜最近はCDNの機能で画像最適化とかあるらしいfastlyとかAkamaiとか利用して遊んでみるのもアリかも知れない。playerを利用するのが正しいような気もする。