This article is part three of four in our series about the effect that website speed has on SEO for dental websites. In the first post, I discussed website speed and the link to SEO, and in the second post I discussed the effect your web host has on website speed. In the second post I also touched upon some tools you can use to help evaluate your website’s speed. Here in this third post in the series I’m going to talk about common website content issues that can affect the speed of your site. You will find that fixing these “small” things individually can add up to have a significant overall effect on your site’s loading time (and therefore your site’s SEO, and by extension your entire user experience).
When most people view a website the look at the content on the page and tend not to focus on all of the items that have to load in order for a website to appear in a browser window. I’m sure you’ve had the experience where you have to wait for a website to load, and while the text appears quickly, the images and other features tend to take time to appear on the screen.
Our goal with website content is to provide the best-looking content (resolution, colors, etc.) but with the minimum file sizes. Remember that your web page is made up of tens (and sometimes hundreds) of small “puzzle pieces” (files), that all have to load to make your website appear in a browser. So naturally it makes sense that we want to have the smallest possible file sizes so our website loads quickly, but still looks good. You can think of the ALARA principle for dental radiography as an analogy – we have to take films – but we can do it in a way that gives us excellent diagnostic data while still maintaining the highest level of patient safety.
So let’s take a look at two key players that have an effect on your website load time, and how they can be adjusted to “play better” (i.e. load faster).
Consequently, you want to optimize your images, and while I’ll leave the explicit details of how to do this to your web development team, you should understand the concept. Let’s take that 1MB photo from the paragraph above. You could probably use a 1MB photo to print out a 4x6 picture at a nice resolution (I don’t want to get into resolution here as it’s beyond the scope of this article) -- but do you need that level of quality for your website – where you are going to be showing the image in a relatively small area? Of course not! So in optimizing an image, we shrink the file size of the image down as much as we can – but while still preserving the quality of the image. Naturally you would not use this optimized image to print a 4x6 or to use on a postcard, but for the specific purpose of displaying it on a web page – a smaller file size (with less data) is perfectly fine and still looks good. So if we are able to take that 1MB image and optimize it to 50KB (that’s a 95% reduction) and still have it look good – imagine the load time you will save! And that’s exactly the point!
The take home message here is that many interconnected parts have to come together to display your website on the users screen, and our goal is to make sure that the users gets the best experience – with the smallest file sizes. So that means making sure that your individual images load quickly (such as the smiling teeth on your whitening page), and also realizing that global items such as your logo and social media icon images files that while small individually, can add up to really slow down a website. Other items do play into the loading time such as scripts and other data, but the first (and baseline) step is making sure that images are the smallest sizes possible but while still maintaining their “good looks”.
As always, please let me know if you have questions!