wordpressスマホ対応サイト・wpプラグイン・検索体験最適化・SNS・ 動画・bgmやテーマ曲を駆使して、リアルビジネスへの集客を達成するためのコラム!

   

WordPress屋のマルチメディアコンテンツ制作読んどけ☆コラム

【WPプラグイン・サイト高速化】EWWW Image Optimizerで、画像をサクッと圧縮して表示を速くしよう

      2018/04/05

こんにちは、管理人@SS_mshpです。

今回は、サイトの高速化で、画像を圧縮してくれるものを試します

画像サイズが小さくなった方が、サイト表示速度の面では有利になりますし、『速度が遅すぎるとgoogleが順位下げるかも』といっているので、必須の対策になりそうです。さっそく試してみましょう。

■wordpressにもともと入っている画像品質に関するプログラムはあるけど・・・


wordpressにはもともとから、構成ファイルの中に画像品質などを操作するプログラムが入ってます。場所は『wp-includes/class-wp-image-editor.php』です。『デフォルトで画像品質82(WP_Image_Editorの$default_quality = 82;)』とされているのは、たぶんここ由来ですね。

なお、wpの技術者向けのページによると、この表記は3.5あたりから出てきて、こちらが推奨。以前使われてた『function image_resize(wp-includes/deprecated.php)』というファンクションは非推奨になったらしいです。
https://developer.wordpress.org/reference/functions/image_resize/
(https://developer.wordpress.orgでも、かわりに wp_get_image_editor() を使えと書いています)

しかし、わざわざこちらのフォルダーを開いてプログラムを改造するのは、慣れてないと大変です。そこでプラグインの出番です。

■EWWW Image Optimizerの主な機能

■基本機能・ロスレス圧縮やメタデータ消し


基本的な機能は『ロスレス圧縮やメタデータ消し』でした。API キーは、まだ使っていませんが、有料版のライセンスキーみたいなのを入れて、機能を拡張する感じのようです(API キーの部分をクリックで、有料版ページに飛ぶ)。元画像バックアップも、フリー版にはない拡張機能のようです。

■高度な設定~jpg品質やフォルダなど


最初にプログラムで覗いた部分は、ここで上書きします。png→jpg変換などにも適応とのこと。

■そのほか・リサイズなど


アップ前にある程度サイズを気にして行っている場合はあまりつかわないと思いますが、リサイズもあります。

■圧縮してみた結果(&一気に圧縮するには?)

■どれくらい圧縮されるか?


メディアライブラリ縦並び画面です。ここで『すでにアップされている画像』について、圧縮具合確認や、指定して圧縮したりできます。数枚圧縮かけたところ、『40kbくらいの画像で、6~8kbの圧縮』ができたようです。枚数が多いときは、数十~数百キロバイトくらい削れるかもしれません。

■一気に圧縮するときは?


管理人はやりませんでしたが、メニューに、『まとめて圧縮』みたいな機能がありました。過去のブログに使った画像などをまとめてやるときは便利です。

■あとがき・まとめ

『選んで圧縮』みたいな機能は便利かなと思いました。というのも、イラストやギャラリーなど画像がメインになるコンテンツの場合は、多少重くてもきれいな画像でみたい場合があるからです。『高画質で残すもの』と『圧縮してもかまわないもの』別途ということです。

それ以外の部分は圧縮してなるべく表示を速くしてやると、ユーザーの待ち時間も減って助かるでしょう。

*アトリエSS・web制作サービスページに移動します。webリニューアル・ロゴ・記事・wordpress化などでお力添えできます。

【カテゴリ】 - webサイト高速表示, wordpressプラグイン(拡張)情報 【タグ】 -

  関連記事

【PHPパフォーマンス】モジュールモード5.6と、CGIモード7.1どちらが快適に利用できた?→モジュール5.6です。ベストは7.3モジュールかも

今回は、管理人がやってみた実験『PHP・モジュールモード5.6と、CGI …

【WordPressモバイル高速化】pagespeed insightsモバイルスコアが大きく低下→原因はgoogle、お前だ(アドセンス自動広告)

今回は、WordPressサイト(重い)の高速化に取り組んでいて、pag …

【jQuery不使用・軽量でお洒落】CSSのみで、タップでふわっと広がって透けるスマートフォンメニューを実装

今回は、CSSのみで動作する、軽量でお洒落なスマートフォンメニューをサイ …

【重くて邪魔】WordPressのblock-libraryのCSSを読み込まなくする方法(wp deregister script関数・functions.php)

今回は、WordPressを新バージョンにしたときに、勝手に読み込まれる …

【WPプラグイン】WordPress5.0以降のブロックエディタ使いたくない場合→Classic Editorプラグインで旧エディタに戻して記事を書こう

今回は、WordPress5.0から搭載された記事のエディタがしっくりこ …

【WPプラグイン】WordPressにサウンドクラウドみたいな波形表示つけたい→WaveSurfer-WPをどうぞ

今回は、以前すこしDJの練習をしていた管理人が、webサイト(wordp …

wordpressのリビジョンを、プラグインで制御する方法(revision control)【データベースを軽く】

今回は、wordpressで溜まりすぎるとデータベースを圧迫するリビジョ …

【WordPressとGoogleカレンダー連携プラグイン】Simple Calendarの設定・Calendar APIやID取得しての設定

今回は、WordPressサイトに、googleアカウントがある人ならみ …

【WPサイト高速表示】ロリポWPコンテンツキャッシュで、速度の変動があるようです(不安定)

今回は、サイト表示速度に関わるキャッシュ話題です。 以前ロリポサーバーで …

【wordpressで教室・個別相談・サロン予約受付】プラグインEasy Appointmentsの設定・サイト実装方法を詳しく解説

今回は、特定の形態のビジネスで、『カレンダーつき予約フォームで、お客さん …

【wordpress限界高速化】Pjax技術を使ってサイトを高速表示するプラグインと、エラーの対処

今回は、『遅い』とされていた(過去形)wordpressサイトを『Pja …

【ロリポwordpress高速表示でSP90超えろ】ロリポップサーバーで『コンテンツキャッシュ機能』提供開始・設定方法と効果のチェック

今回はサイトを高速表示するときに重要なポイントといえる『キャッシュ活用』 …