Are your website pages loading slowly? This might help…

jetpack_photonJetpack Photon should help

I recommend Jetpack-Photon module (deactivate all the other Jetpack modules you don’t use). Photon is an image-only CDN solution using Automatic’s servers. All your images are uploaded to their servers the next time the image is served after you activate Photon.

Subsequently the images are served from the CDN network concurrently with your content being served from your host. Photon uploads the original size image, but serves a scaled image based on the browser request. It’s smart enough to see the difference between a Retina and lower-res display device and serves a higher res image to the Retina display. You can verify this by opening the image in another tab and looking at the url. If Photon is serving it the url will start with something like i2.wp.com/yourdomain… Try it out by right-clicking on the image in this post for example.

This one trick without any other caching makes a HUGE page load difference on sites with lots of graphics, especially if the images have not been pre-optimized. This is not an excuse for you to avoid pre-sizing and optimizing your images before you upload them to your site. But if you have a lot of legacy images that are way too big, Photon can help.

Two caveats, 1) once the image has been uploaded there is no way to purge the CDN cache, so if you replace the image with another, but use the same file name, the original image will still get served (so always change the file name if you are replacing an image). 2) the WordPress “feature” where a featured image on a page or post will replace the default header if the featured image is as wide or wider than the header image will not work if you use Photon. This is a known bug, but has not been fixed.

Give it a try. It’s free and only takes a minute to turn Photon on and try it out. Try it on a page with a lot of images. Sometimes you may have to reload the page several times until all the images are cached by Photon. If you don’t like it, just deactivate the Photon module or the Jetpack plugin. No harm done.

By the way, if you like the idea of using Photon, but don’t want to use Jetpack, and are willing to hack your functions.php file, check out this post on the WP Actions website: How to use Jetpack Photon Without Jetpack Installed.

(This post was viewed 305 times) in the last month.)

Pieter Hartsook

WordPress website coaching, design, implementation, support, and training. Background in Marketing Research and Communications. See my profile at: https://www.linkedin.com/in/hartsook/

Reader Interactions

Comments

  1. Great post — this will be a huge time saver and I’m looking forward to taking Photon for a spin. Ever since I heard WalMart Labs talk about how a 1 second improvement in their web speed translated into a xx% improvement in their online revenue, I’ve been really keen to improve load speed.

    If someone visits my web site and it takes 6 seconds to load, well, how many people are going to bounce-off after merely 5 seconds?

    And downsizing every photo is a drag. Thanks for this great share.

Leave a Reply

Your email address will not be published. Required fields are marked *

Limit search for phrases by using " " around the phrase

Signup for Monthly Email Notification

Get notified of new posts from WordPress Website Coach. We only send these out once on the 1st of each month.

Something went wrong. Please check your entries and try again.

Recent Code Snippets

Bulk remove posts from category 1

Bulk remove posts from category

Posted in ,

After creating a child category I wanted to remove the parent category from 30 posts. I finally searched for “how to remove a post category in bulk edit in wordpress” and and lo and behold the second result led me to this plugin. It works perfectly. I’m only sorry I […]

Read More
wizard of oz lions, tigers, and bears

Privacy, Cookies, & ADA Compliance — Oh My!
— Privacy Pt. 1

Posted in , , , ,

With more and more privacy laws on the horizon, we advise all of our clients to not only have a Privacy Policy in place but also have a strategy to keep it up to date with newly required disclosures. An up to date Privacy Policy can help you avoid significant […]

Read More
Elementor vs Beaver Builder review

Elementor vs Beaver Builder review

Posted in , , ,

I came across an Elementor vs Beaver Builder comparison review that was published in August 2020. While I am pretty biased in favor of the Beaver Builder platform the reviewer seemed to favor Elementor. If you are trying to decide which page builder platform to use I’d encourage you take […]

Read More
Mix and Match your RSS feeds 2

Mix and Match your RSS feeds

Posted in , , ,

Ever want to provide your readers with email updates to your website? WordPress’ built in RSS feed functionality provides an easy way to provide the content to email newsletter services like Mailchimp or Mailerlite. But what if you want to create email updates that don’t include all your new posts, […]

Read More
Online GIF tools for regular and animated GIF images 6

Online GIF tools for regular and animated GIF images

Posted in , ,

I made an animated gif screenshot recording to demonstrate a code snippet, but I wanted to resize the image and make it loop. I found a useful website that has easy tools to do that. I reduced the size by 50% and made it auto-loop 30x. Then optimized it to […]

Read More
When should I NOT use WordPress for a website 9

When should I NOT use WordPress for a website

Posted in , , , ,

click the green switch at the top of the screenshots to compare the WordPress vs the Static HTML versions of the same website the static version is live at: http://halcyonlearning.com/ (This post was viewed 204 times) in the last month.)

Read More

Popular Posts


Categories

Skip to content