{"id":455,"date":"2021-07-26T01:36:00","date_gmt":"2021-07-26T01:36:00","guid":{"rendered":"https:\/\/imagify.io\/blog\/?p=455"},"modified":"2021-08-26T08:31:52","modified_gmt":"2021-08-26T08:31:52","slug":"why-you-should-optimize-your-images-with-imagify","status":"publish","type":"post","link":"https:\/\/imagify.io\/blog\/why-you-should-optimize-your-images-with-imagify\/","title":{"rendered":"Why You Should Optimize Your Images with Imagify (and Improve SEO and Your PageSpeed Score)"},"content":{"rendered":"\n<p>Image optimization is often overlooked. The truth is, optimizing your images for performance will make your site faster and \u2014 even more importantly \u2014 will provide your users with a great experience. An amazing experience means happy and engaged users and even more conversions.<\/p>\n\n\n\n<p>Sounds promising, right?<\/p>\n\n\n\n<p>Here\u2019s what happened to a couple of Imagify users, <a href=\"https:\/\/www.seopremo.co.uk\/\">Lee Mac<\/a> and <a href=\"https:\/\/seo-monkey.de\/\">Christian Eichhorn<\/a>. They\u2019re both SEO consultants, and you can bet: they know what it takes to improve organic traffic and conversions.&nbsp;<\/p>\n\n\n\n<p>And here\u2019s their experience with Imagify from the very beginning.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">First Things First: Why Optimizing Images?<\/h2>\n\n\n\n<p>Everyone wants a faster site. But\u2026&nbsp; what does it entail? One of the main performance challenges comes down to <strong>optimizing relevant performance metrics and improving SEO traffic<\/strong>. You may already know that the <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/\">Core Web Vitals<\/a> rolled out as part of the Google Page Experience Update \u2014 a new ranking factor.&nbsp;In other words,<strong> the Core Web Vital&#8217;s performance can affect your SEO performance<\/strong>, too.<\/p>\n\n\n\n<p>It\u2019s been the main reason for Lee to start optimizing images. He explains: \u201cGoogle seems to be paying more attention to page speed, with enhanced reporting of <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-cumulative-layout-shift\/\">Cumulative Layout Shift<\/a> (CLS) and <a href=\"https:\/\/wp-rocket.me\/blog\/improving-first-contentful-paint\/\">First Contentful Paint<\/a> (FCP). While optimizing <a href=\"https:\/\/sendmyrepair.com\">sendmyrepair.com<\/a> for these parameters, I realized there were speed optimization gains to be realized by converting and loading images in the WebP format\u201d.&nbsp;<\/p>\n\n\n\n<p>You may already know it: <a href=\"https:\/\/imagify.io\/blog\/how-to-convert-images-to-webp\/\">converting images to WebP format<\/a> is one of the most relevant optimization techniques that reduce your images size while keeping the same quality. In return, your site will be faster, and users will enjoy a great user experience.<\/p>\n\n\n\n<p>Christian wanted to optimize images for <strong>boosting SEO performance<\/strong>, too. In this regard, converting images to the WebP format is a key point: \u201cWe needed a comfortable way to optimize images for SEO for our website and our client\u2019s websites. We specifically wanted to optimize product pictures of E-Commerce Shops. The HTML coding of these images is very important. <strong>Firstly we wanted all pictures to be coded in WebP format<\/strong> and wrapped within a &lt;picture&gt; tag. This is a standard optimization option in Imagify, which we found very handy. The second reason was that <strong>we needed a tool to compress all existing product pictures of our Online Shop Clients in bulk<\/strong>\u201d.<\/p>\n\n\n\n<p>On the easiness of optimizing images in bulk, Lee adds: \u201cAutomation was the key. I wanted to optimize a site&#8217;s images without having to manually transfer them to a service or tool \u2014 with 7000+ images, I just wanted to set it and forget it\u201d.&nbsp;<\/p>\n\n\n\n<p>Almost needless to say, <strong>optimizing a huge number of images in bulk saves precious time<\/strong>, and <a href=\"https:\/\/imagify.io\/features\/\">Imagify<\/a> allows you to do it with no effort at all!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Looking for the Best Image Optimization Solution<\/h2>\n\n\n\n<p>Once it\u2019s clear why you should optimize images, you may try different solutions, from the manual ones to other plugins. This is what Lee and Christian did, in a different way.<\/p>\n\n\n\n<p>Lee started with a manual solution: \u201cI was optimizing my images after batch processing the image size and cropping the canvas in Photoshop. Upon initially uploading them to the site and testing for page speed with tools like WebPageTest, GTmetrix, and Google Page Speed Insights, it was clear there was an opportunity for more savings sitewide.<strong> It turned out to be a saving in overall image file size of 70%<\/strong>, from 239.2 MB to 73.9 MB\u201d.<\/p>\n\n\n\n<p>On the other hand, Christian compared several plugins before choosing Imagify: \u201cWP Smush was a candidate. <strong>We decided to go for Imagify because we found it easier to set all options<\/strong>. Especially the WebP format and the &lt;picture&gt; standard was very easy and obvious to set. Also, the bulk-compression feature and the three steps of compression were easier to grasp&#8221;.  And he explains:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;<strong>What made Imagify different from other image optimization plugins? Usability and how easy it was to understand<\/strong>\u201d.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Overcoming Doubts: Why Imagify Is the Right Solution<\/h2>\n\n\n\n<p>You may also have questions or concerns before buying a new plugin \u2014 it would be perfectly normal.&nbsp;<\/p>\n\n\n\n<p>Before trying Imagify, Lee was concerned about time outs, server-side issues, and the possibility of intermittent failure of images to be processed. And then, he found out a couple of helper plugins provided by Imagify to ensure this doesn&#8217;t happen: Bulk Optimization Buffer and Don&#8217;t use ImageMagick.<\/p>\n\n\n\n<p>Christian was afraid that Imagify might conflict with other similar performance plugins. But this did not happen either. He was also concerned that Imagify might be a pain to set up the plugin correctly. \u201cNot an issue after all\u201d, he admits.<\/p>\n\n\n\n<p>So\u2026<strong> if you think that Imagify may not work properly, or cause any conflict with other performance, or be difficult to set up: don\u2019t worry<\/strong>. Everything will be working fine \u2014 <a href=\"https:\/\/imagify.io\/optimizer\/#page\">you only have to try Imagify for free<\/a>!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How Imagify Helped to Achieve Business Goals<br><\/h2>\n\n\n\n<p>And now, let\u2019s talk about business goals. Performance optimization, including image optimization, has one final goal: to help your business by increasing organic traffic and conversions and providing users with a great experience.&nbsp;<\/p>\n\n\n\n<p>Lee explains: \u201c<strong>Since optimizing images site-wide with Imagify, I have seen an uptick in visitor traffic<\/strong>. I believe this is due to the overall page speed metrics being lifted in Google Core Web Vitals.&nbsp;<\/p>\n\n\n\n<p>A picture paints a thousand words! Here is visual proof of the overall speed gains made. Please note this page did not pass Core Web vitals in the preceding 28 days. Now it passes,<strong> thanks, in part, to Imagify\u201d<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/psi-score-1024x471.png\" alt=\"\" class=\"wp-image-456\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/psi-score-1024x471.png 1024w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/psi-score-300x138.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/psi-score-768x353.png 768w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/psi-score-1536x707.png 1536w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/psi-score.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>He adds: \u201cI also serve Google Ads to some Geolocations and have seen an uptick in revenue from the advertising\u201d. <strong>Did we say that a faster website helps conversions, right?<\/strong><\/p>\n\n\n\n<p>And here are the 7,410 images optimized in bulk with Imagify. Can you imagine if you had to do it manually?<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/imagify-images-bulk-1024x476.png\" alt=\"\" class=\"wp-image-457\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/imagify-images-bulk-1024x476.png 1024w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/imagify-images-bulk-300x139.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/imagify-images-bulk-768x357.png 768w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/imagify-images-bulk-1536x713.png 1536w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/07\/imagify-images-bulk.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>In short, <strong>optimizing your images easily and quickly allows you to save tons of time and focus on the business srategy.<\/strong><\/p>\n\n\n\n<p>Lee agrees: \u201cNow I don&#8217;t have to deal with the hassle of pre-optimization of images before uploading them<strong>. I can get it done on the fly, and concentrate on other aspects of SEO<\/strong>\u201d.<\/p>\n\n\n\n<p>Christian adds: \u201cAs a business owner, it\u2019s now easier to consult clients concerning questions regarding image optimization. If they ask me: What do you recommend and why?, I can tell them to use Imagify for the image because it\u2019s easy to use and has all important features, such as WebP and picture tag. So far, <strong>all clients are happy with it, also because instant image compression takes place upon upload<\/strong>\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Final Tips for Optimizing Your Images<\/h2>\n\n\n\n<p>Want to get some final tips to optimize your images?<\/p>\n\n\n\n<p>Lee says: \u201cI have been doing SEO for a long time, and in my experience, now more than ever, users expect instant results. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>If your page speed is being negatively impacted by poorly optimized images, at scale, this could have a huge impact on your bottom line<\/strong>\u201d. <\/p><\/blockquote>\n\n\n\n<p>Here\u2019s what Lee recommends:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Delete any unused images in your uploads folder before batch processing images to not waste time optimizing them.<br><\/li><li>Once you start the image optimization process, just leave it to do its thing without interruption and concentrate on other tasks, ensuring you keep the browser tab open.<br><\/li><li>If you experience any time-out issues, contact Imagify to avail the benefit of these two helper plugins: Bulk Optimization Buffer and Don&#8217;t use ImageMagick.<br><\/li><li>Ensure you crop your images to the correct size before uploading them to your site and optimizing with Imagify, so the images have uniform dimensions (especially for product images in WooCommerce).<\/li><\/ol>\n\n\n\n<p>Christian starts from the <a href=\"https:\/\/imagify.io\/blog\/image-optimization-seo\/\">image SEO best practices<\/a>: \u201cThe first thing is to make sure you\u2019re using a proper file name and size, ALT and title tag\u201d. And then he adds: <strong>\u201cI find it important to use high-quality non-stock images<\/strong>. High quality means a value for the visitor because an image or a graphic explains an entire paragraph in just one image. You should use images and graphics to influence user signals as dwell time positively. This way, you can use images to improve your SEO performance for the page the image is placed on. For picture search itself, we reached good results placing images that are supposed to rank for certain keywords within proximity to text elements that treat those keywords\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping Up: Why You Should Try Imagify&nbsp;<\/h2>\n\n\n\n<p>If you need a recap of why you should give Imagify a try, here you are.<\/p>\n\n\n\n<p>For Lee, <strong>\u201c<\/strong><strong>Imagify is the best choice to get speed performance gains and improve Core Web Vitals metri<\/strong>c. In turn, your site will improve its ranking and will get a lower bounce rate due to lightning-fast page speed load\u201d.<br><\/p>\n\n\n\n<p>Christian agrees: \u201cIf someone is looking for image optimization for their website,<strong> I would recommend imagify because of its numerous good features such as the WebP format<\/strong>\u201d.&nbsp;<\/p>\n\n\n\n<p>Ready to optimize your images with Imagify and boost your SEO performance? You can <a href=\"https:\/\/imagify.io\/optimizer\/#page\">try the free plan<\/a> and see how Imagify is easy to use and effective to improve speed!<\/p>\n<a href=\"https:\/\/imagify.io\/optimizer\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter bottom-blog-post-cta\" src=\"https:\/\/imagify.io\/blog\/wp-content\/themes\/imagify\/assets\/img\/gwic-1.png\" alt=\"Imagify, decrease the size of your images, increase the speed of your website: try it for free\" width=\"690\" height=\"190\"><\/a>","protected":false},"excerpt":{"rendered":"<p>Don&#8217;t overlook image optimization when improving your site speed! Read our Imagify&#8217;s customer stories and find out why you should optimize your images with Imagify and boost your site performance.<\/p>\n","protected":false},"author":2,"featured_media":490,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-optimization"],"_links":{"self":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/comments?post=455"}],"version-history":[{"count":31,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/455\/revisions"}],"predecessor-version":[{"id":500,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/455\/revisions\/500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media\/490"}],"wp:attachment":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media?parent=455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/categories?post=455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/tags?post=455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}