SEO optimized images

SEO Optimized Images For Faster WordPress Loading Times

Usually the biggest resource hog on your WordPress Website is the images, especially now that websites are getting more and more visually orientated.  If you are using a lot of images or just want to fine tune your website you should consider SEO optimized images.  

Many of the Responsive websites that I am building are using giant sliding images that are 1-2 MB’s in size… that is a ton of resource for your WordPress website to have to load up, especially if you are on a shared server.  

How do you know you are on a shared server?  If you are paying less than $20 a month.

If you think of your WordPress Website like an Olympic Weight Lifter and your MB’s are like LB’s, then we can see that your website has a limit to how many MB’s it can lift.  In addition we know that there is some additional training that we can do to increase the amount of MB”s that can be lifted.  And finally, we can see that if we reduce the amount of MB’s, like SEO optimized Images, we can lift our MB’s faster.

 

Website Speed Optimization

There are 3 basic phases:

    • Use Less Resources On Your WordPress Website
      • (In terms of our weightlifter: We know that their is a limit to how much weight he can lift)
        • Use less plugins
        • Use better themes with better code
        • Use less images
        • Use less widgets
    • Increase The Capacity Of What Your Website Can Handle
      • (In terms of our weightlifter:  The more strength he gets the more weight he can lift)
        • Use a caching system
        • Use a Gzip Compression
        • Use a CDN
        • Upgrade to a better server
    • Optimize The Componenets of Your Website
      • (In terms of our weightlifter: We can assume that the less weight he has to lift the faster he can lift it)
        • SEO Optimized Images
        • Speed Optimized Code

 

SEO Optimized Images

When I say SEO Optimized Images, what I am really saying is Speed Optimized Images.  Making them as “light” as possible to keep our WordPress Website lifting quickly.

 

1.  Reduce Their File Size

You can make your images lighter without making them smaller in size.  In addition, cameras today take pictures that are ridiculously dense with quality.  Computer screen resolution is not as sharp as print, so much of the quality of your image goes to waste anyway.

However, if you want to have many large images on your website, you may want to give up a tiny bit of quality to get a faster loading website.  The latter is far more important.

There are many ways to reduce the file size of an image including:

Tiny PNG – For .png images

Tiny JPG – For .jpg images

Both of these tools compress the data in the image using a technology called Smart Lossy Compression.  They are both free and very simple to use.

On average you will reduce the size of your images by 50%, half the size.  Can you imagine the difference between lifting 50 lbs instead of 100 lbs?

Photoshop or Gimp are also options

 

2.  You Can Load Your Images From A Seperate Server

This is like getting a second weightlifter.  Booyah!

There are many options for this as well including:

FlickR

Amazon S3

When you store images on these external servers you can access a URL to that image.  Then rather than loading images onto your WordPress Website through the library, you can use some simple HTML code and the URL to the other server.

Code: <img src=”https://farm6.staticflickr.com/XXXXXX” width=”1400″ height=”480″ alt=”XXXXXXXXX”>

 

3.  Cache Your Images

Not to be confused with cashing your check.  This would be like having your weights on a rack and you only have to lift them off the rack to lift them.

There are many ways to cache your images including:

W3 Total Cache WordPress Plugin

WP Super Cache WordPress Plugin

MaxCDN

Cloudflare

I personally use, WP Super Cache, MaxCDN, and Cloudflare.

Both of the Caching Plugins have a built functionality for using Amazon S3, MaxCDN, Cloudflare, and other popular CDN’s and Cloud Servers.  In my opinion WP Super Cache is easier to use and maintain, however W3 Total Cache has more options and if set up perfectly is the overall better plugin.

 

Conclusion

If you take the time to reduce the size of your images, host them on an offsite server, and cache them your site will reward you by loading much faster!

You can test it here:

Pingdom Speed Test

 

By |2015-11-03T19:57:57+00:00August 5th, 2013|

About the Author:

Jason Fox - Real Estate MarketingBusiness: We build WordPress Real Estate Websites with IDXMe: #GoHawks, #BringBackTheSonics, #MaybeNextYearMariners, #ILoveMyKids #SeattleSunLover #SeattleWaterLover #BFFBlog: Focuses on Wordpress Websites, Content Management, SEO Services, SEM Campaigns, Social Media Marketing, Email Marketing, Beautiful Design, IDX, and more.

2 Comments

  1. Ai Sozkesen August 6, 2013 at 5:00 am - Reply

    Hi,

    In a few cases, I had an issue about seo for images while serving from completely different domains.

    While images served from a domain like cdn.yourdomai.com are ranking better. But when you use Flickr as your cdn it takes so much time to be indexed and rank.

    And also, these domains can be blocking crawler access etc.
    so while you’re trying to decrease server load you can possibly lose your image rankings.

    While an image is requested from your domain, clients browser also sends the whole cookie data stored. So you can choose a sub domain -and of course a server configuration- never processes cookies tha is sent in the request.

    This way you can significantly decrease server load.

    Thanks
    Ali

    • Jason Fox August 6, 2013 at 9:47 am - Reply

      Thank you Ali. That is very insightful post.

We would love to hear from you...

Pin
Share
Tweet
+1
Share
0 Shares