ポニョの酩酊生活。

飲んだくれのアラサー♀が綴る半径5センチの日常。酒/旅行/写真/ダイビング/名古屋ネタetc。

画像の読み込み速度を上げて、ユーザーフレンドリーなブログにしよう(・∀・)

スポンサーリンク

どうも、最近電波の調子が悪いのか快適にネットサーフィンできてないポニョです。
他のサイトだけじゃなく、スマホで自分のブログ見返そうと思ってもなかなか記事を読み込まない始末。
レスポンシブルデザインに変えて、モバイル版の読み込み速度上がったはずなのになあ......とページスピードインサイトを確認してみた所、数字落ちてるのが確認されました(´・ω・`)


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

画像の圧縮!圧縮!

  • スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
  • ブラウザのキャッシュを活用する
  • JavaScript を縮小する

と説明読んでもよく分からない言葉の羅列の中、すぐ出来そうな作業が一つ。
そう、画像の圧縮です。

過去の写真は随時TinyPNGなどで圧縮した物と交換していくとして、問題はこれからアップする記事です。


ステキな画像圧縮アプリを探して。


基本的にスマホで記事の更新してる身としては、TinyPNGで圧縮→ブログにアップするのはあんまり効率的ではありません。

  • あまり画質落とさずに使えて。
  • 複数枚一気に圧縮できて。
  • スムーズに処理できて。
  • できたら無料のアプリ。

......そんな都合のいいアプリあるのかって?
それがあったんです(*'▽'*)

『ロスレス圧縮』『画像最適化』などキーワード変えてAPPストアをうろついていたら見つけたこのアプリ。
インパクトある名前に負けないくらいいいものでした。


圧縮おたの助-画像や動画の解像度を圧縮しサイズを減らす

圧縮おたの助-画像や動画の解像度を圧縮しサイズを減らす

  • Osaka Gas Research Institute of Behavior Observation Inc.
  • 写真/ビデオ
  • 無料


使い方も簡単。
アプリを立ち上げたら写真を選んで、高/中/低画質の3つからチョイスするだけ。
スタートページの広告が大きいので、それに触らないよう注意さえすれば後は流れに沿うだけです。



ちなみに244.88キロバイトあった元画像の場合、高画質:61.72/中画質:30.86まで削減できました。

比較できるようにするとこんな感じ。
※低画質はあまりにもアラが目立ったので、割愛しました※



バランスがいいのは高画質モード。
大きくズームすると荒い所もありますが、ブログ用に張るには十分なレベルです。

これでいて244.88から61.72と75%も容量を圧縮出来るんですから。
iPhoneでブログ書いてる人には、必需品といえるアプリですね。
※Android版はないみたいです。※

Googleのアップデートから半月が過ぎました。
『モバイルフレンドリー』の次は、ページスピードインサイトを考慮して検索順位が変わるのでは?と言われてますし、今のうちから記事の読み込み速度を上げておくといざという際慌てずに済むのではないでしょうか?


圧縮おたの助-画像や動画の解像度を圧縮しサイズを減らす

圧縮おたの助-画像や動画の解像度を圧縮しサイズを減らす

  • Osaka Gas Research Institute of Behavior Observation Inc.
  • 写真/ビデオ
  • 無料

追記。


第一、読み込み遅いサイトってイラッとしますよね。
メインキャリアと比べると速度が不安定なMVMO=格安SIMでスマホを動かしている方も増えてるご時世です。

少しでも記事が表示される速度を上げておくのが、ブログ運営している者としての義務。
『モバイルフレンドリー』だけじゃなく『ユーザーフレンドリー』なサイトにする為の条件だと思いました。



......過去記事約200件、頑張って圧縮していかないとなあ。
パソコンいじらないといけないので、今日はこの辺りで。