gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100"},"updated":{"$t":"2023-03-13T11:23:17.127+09:00"},"category":[{"term":"レビュー"},{"term":"宅建"},{"term":"リダイレクト"},{"term":"ブログ"},{"term":"Windows エクスペリエンス インデックス"},{"term":"アップデート"},{"term":"アナリティクス"},{"term":"WordPress"},{"term":"A8"},{"term":"光・モバイル回線"},{"term":"拡張機能"},{"term":"外注記事"},{"term":"メニューバー"},{"term":"ウェブマスターツール"},{"term":"禁煙に失敗した人の話"},{"term":"動画"},{"term":"WordPressカスタマイズ"},{"term":"Hatch"},{"term":"画像の圧縮"},{"term":"プラグイン"},{"term":"URL"},{"term":"ネームサーバー"},{"term":"STINGER"},{"term":"Seesaaカスタマイズ"},{"term":"Vista"},{"term":"Chrome"},{"term":"テラダモケイ"},{"term":"FREETEL"},{"term":"ファビコン"},{"term":"サブメニュー"},{"term":"ドメイン"},{"term":"AdSense"},{"term":"子テーマ"},{"term":"amazon"},{"term":"Bloggerカスタマイズ"},{"term":"css"},{"term":"NURO光"},{"term":"カテゴリー"},{"term":"バリューコマース"},{"term":"JavaScript"},{"term":"nofollow"},{"term":"マネークリップ"},{"term":"LinkWithin"},{"term":"サチコ"},{"term":"KIWAMI"},{"term":"プロフィール"},{"term":"ツイッター連携"},{"term":"totoBIG"},{"term":"ランサーズ"},{"term":"プロジェクター"},{"term":"Seesaa"},{"term":"キャッシュ"},{"term":"サイドバー"},{"term":"投稿ページ"},{"term":"グラボ"},{"term":"GIMP"},{"term":"Skitch"},{"term":"サイトマップ"},{"term":".exeファイル"},{"term":"Picasa"},{"term":"ウィンドウエアコン"},{"term":"テーマ"},{"term":"固定ページ"},{"term":"テンプレート"},{"term":"格安SIM"},{"term":"関連記事"},{"term":"スコアカード"},{"term":"禁煙に成功した人の話"},{"term":"連絡フォーム"},{"term":"禁煙の効果"},{"term":"艦これ"},{"term":"Google+"},{"term":"コピーライト"},{"term":"Linux"},{"term":"パーマリンク設定"},{"term":"トップページ"},{"term":"ミニバード"},{"term":"ペイント"},{"term":"Blogger"},{"term":"ドメインキング"},{"term":"Inkscape"},{"term":"圧縮"},{"term":"くじ"},{"term":"禁煙"},{"term":"ダウンロード"},{"term":"gzip"},{"term":"フォント"},{"term":"バナー広告"},{"term":"Googleアカウント"},{"term":"レンタルサーバー"},{"term":"画像"},{"term":"MesoColumn"},{"term":"窓用エアコン"},{"term":"クロスドメイントラッキング"},{"term":"パソコン"},{"term":"月次報告"},{"term":"MVNO"},{"term":"注目の投稿"},{"term":"禁煙のコツ"},{"term":"ページ内リンク"},{"term":"検索"},{"term":"タバコの害"}],"title":{"type":"text","$t":"メモロウ"},"subtitle":{"type":"html","$t":"メモロウ（旧はじめてのWordPressとBlogger+Seesaa）は、ブログ作成スキルゼロだった管理人が、WordPress・Blogger・Seesaaで実際に行ったカスタマイズの備忘録を中心に、日々の生活で気になった情報や話題を投稿しています。"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E7%94%BB%E5%83%8F%E3%81%AE%E5%9C%A7%E7%B8%AE?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E7%94%BB%E5%83%8F%E3%81%AE%E5%9C%A7%E7%B8%AE?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/%E7%94%BB%E5%83%8F%E3%81%AE%E5%9C%A7%E7%B8%AE"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"1"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"9999"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-3785658408279494730"},"published":{"$t":"2013-10-24T19:22:00.000+09:00"},"updated":{"$t":"2017-02-25T21:09:08.393+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"プラグイン"},{"scheme":"http://www.blogger.com/atom/ns#","term":"画像の圧縮"},{"scheme":"http://www.blogger.com/atom/ns#","term":"スコアカード"}],"title":{"type":"text","$t":"WordPress 画像の圧縮 ページの読み込み時間のパフォーマンスを改善2"},"content":{"type":"html","$t":"\u003ca href\u003d\"http://www.memorou.com/2013/10/google-adsense_23.html\"\u003eGoogle AdSenseでサイトの状況の評価が２になったので改善する\u003c/a\u003eの続きです。\u003cbr /\u003e\n\u003cbr /\u003e\n前回は、ブラウザのキャッシュを活用する方法で、モバイル、パソコンそれぞれで4点アップしました。\u003cbr /\u003e\n今回は、画像を最適化していきたいと思います。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nこの記事は、PageSpeed Insightsのパフォーマンス改善のためにやったことを記録しています。この記事以外にも下記の記事で改善方法を記録しています。\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/10/wordpress-3.html\"\u003eWordPress 圧縮を有効にする ページの読み込み時間のパフォーマンスを改善3\u003c/a\u003e \u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/10/wordpress-4.html\"\u003eWordPress レンダリングブロック ページの読み込み時間のパフォーマンスを改善4\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003e画像を最適化する方法\u003c/h2\u003ePageSpeed Insights 提案の概要によると、\u003cbr /\u003e\n\u003cblockquote\u003e画像を適切にフォーマット化して圧縮すると、データ サイズを大きく削減できます。\u003c/blockquote\u003eということなので、早速圧縮していきます。\u003cbr /\u003e\nこの圧縮をすることにより54%のサイズ削減が可能なようです。\u003cbr /\u003e\n画像を最適化する\u003cbr /\u003e\n\u003ca href\u003d\"https://developers.google.com/speed/docs/insights/OptimizeImages\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ehttps://developers.google.com/speed/docs/insights/OptimizeImages\u003c/a\u003eここを見る限り、必要のない部分をトリミングして、小さいサイズの画像はGIFにしたらいいよ、といっているようです。\u003cbr /\u003e\n\u003cbr /\u003e\nすでに何枚か画像をアップロードしているので圧縮にはプラグインを使うことにしました。\u003cbr /\u003e\n\u003ch3\u003e画像圧縮プラグインEWWW Image Optimizer\u003c/h3\u003eプラグインは、検索で「ワードプレス　画像圧縮」と入れたら一番最初に出てきた「EWWW Image Optimizer」です。\u003cbr /\u003e\nこのプラグインは、過去にあげた画像も一括で圧縮してくれるようです。\u003cbr /\u003e\n\u003cbr /\u003e\nいつものようにインストールして有効化すると、画面上に見慣れない赤い背景が。\u003cbr /\u003e\n文字は英語で何が書いてあるかわからないので、とりあえず翻訳ソフトで解読してもらいます。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-qbFMsvNU-lo/UowkT7b0jAI/AAAAAAAAAc8/CSeX6Jl4slY/s1600/ewww.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-qbFMsvNU-lo/UowkT7b0jAI/AAAAAAAAAc8/CSeX6Jl4slY/s320/ewww.jpg\" height\u003d\"35\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n原文：EWWW Image Optimizer requires exec(). Your system administrator has disabled this function.\u003cbr /\u003e\n\u003cbr /\u003e\n翻訳：EWWWイメージオプティマイザは、exec（）を必要とします。システム管理者はこの機能を無効にしました。\u003cbr /\u003e\n\u003cbr /\u003e\nだそうです。\u003cbr /\u003e\n無効化されたので、他のプラグインを探します。\u003cbr /\u003e\n\u003ch3\u003e画像圧縮プラグインWP Smush.it\u003c/h3\u003e次に試したプラグインが「WP Smush.it」です。\u003cbr /\u003e\n\u003cbr /\u003e\nこちらも同じく以前にあげた画像も圧縮できるようです。\u003cbr /\u003e\nいつものように、インストールして有効化。今度は、特にエラーもないようです。\u003cbr /\u003e\nダッシュボードのメディアからBulk Smush.itを選択して下のほうにある「Run all my images through WP Smush.it right now」ボタンをクリックします。\u003cbr /\u003e\n\u003cbr /\u003e\nこれで、以前にあげた画像を一括で圧縮してくれます。\u003cbr /\u003e\n一度目はエラーで失敗でしたが、2度目で無事に圧縮してくれました。\u003cbr /\u003e\n\u003cbr /\u003e\nメディアを見てみると、最大で42.7%も圧縮されている画像がありました。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-pejTiflgKOQ/UowkeqD46NI/AAAAAAAAAdE/okGdUYLJHvE/s1600/%E5%9C%A7%E7%B8%AE_3.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://4.bp.blogspot.com/-pejTiflgKOQ/UowkeqD46NI/AAAAAAAAAdE/okGdUYLJHvE/s320/%E5%9C%A7%E7%B8%AE_3.jpg\" height\u003d\"320\" width\u003d\"253\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n「WP Smush.it」は、記事に画像を新しく追加するときにも自動で圧縮してくれます。\u003cbr /\u003e\n\u003cbr /\u003e\n今回問題なく機能してくれたのが「WP Smush.it」だったので、こちらを個人的にはおすすめします。\u003cbr /\u003e\n\u003cbr /\u003e\nまだ画像の枚数が少なかったので、PageSpeed Insightsの結果にはあまり影響がなく、パソコンが77から78になっただけでした。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/3785658408279494730"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/3785658408279494730"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/10/wordpress-2.html","title":"WordPress 画像の圧縮 ページの読み込み時間のパフォーマンスを改善2"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://2.bp.blogspot.com/-qbFMsvNU-lo/UowkT7b0jAI/AAAAAAAAAc8/CSeX6Jl4slY/s72-c/ewww.jpg","height":"72","width":"72"}}]}});