<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>画像圧縮 - プログラミングで遊ブログ</title>
	<atom:link href="https://lemon818.com/tag/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE/feed/" rel="self" type="application/rss+xml" />
	<link>https://lemon818.com</link>
	<description>現役システムエンジニアが趣味でプログラミングする自由気ままなブログ</description>
	<lastBuildDate>Fri, 15 Mar 2019 11:36:47 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>	<item>
		<title>「EWWW Image Optimizer」プラグインで簡単にWordPressの画像を圧縮！</title>
		<link>https://lemon818.com/gazou_assyuku/</link>
		
		<dc:creator><![CDATA[Take]]></dc:creator>
		<pubDate>Thu, 29 Nov 2018 21:42:21 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[EWWW Image Optimizer]]></category>
		<category><![CDATA[画像圧縮]]></category>
		<guid isPermaLink="false">https://lemon818.com/?p=2220</guid>

					<description><![CDATA[はじめに WordPressをつかってサイト運用していたはじめのころ レモノ助 WordPress サイトの表示が遅いなあ～ 調査したところ、ことがわかりました。 サイト運用している中での膨大なデータは、おそらくメディア…]]></description>
										<content:encoded><![CDATA[<div class="sc_designlist li fa_check blue">
<h2>はじめに</h2>
<p><span style="font-size: 16px;">WordPressをつかってサイト運用していたはじめのころ</span></p>
</div>
<div>
<div class="voice clearfix left n_bottom">
<div class="icon">
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/d160a53f71104dc4e5ed3c300ba3ba79.jpg" /></p>
<div class="name">レモノ助</div>
</div>
<div class="text sc_balloon left white">WordPress サイトの表示が遅いなあ～</div>
</div>
<div></div>
</div>
<p>調査したところ、<span class="sc_marker" style="background: linear-gradient(transparent 50%, #ffff66 50%);">「膨大なデータの読み込み」に時間がかかっている</span>ことがわかりました。</p>
<p>サイト運用している中での膨大なデータは、おそらくメディア（画像）です。</p>
<p>サイト運用当初は、圧縮していない画像を何も考えずにアップロードしていましたが、</p>
<p>おそらくそれらの画像の読み込みに時間がかかっているのではと考えました。はじめのうちは、</p>
<div>
<div class="voice clearfix left n_bottom">
<div class="icon">
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/d160a53f71104dc4e5ed3c300ba3ba79.jpg" /></p>
<div class="name">レモノ助</div>
</div>
<div class="text sc_balloon left white">少しくらいサイト表示が遅くても問題ないんじゃない？</div>
</div>
<div></div>
</div>
<p>とも思っていたのですが、サイト表示が遅いと下記のデメリットがあることがわかりました。</p>
<h3>サイト表示が遅いことのデメリット</h3>
<div class="sc_designlist li fa_check blue">
<ul>
<li>トラフィックが激減</li>
<li>ユーザからの印象が悪くなる</li>
<li>直帰率が上昇</li>
<li>検索順位が下がる</li>
<li>Googleからの評価が下がる</li>
</ul>
</div>
<p>要はデメリットだらけです。</p>
<p>せっかくサイト運用していてもこれじゃ書いている記事すら読んでくれません。</p>
<p>そこで画像を圧縮する方法を調べると<span class="sc_marker" style="background: linear-gradient(transparent 50%, #ffff66 50%);">「EWWW Image Optimizer」というプラグインで簡単に画像圧縮できる</span>ことがわかりました。</p>
<p>その方法についてご紹介します。</p>
<h2>EWWW Image Optimizer の使い方</h2>
<p>①「メニュー」→ 「プラグイン」で「EWWW Image Optimizer」と検索し、インストール &amp; 有効化をしてください。</p>
<p><img fetchpriority="high" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_3.png" alt="" width="512" height="227" class="aligncenter wp-image-2234" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_3.png 826w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_3-300x133.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_3-768x340.png 768w" sizes="(max-width: 512px) 100vw, 512px" /></p>
<p>&nbsp;</p>
<p>➁ 「メニュー」→ 「設定」→ 「EWWW Image Optimizer」をクリックすると以下の画面が表示されます。</p>
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_4.png" alt="" width="855" height="378" class="aligncenter wp-image-2250" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_4.png 1674w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_4-300x132.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_4-768x339.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_4-1024x452.png 1024w" sizes="(max-width: 855px) 100vw, 855px" /></p>
<p>&nbsp;</p>
<p>③ 「Basic」タグ →  「Remove Metadata」にチェックを入れてください。</p>
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_5.png" alt="" width="882" height="305" class="aligncenter wp-image-2252" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_5.png 1463w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_5-300x104.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_5-768x266.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_5-1024x354.png 1024w" sizes="(max-width: 882px) 100vw, 882px" /></p>
<p>&nbsp;</p>
<p>④ 「Convert」タグ →  「コンバージョンリンクを非表示」にチェックを入れてください。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_6.png" alt="" width="886" height="179" class="aligncenter wp-image-2255" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_6.png 1425w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_6-300x61.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_6-768x155.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_6-1024x207.png 1024w" sizes="auto, (max-width: 886px) 100vw, 886px" /></p>
<p>&nbsp;</p>
<p>⑤ ページの一番下の「変更を保存」ボタンをクリックしてください。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_7.png" alt="" width="927" height="193" class="aligncenter wp-image-2256" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_7.png 1274w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_7-300x63.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_7-768x160.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_7-1024x214.png 1024w" sizes="auto, (max-width: 927px) 100vw, 927px" /></p>
<p>&nbsp;</p>
<p>⑥ 「メニュー」→ 「メディア」→ 「一括最適化」をクリックします。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_8.png" alt="" width="351" height="111" class="aligncenter wp-image-2258" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_8.png 468w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_8-300x95.png 300w" sizes="auto, (max-width: 351px) 100vw, 351px" /></p>
<p>⑦ 下記画面が表示されますので「最適化されていない画像をスキャンする」ボタンをクリックします。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_9.png" alt="" width="822" height="302" class="aligncenter wp-image-2260" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_9.png 1445w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_9-300x110.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_9-768x282.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_9-1024x376.png 1024w" sizes="auto, (max-width: 822px) 100vw, 822px" /></p>
<p>&nbsp;</p>
<p>⑧ 下記画面が表示されますので「最適化されていない画像をスキャンする」ボタンをクリックします。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_10.png" alt="" width="806" height="235" class="aligncenter wp-image-2262" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_10.png 1346w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_10-300x88.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_10-768x224.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_10-1024x299.png 1024w" sizes="auto, (max-width: 806px) 100vw, 806px" /></p>
<p>&nbsp;</p>
<p>⑨ スキャンが始まりますので、終了するまで少し待ちます。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_11.png" alt="" width="603" height="332" class="aligncenter wp-image-2264" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_11.png 816w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_11-300x165.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_11-768x423.png 768w" sizes="auto, (max-width: 603px) 100vw, 603px" /></p>
<p>&nbsp;</p>
<p>⑩ 「メニュー」→ 「メディア」で画像が圧縮されたことが確認できます。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_12.png" alt="" width="814" height="285" class="aligncenter wp-image-2268" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_12.png 1281w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_12-300x105.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_12-768x269.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_12-1024x359.png 1024w" sizes="auto, (max-width: 814px) 100vw, 814px" /></p>
<h2>最後に</h2>
<p>WordPress サイトへのアクセス低下原因は、「膨大なデータの読み込み」が挙げられます。</p>
<p>その対策として、画像圧縮する方法をご紹介しましたが、</p>
<p>それだけではなく<span class="sc_marker" style="background: linear-gradient(transparent 50%, #ffff66 50%);">不要な画像を削除する</span>ことも重要です。</p>
<p>もし不要な画像を探したいという方は、「メニュー」→ 「メディア」にある「アップロード先」という列を並び替え（「アップロード先」を１クリック）してみてください。</p>
<p>下記画面のように未使用画像が上位に表示されますので、不要な画像は削除してください。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_13.png" alt="" width="1001" height="188" class="aligncenter wp-image-2270" srcset="https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_13.png 1407w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_13-300x57.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_13-768x145.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/11/EWWW_13-1024x193.png 1024w" sizes="auto, (max-width: 1001px) 100vw, 1001px" /></p>
<p>ちなみに、私は画像圧縮してから WordPress へのアクセスが 7 ~ 8秒から 1 ~ 2 秒にまで速くなりました。</p>
<p>圧縮できる画像が 400 枚もありました（さすがにやりすぎましたね）。</p>
<p>ぜひ皆さんも自分の WordPress サイトでお試しください！</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
