How Many Leads Are You Missing Out On?

 

Ready to learn more?

Signup for your free "missing leads" assessment today. 

 

Best Practices for Speeding Up Your Page

Now that you know how important website speed is and know how to benchmark your load time, it’s time to do something about it. These best practices will help guide the changes to speed up your page. 

  1. Check Your Web Hosting

The cheapest web hosting plan isn’t necessarily the best. Budget hosting might be fine when your website is new, but you’ll want something more robust as your traffic increases. 

Both the company and plan you choose will impact your website speed. Spend a good deal of time researching your hosting options so that you can find one that will optimize your performance.

Check Your Web Hosting
Optimize Your Images-1
  1. Optimize Images

Taking a look at the images on your website can often give you the biggest gains. In general, images can take up anywhere from 50-90% of a web page’s size. So, the more you can compress and optimize your image, the faster your page is going to load. 

First, remove any images you can live without. This includes extra fonts and colored backgrounds. Next, take a look at the image files you have left. 

It’s a good idea to keep images at 1920px in width or smaller and below 150kb in size. Finally, run your images through an optimizer like Compressor.io.

  1. Minimize HTTP Requests

Whenever a browser requests an image, file, or page from a server, this is an HTTP (Hypertext Transfer Protocol). 

Yahoo reports that these requests account for roughly 80% of a web page’s load time. Browsers will only load up to 8 connections at a time. So, the more HTTP requests you have, the longer your visitor will have to wait. 

You can reduce these requests by combining CSS/JS files, limiting the number of scripts that need to be loaded on mobile, and reducing the number of images you use. 

Minimize HTTP Request
Enable Compression-1
  1. Enable Compression

For your website to load as swiftly as possible, your files need to be small. In most cases, you can accomplish this without sacrificing quality. 

You can run a compression audit with a tool like GIDNetwork, which will give you an idea of the potential gains you can achieve. Then, use a software application like Gzip to compress and reduce the file sizes of your HTML, JavaScript, and CSS file that are larger than 150 bytes. 

  1. Use a CDN (Content Delivery Network)

Having a ton of traffic is excellent news for your website and your business. This reality will also slow down page load speed for users as your server struggles to load all of the content. 

The location of those visitors matters as well. People who are closer to your server will get faster load times than those who are farther away. 

When you use a Content Delivery Network (CDN), a cache of your website is saved on servers around the globe. The server closest to the visitor will be the one that sends the data, making the response faster. Examples of popular CDNs are Cloudfare and Stackpath

Use a CDN-1
PageSpeed Caching
  1. Turn on Browser Caching

Browsers can save, or “cache,” a lot of information like images, stylesheets, and JavaScript files, so that the data doesn’t have to be pulled from the server again if the visitor returns to your site. 

You can turn on browser caching to enable this. If you make any changes, you set an expiration date for that cache so that the browser knows when to load a fresh set of data. 

  1. Host Videos Externally

Videos might add value to your website. Surveys show that 64% of consumers are more likely to buy products online if they can view videos about it first. 

However, videos are terribly slow to load if they aren’t optimized correctly. You shouldn’t host videos on your own server. Instead, they need to be on a third-party website, like YouTube. Then, you can embed the video on your page, and you won’t have to worry about page speed. 

Page speed is one of the most overlooked yet most essential factors in getting customer’s attention, increasing conversions, and retaining business. Making the speed of your website a priority can spell the difference between the success and failure of your business. 

Host Videos Externally
Optimization Button for Improved PageSpeed

Advanced Tips

