Five Easy Ways To Improve Website Speed

Picture of a speedometer - Improve Website Speed HeaderIncreasing your website speed comes with a whole host of benefits. For starters, you will get more visitors – search engines have long used loading speed as a ranking criteria for awhile now. Of the more people who are now clicking onto your site, fewer people will drop out – a one-second delay causes an 11% drop in traffic! It doesn’t stop there either. It’s been widely reported that better speeds yielded better eCommerce revenue as well.

Increasing your website speed, like many things, is an aggregation of small improvements. But before you get started, please make a backup of your current site – you never know if there are any hidden dependencies.

But with that said, let’s jump in!

Optimize your Images

Images take up sizable chunks of space when your website loads, so be sure that they are not needlessly big. Sites like Canva help you reduce the resolution and increase the compression of your image while still keeping that crisp enough for your visitors. For example, our blog article width is 732px, so all our images are resized to fit that dimension perfectly so that loading time is minimized.

Minify your code

Comments and spaces are mainstays of web development. It improves readability and provides documentation for future changes which is great, except that at runtime this is unnecessary data that has to be served. Minifying services like Will Peavy’s removes these extraneous comments and spaces, shaving off precious space from the final files that are served to and rendered.

Put your CSS tags at the top, and Javascript tags at the bottom

Generally speaking, your CSS declarations should come as early as possible as most browsers don’t render pages before the CSS is loaded, preventing the website from flashing as the stylesheets are loaded.

With Javascript, however, it is better to keep it as far down as possible, as browsers don’t parse any code that come after it until the scripts are loaded and completed, so you would want the visual elements to already be in place while the Javascript loads.

Use a CDN

A content delivery network is a system of distributed servers that deliver content to users in order to optimize for performance. What this means is that if you use a CDN, files will be served to your users from multiple server locations that are closer to them. This reduces the load on any single server as well, improving the experience of your users.

Eliminate the need to redirect traffic to a mobile version of the site with a responsive design

These days, creating great multi-device experiences is easier than ever with a design that is responsive, negating the need to redirect your users from the desktop version of your site to a mobile optimized one.