Joe Web site design logo

Asheville Website Design for Small Business. Secure, Affordable, and Effective!

Website Tips Blog > How to Improve Website Loading Speed

How to Improve Website Loading Speed

people waiting in a long line symbolizing web visitors waiting for slow loading website

Whether it's making customers wait in line or wait for your website to load, both are bad for business.

According to Google, over half of your website's mobile visitors are likely to 'bounce' (leave immediately) when a site takes more than 3-seconds to load. Desktop users aren't much more patient. 40% of them will leave a site that takes longer than 3 seconds to display.

Considering the impatience of online visitors, here are two more alarming website loading speed statistics: mobile web page loading times average a whopping 8.6 seconds. The average desktop site loads in just a little over 3 seconds.

How long does it take your website to load?

Table of Contents

Top Online Directories for Small Business Marketing

How long does it take your website to load?

12 ways to make websites load faster

Time to retest

Fortunately, it's easy to test webpage load time

There are many popular, free tools to audit your webpage's loading speed. Three that are simple to use and offer personalized tips for improvement are Google's PageSpeed Insights (https://pagespeed.web.dev), GTmetrix (create a free account), and Pingdom.

Here's what each of those reports might look like:

pageSpeedInsights report
pingdom report
gtmetrix report

You will want to test your site several times, especially in PageSpeed Insights, since their performance score tends to vary.

If your score consistently hits 90 or above, congratulations! Page speed isn't a concern for your site.

How to interpret your webpage speed test results

If your site appears to lag, however, scroll a short way down the reports sections of each tool. Here's where you'll find the specific areas of concern:

pageSpeedInsights recommendations

Above: PageSpeed Insights' detailed recommendations

pingdom recommendations.png

Above: Pingdom's detailed findings

Equipped with this information, you're now ready to start improving your page load speed! Three second load time is a good goal. But keep in mind that the average page load speed among sites ranking on page one of Google is 1.65 seconds.

12 ways to make websites load faster

  1. Optimize images

    Images typically consume over 60% of a website's bandwidth (source). If your website has images that are too large (both in file size and dimensions), it can significantly slow down your site. Luckily, it's often fast and easy to reduce image file sizes by up to 80-90%.

    When optimizing images, however, smaller file size doesn't always lead to faster loading time. Overly compressed images can sometimes slow things down if additional processing is needed to 'unpack' them. Learn more about how to optimize images for the web here. While you're at it, also check out how to optimize images for SEO[here].
  2. Lazy load images and videos

    Lazy loading delays the loading of images or videos that are further down the page, which improves the load time of top-of-the-page content. This is a simple yet highly effective technique. You can easily add it to your image tags by using the loading="lazy" attribute.

    lazy load image html code
  3. Optimize web fonts

    Fonts can have a significant impact on page load times, especially if you're using custom or multiple web fonts. To ensure faster loading, self-host your fonts when possible, load the minimum number of weights and styles for each font, and use modern font formats like WOFF2. Apply font-display:swap to avoid a flash of invisible text during loading, which reduces the visitors' perceived page loading speed.

    lazy load image html code
  4. Enable browser caching

    Browser caching stores static files from your site in your visitor's browser so that on return visits, the pages load faster. It also reduces the burden on your server. Here's a free tool to check if browser caching is working on your site: https://requestmetrics.com/resources/tools/http-cache-checker/
  5. Use a Content Delivery Network (CDN)

    CDNs store your website's static content on multiple servers across the globe. When visitors access your site, it is served from the server closest to them, speeding up load times. We've used Cloudflare for over a decade, and we couldn't be happier—they offer a free plan, SSL, security certificates, and more.
  6. Enable Gzip compression

    Gzip is a common and efficient compression format that reduces file sizes, enabling faster transmission of your website's files. Here's a tool to check if Gzip compression is enabled: https://www.giftofspeed.com/gzip-test/
  7. Use asynchronous or defer loading for CSS and JavaScript

    By default, when a browser is loading html and reaches a script, it'll have to download that before proceeding. This delays the loading of more urgent elements. Adding defer or async to external JS and CSS file tags instructs the browser to momentarily skip over those files or load them in the background. That way, the rest of your page loading can proceed uninterupted.

    lazy load image html code

Time to retest

Once you've implemented the tips listed above, rerun your page through PageSpeed Insights, GTmetrix, and Pingdom. If your score is in the 90s, great! You can stop here. If not, consider the following, more advanced techniques:

  1. Optimize your website's code

    Cleaning up your code by removing unnecessary or redundant elements can significantly reduce load time. If you're not comfortable doing this, seek help. For those on WordPress or other CMS platforms, your ability to optimize core code is more limited.
  2. Minimize HTTP requests

    Reducing the number of elements on your webpage can decrease the number of HTTP requests. This involves consolidating multiple scripts, images, and CSS files. While it's an advanced step, it can dramatically improve load times.
  3. Minify CSS, JavaScript, and HTML

    Removing unnecessary characters (spaces, line breaks, comments) from your code can shrink file sizes and slightly improve load times. Tools like Minifier can help, though it requires caution to avoid breaking the code.
  4. Upgrade your hosting plan

    If you've implemented these steps and your site is still sluggish—especially if you're running dynamic content like a WordPress site—you may need to upgrade your hosting. Fortunately, if you're one of our file-based PHP clients, your hosting plan may not be as critical because Cloudflare handles much of the heavy lifting.

By following these strategies, you should be able to make your site load faster, offer a better user experience, reduce bounce rates, improve search engine rankings, and even increase conversions.

Need help with website optimization? We'd love to assist you. Located in the Asheville area, we're just a call away: 828-551-9761

back to topBack to top

footer spokesperson

Joe Web site design

Website designer Asheville NC

Call: 828-551-9761 spacer EMail: info@JoeWeb.com

© Joe Web™ site design

828-551-9761 | info@JoeWeb.com | Asheville, NC

Privacy Policy | Terms of Service   facebook logo   twitter logo   linked in logo