X

スポンサードリンク

スポンサードリンク

EWWW Image Optimizerでブログの画像容量を減らしてみた。

<p><img data-attachment-id&equals;"6890" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;9b82ab7dfa18a0d4853d90f2a2aad1ef&lowbar;s&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;9b82ab7dfa18a0d4853d90f2a2aad1ef&lowbar;s&period;jpg&quest;fit&equals;640&percnt;2C480&amp&semi;ssl&equals;1" data-orig-size&equals;"640&comma;480" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"9b82ab7dfa18a0d4853d90f2a2aad1ef&lowbar;s" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;9b82ab7dfa18a0d4853d90f2a2aad1ef&lowbar;s&period;jpg&quest;fit&equals;300&percnt;2C225&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;9b82ab7dfa18a0d4853d90f2a2aad1ef&lowbar;s&period;jpg&quest;fit&equals;567&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-full wp-image-6890" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;9b82ab7dfa18a0d4853d90f2a2aad1ef&lowbar;s&period;jpg" alt&equals;"" width&equals;"640" height&equals;"480" &sol;><br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;99 -->&NewLine;<div class&equals;"quads-location quads-ad1" id&equals;"quads-ad1" style&equals;"float&colon;none&semi;margin&colon;0px&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<&sol;p>&NewLine;<p>事の発端は、このブログの読み込みスピードが気になりはじめたこと。<br &sol;>&NewLine;読み込みスピードが遅いということは、せっかく訪問してくれようとしているユーザーに迷惑がかかっていることになります。<br &sol;>&NewLine;その遅いレベルは、自分でもちょっとイライラするぐらいだったのですが、どうやって改善すればいいのかを知らないことを理由に放置していました。<br &sol;>&NewLine;でも、訪問者様に話を伺うと「気長に待ってる」なんて優しいお言葉をいただき、重い腰を上げることにしました。<&sol;p>&NewLine;<h3 class&equals;"style3b">PageSpeed Insights で診断<&sol;h3>&NewLine;<p><a href&equals;"https&colon;&sol;&sol;developers&period;google&period;com&sol;speed&sol;pagespeed&sol;insights&sol;">PageSpeed Insights<&sol;a> とは、googleが無料で提供しているサービスですので、あなたも一度診断してみるといいです。<&sol;p>&NewLine;<h4 class&equals;"style4a">2018年4月21日の診断結果<&sol;h4>&NewLine;<p><img data-attachment-id&equals;"6885" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww7&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW7&period;jpg&quest;fit&equals;410&percnt;2C300&amp&semi;ssl&equals;1" data-orig-size&equals;"410&comma;300" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW7" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW7&period;jpg&quest;fit&equals;300&percnt;2C220&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW7&period;jpg&quest;fit&equals;410&percnt;2C300&amp&semi;ssl&equals;1" class&equals;"aligncenter size-full wp-image-6885" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW7&period;jpg" alt&equals;"" width&equals;"410" height&equals;"300" &sol;> <img data-attachment-id&equals;"6884" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww6&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW6&period;jpg&quest;fit&equals;410&percnt;2C300&amp&semi;ssl&equals;1" data-orig-size&equals;"410&comma;300" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW6" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW6&period;jpg&quest;fit&equals;300&percnt;2C220&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW6&period;jpg&quest;fit&equals;410&percnt;2C300&amp&semi;ssl&equals;1" class&equals;"aligncenter size-full wp-image-6884" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW6&period;jpg" alt&equals;"" width&equals;"410" height&equals;"300" &sol;><br &sol;>&NewLine;パソコンは「63&sol;100」ですが、モバイルでは「19&sol;100」と、今すぐにでも改善しないといけないスコアになっていました。<br &sol;>&NewLine;でも、改善する知識が・・・<br &sol;>&NewLine;ここは、単純にサイト内にある画像容量を小さくしてみます。<br &sol;>&NewLine;読み込むデータが減れば、少しぐらい変わるかもしれないと思ったので、さっそく実行してみました。<br &sol;>&NewLine;既存の画像枚数をカウントしてみると、なんと<strong>10875枚<&sol;strong>もありました。<br &sol;>&NewLine;こんなものを手動でするなんて、やる気も起こりません。<br &sol;>&NewLine;私のブログはwordpressで作成しているのですが、プラグインで良さそうなものを見つけました。<br &sol;>&NewLine;これを使えば、過去に投稿した画像の容量も減らしてくれるし、以後の画像も容量を減らしてくれるような優れもの。<br &sol;>&NewLine;プラグインの名前は、「EWWW Image Optimizer」です。<br &sol;>&NewLine;インストールは、プラグインの検索で、「EWWW Image Optimizer」を入力して検索すれば、ちゃんと出てきました。<&sol;p>&NewLine;<h3 class&equals;"style3b">EWWW Image Optimizerの基本設定<&sol;h3>&NewLine;<p>WordPressの管理画面から「設定」&srarr;「EWWW Image Optimizer」と進んでいくと、このような設定画面が出てきます。<br &sol;>&NewLine;まずは、メタデータを削除する必要があるので、「基本設定」タブ(初期の画面)で、チェックを確認してみる。<br &sol;>&NewLine;すると、デフォルトでチェックが入っていたので、これで良しとします。<br &sol;>&NewLine;その他も、変更せずにデフォルトのまま、基本設定は終了しました。<br &sol;>&NewLine;もしも、チェックが入っていなければ、赤色の枠の部分にチェックを入れて、一番下の「変更を保存」をクリックします。<br &sol;>&NewLine;<img data-attachment-id&equals;"6879" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww1&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW1&period;jpg&quest;fit&equals;616&percnt;2C445&amp&semi;ssl&equals;1" data-orig-size&equals;"616&comma;445" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW1" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW1&period;jpg&quest;fit&equals;300&percnt;2C217&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW1&period;jpg&quest;fit&equals;588&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-large wp-image-6879" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW1-588x425&period;jpg" alt&equals;"" width&equals;"588" height&equals;"425" &sol;><&sol;p>&NewLine;<h3 class&equals;"style3b">EWWW Image Optimizerの変換設定<&sol;h3>&NewLine;<p>「基本設定」のタブが終わり、「高度な設定」、「リサイズ設定」のタブがありましたが、変更する必要がないと思ったのでデフォルトでさわっていません。<br &sol;>&NewLine;次の「変換設定」のタブのなかで、一箇所変更したので記載します。<br &sol;>&NewLine;赤色の枠の部分ですが、「コンバージョンリンクを非表示」のところにチェックが入っていませんでしたので、チェックしました。<br &sol;>&NewLine;その他は、デフォルトのまま変更していません。<br &sol;>&NewLine;その後、一番下の「変更の保存」をクリックするのを忘れずに。<br &sol;>&NewLine;<img data-attachment-id&equals;"6880" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww2&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW2&period;jpg&quest;fit&equals;598&percnt;2C412&amp&semi;ssl&equals;1" data-orig-size&equals;"598&comma;412" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW2" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW2&period;jpg&quest;fit&equals;300&percnt;2C207&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW2&period;jpg&quest;fit&equals;598&percnt;2C412&amp&semi;ssl&equals;1" class&equals;"aligncenter size-full wp-image-6880" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW2&period;jpg" alt&equals;"" width&equals;"598" height&equals;"412" &sol;><&sol;p>&NewLine;<h3 class&equals;"style3b">EWWW Image Optimizerの使い方<&sol;h3>&NewLine;<p>さっそく、「EWWW Image Optimizer」のプラグインを使ってみたいと思います。<br &sol;>&NewLine;wordpressの管理画面から「メディア」&srarr;「一括最適化」を選択してクリックすると、このような画面が表示されます。<br &sol;>&NewLine;次に、「最適化されていない画像をスキャンする」をクリックします。<br &sol;>&NewLine;<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW3&period;jpg"><img data-attachment-id&equals;"6881" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww3&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW3&period;jpg&quest;fit&equals;833&percnt;2C261&amp&semi;ssl&equals;1" data-orig-size&equals;"833&comma;261" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW3" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW3&period;jpg&quest;fit&equals;300&percnt;2C94&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW3&period;jpg&quest;fit&equals;641&percnt;2C201&amp&semi;ssl&equals;1" class&equals;"aligncenter size-large wp-image-6881" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW3-641x201&period;jpg" alt&equals;"" width&equals;"641" height&equals;"201" &sol;><&sol;a><br &sol;>&NewLine;この操作で、サイト内の画像をすべて抽出します。<br &sol;>&NewLine;私のサイトでは、10875枚の画像ファイルが対象となりました。<br &sol;>&NewLine;次に、この10875枚の画像ファイルを<span style&equals;"font-size&colon; 14px&semi;">確認し、圧縮できる画像は圧縮する動作の準備官僚となりました。<&sol;span><br &sol;>&NewLine;それでは、「最適化を開始」をクリックし、画像の最適化をスタートさせます。<br &sol;>&NewLine;<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW4&period;jpg"><img data-attachment-id&equals;"6882" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww4&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW4&period;jpg&quest;fit&equals;700&percnt;2C290&amp&semi;ssl&equals;1" data-orig-size&equals;"700&comma;290" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW4" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW4&period;jpg&quest;fit&equals;300&percnt;2C124&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW4&period;jpg&quest;fit&equals;641&percnt;2C266&amp&semi;ssl&equals;1" class&equals;"aligncenter size-large wp-image-6882" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW4-641x266&period;jpg" alt&equals;"" width&equals;"641" height&equals;"266" &sol;><&sol;a><br &sol;>&NewLine;私の場合、10875枚の画像ファイルがあったからか、約46分の時間がかかりました。<br &sol;>&NewLine;これを実行するタイミングは、考えたほうが良いかもしれません。<br &sol;>&NewLine;<a href&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW5&period;jpg"><img data-attachment-id&equals;"6883" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww5&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW5&period;jpg&quest;fit&equals;1100&percnt;2C600&amp&semi;ssl&equals;1" data-orig-size&equals;"1100&comma;600" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW5" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW5&period;jpg&quest;fit&equals;300&percnt;2C164&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW5&period;jpg&quest;fit&equals;641&percnt;2C350&amp&semi;ssl&equals;1" class&equals;"aligncenter size-large wp-image-6883" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW5-641x350&period;jpg" alt&equals;"" width&equals;"641" height&equals;"350" &sol;><&sol;a><&sol;p>&NewLine;<h3 class&equals;"style3b">EWWW Image Optimizerの効果<&sol;h3>&NewLine;<p>読み込む画像データの容量が減ったから、かなりの効果がでていることを期待しつつ・・・<br &sol;>&NewLine;再び、<a href&equals;"https&colon;&sol;&sol;developers&period;google&period;com&sol;speed&sol;pagespeed&sol;insights&sol;">PageSpeed Insights<&sol;a> で診断しました。<br &sol;>&NewLine;よく考えたら、これを使えば人のサイトを勝手に診断することが出来ちゃいますね。<br &sol;>&NewLine;まぁ、そんなことはいいです、さっそく改善結果を見てみましょう&excl;<br &sol;>&NewLine;<img data-attachment-id&equals;"6885" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww7&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW7&period;jpg&quest;fit&equals;410&percnt;2C300&amp&semi;ssl&equals;1" data-orig-size&equals;"410&comma;300" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW7" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW7&period;jpg&quest;fit&equals;300&percnt;2C220&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW7&period;jpg&quest;fit&equals;410&percnt;2C300&amp&semi;ssl&equals;1" class&equals;"aligncenter size-full wp-image-6885" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW7&period;jpg" alt&equals;"" width&equals;"410" height&equals;"300" &sol;><br &sol;>&NewLine;パソコンは、「63&sol;100」・・・あれ、変化がありません!<br &sol;>&NewLine;<img data-attachment-id&equals;"6886" data-permalink&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;method&sol;ewww&lowbar;image&lowbar;optimizer&sol;attachment&sol;ewww8&sol;" data-orig-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW8&period;jpg&quest;fit&equals;410&percnt;2C430&amp&semi;ssl&equals;1" data-orig-size&equals;"410&comma;430" data-comments-opened&equals;"0" data-image-meta&equals;"&lbrace;&quot&semi;aperture&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;credit&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;camera&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;caption&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;created&lowbar;timestamp&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;copyright&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;focal&lowbar;length&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;iso&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;shutter&lowbar;speed&quot&semi;&colon;&quot&semi;0&quot&semi;&comma;&quot&semi;title&quot&semi;&colon;&quot&semi;&quot&semi;&comma;&quot&semi;orientation&quot&semi;&colon;&quot&semi;0&quot&semi;&rcub;" data-image-title&equals;"EWWW8" data-image-description&equals;"" data-image-caption&equals;"" data-medium-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW8&period;jpg&quest;fit&equals;286&percnt;2C300&amp&semi;ssl&equals;1" data-large-file&equals;"https&colon;&sol;&sol;i0&period;wp&period;com&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW8&period;jpg&quest;fit&equals;405&percnt;2C425&amp&semi;ssl&equals;1" class&equals;"aligncenter size-large wp-image-6886" src&equals;"https&colon;&sol;&sol;www&period;eskyjapan&period;com&sol;wp-content&sol;uploads&sol;2018&sol;04&sol;EWWW8-405x425&period;jpg" alt&equals;"" width&equals;"405" height&equals;"425" &sol;><br &sol;>&NewLine;モバイルは、「19&sol;100」 &srarr; 「21&sol;100」 やったー2%も向上しています!<br &sol;>&NewLine;ものは言い方ですね、つまり、たった2%しか改善しませんでした。<br &sol;>&NewLine;でも、これはトップページだけの診断ですから、各ページのデータ容量は確実に減っていて、数字よりも改善されていると・・・思いたい。<br &sol;>&NewLine;はい、ただの願望です。<&sol;p>&NewLine;<h3 class&equals;"style3b">まとめ<&sol;h3>&NewLine;<p>「なんや、全然効果がないやん!」って言われそうですが、あえて記事にしたのは、ブラグインを追加するだけなので、非常にお手軽です。<br &sol;>&NewLine;実際、データ容量は確実に減っているので、何かが改善されていることは間違いありません。<br &sol;>&NewLine;過去の画像も一括で減らしてくれるので、私としてはお勧めできるプラグインです。<br &sol;>&NewLine;サイトスピードの改善は、引き続き行います。<br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;99 -->&NewLine;<div class&equals;"quads-location quads-ad3" id&equals;"quads-ad3" style&equals;"float&colon;none&semi;margin&colon;0px&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<br &sol;>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;99 -->&NewLine;<div class&equals;"quads-location quads-ad4" id&equals;"quads-ad4" style&equals;"float&colon;none&semi;margin&colon;0px 0 0px 0&semi;text-align&colon;center&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;<&sol;p>&NewLine;&NewLine;

葉隠 瀧: このサイトを管理しているのが葉隠 瀧です。