If you've taken care of everything mentioned above and you're still looking for more, here are our advanced tips:

  1. Use asynchronous loading for CSS and JavaScript files
  2. Defer Javascript (any file not critical on page load)
  3. Lazy load images (that are not critical on page load)
  4. Use SVG (light vector file format) whenever possible
  5. Convert raster images to webP (any file that's not a vector; especially JPGs and PNGs w/transparency)
  6. Right-size image files (set intrinsic size to match display size)
  7. Set aspect-ratios to mitigate CLS (content layout shift) while maintaining responsiveness

Ready to take the next step?

Contact us today to start a conversation about how we can help speed up your page and boost your results. 

 

Written by David Carpenter, President, Chief Digital Strategist of Connection Model. Find David on LinkedIn.

Ready to take Next Steps-1

Best Practices for Speeding Up Your Page

Now that you know how important website speed is and know how to benchmark your load time, it’s time to do something about it. These best practices will help guide the changes to speed up your page. 

  1. Check Your Web Hosting

The cheapest web hosting plan isn’t necessarily the best. Budget hosting might be fine when your website is new, but you’ll want something more robust as your traffic increases. 

Both the company and plan you choose will impact your website speed. Spend a good deal of time researching your hosting options so that you can find one that will optimize your performance.

Check Your Web Hosting
  1. Optimize Images

Taking a look at the images on your website can often give you the biggest gains. In general, images can take up anywhere from 50-90% of a web page’s size. So, the more you can compress and optimize your image, the faster your page is going to load. 

First, remove any images you can live without. This includes extra fonts and colored backgrounds. Next, take a look at the image files you have left. 

It’s a good idea to keep images at 1920px in width or smaller and below 150kb in size. Finally, run your images through an optimizer like Compressor.io.

Optimize Your Images-1
  1. Minimize HTTP Requests

Whenever a browser requests an image, file, or page from a server, this is an HTTP (Hypertext Transfer Protocol). 

Yahoo reports that these requests account for roughly 80% of a web page’s load time. Browsers will only load up to 8 connections at a time. So, the more HTTP requests you have, the longer your visitor will have to wait. 

You can reduce these requests by combining CSS/JS files, limiting the number of scripts that need to be loaded on mobile, and reducing the number of images you use. 

Minimize HTTP Request
  1. Enable Compression

For your website to load as swiftly as possible, your files need to be small. In most cases, you can accomplish this without sacrificing quality. 

You can run a compression audit with a tool like GIDNetwork, which will give you an idea of the potential gains you can achieve. Then, use a software application like Gzip to compress and reduce the file sizes of your HTML, JavaScript, and CSS file that are larger than 150 bytes. 

Enable Compression-1
  1. Use a CDN (Content Delivery Network)

Having a ton of traffic is excellent news for your website and your business. This reality will also slow down page load speed for users as your server struggles to load all of the content. 

The location of those visitors matters as well. People who are closer to your server will get faster load times than those who are farther away. 

When you use a Content Delivery Network (CDN), a cache of your website is saved on servers around the globe. The server closest to the visitor will be the one that sends the data, making the response faster. Examples of popular CDNs are Cloudfare and Stackpath

Use a CDN-1
  1. Turn on Browser Caching

Browsers can save, or “cache,” a lot of information like images, stylesheets, and JavaScript files, so that the data doesn’t have to be pulled from the server again if the visitor returns to your site. 

You can turn on browser caching to enable this. If you make any changes, you set an expiration date for that cache so that the browser knows when to load a fresh set of data. 

PageSpeed Caching
  1. Host Videos Externally

Videos might add value to your website. Surveys show that 64% of consumers are more likely to buy products online if they can view videos about it first. 

However, videos are terribly slow to load if they aren’t optimized correctly. You shouldn’t host videos on your own server. Instead, they need to be on a third-party website, like YouTube. Then, you can embed the video on your page, and you won’t have to worry about page speed. 

Page speed is one of the most overlooked yet most essential factors in getting customer’s attention, increasing conversions, and retaining business. Making the speed of your website a priority can spell the difference between the success and failure of your business. 

Host Videos Externally

Advanced Tips

If you've taken care of everything mentioned above and you're still looking for more, here are our advanced tips:

  1. Use asynchronous loading for CSS and JavaScript files
  2. Defer Javascript (any file not critical on page load)
  3. Lazy load images (that are not critical on page load)
  4. Use SVG (light vector file format) whenever possible
  5. Convert raster images to webP (any file that's not a vector; especially JPGs and PNGs w/transparency)
  6. Right-size image files (set intrinsic size to match display size)
  7. Set aspect-ratios to mitigate CLS (content layout shift) while maintaining responsiveness
Optimization Button for Improved PageSpeed

Ready to take the next step?

Contact us today to start a conversation about how we can help speed up your page and boost your results. 

 

Written by David Carpenter, President, Chief Digital Strategist of Connection Model. Find David on LinkedIn.

Ready to take Next Steps-1