Large image files can severely delay how long it takes for a web page to appear. Long load times can strain the patience of your visitors and send them away to find the information they need someplace else. But, big file sizes are a website-load-speed killer that can be easily rectified through image optimization.
MaAnna Stephenson and I show you how to optimize images to help pages load faster in this #WPWed Blab. We cover:
- How large images impact web page load time.
- Tools which non-technical folks can use to compress images before putting them onto a website.
- Image compressing plugins for WordPress.
- Web page speed testing to measure the performance of your website.
- Hosting images on third-party servers.
Refer to these articles for step-by-step instructions on how to use the tools and techniques mentioned in our discussion.
- Image Optimization – An Easy Way to Improve Website Load Speed
- Properly Harnessing the Power of Website Visuals
You can find Affinity Photo, the new photo editing tool I talked about, here.
Image Optimization for Screen Sizes
Here’s a more detailed answer to @CharlieSasser’s question about which screen size to target when sizing images.
I usually size my images according to the most popular screen sizes visitors are using to view web pages. You can find all that out in a custom Google Analytics report. It’s called the Visitors’ Screen Resolutions Report.
Google Analytics has changed its terminology since Salman wrote his post. Visitors are now called “Users” and Visits are now called “Sessions”. Make these adaptions when following his instructions.
By adding a couple of these steps to your image workflow, you can keep your web page load-time low. Something your visitors will appreciate! If you have a question image optimization, feel free to drop it in a comment.
MaAnna at BlogAid is one of my favorite resources for digital marketing and website performance tactics. I highly recommend checking out her blog for more great information on these topics.