Website fast as a lightning!

21. 8. 2017

Time needed for loading your website represents one of key parameters of web quality. There are many saying about patience, but here it's not the case. On the internet: whose website loads first, sells. 

I guess you all know how annoying is to wait for website loading. Specially when you are comparing between many competitive websites and one (or more) of them is damn slow. You rather immediately close the tab instead of waiting and you put your energy in reading the ones who load fast. It's still plenty of them, right?

And that's exactly what numbers from research, SOASTA company did, say. The longer website loads, higher the bounce-rates gets (ratio of leaving immediately from the website). 

bounce-rate-speed

Source: https://www.soasta.com/wp-content/uploads/2015/08/mobile-case-study-bounce-NEW.png

To spare you the misery of dead end links, Google itself advantages fast loading websites. It means: Fast website can get you to the top of search results.

Third reasons to pay attention to this issue is saving transmitted data. I wish our (czech) mobile operator won't be so behind the modern offers and we don't have to think about every megabyte we use and we catch great service even in mountains area. Till then we should care about a size of our websites.

How to make your website fast? Tune your server

Website speed is a complex task, which can be for our reasons separated to two areas. The first one is hosting server: its parameters, load, setting, load-balancing, cache, big-files processing etc. I promise I'll try to persuade our admins to add up to this area in future blog articles :-) To tune up server setting it is, in short, very beneficial to play with caching results from web server. In human language it means that request for a certain page is processed just once and then, every time another same request comes, only results (without processing again) is returned. We also support client's browser caching. So static files (images, fonts, media) are not repeatedly sent via internet.

First side speed

As a second group I'd describe optimalization of website itself, especially its front-end.

There are so many things to have in mind, that we can go through it.

Compress, aggregate

Lossless image compressing can save up to dozens of percent of image size, without human eye even noticing any differences. We Jaggregate and minify Javascript and CSS files, therefore we lower the amount of transmitted filed and even total size.

If you can, replace image

Web technologies has made an enormous progress. Back then you didn't have any other choice than using an image for some atypical items. In better case the sprite file was created from several images. But even so, the file size too big.

These days we can use SVG, Canvas and CSS3 itself to create original graphic items, that make the web beautiful, tempting and user friendly. Specially CSS animations will do a lot of bang for the buck.

Font is not just a text

Icons representing e-mails, phone or facebook is regular part of almost every website. These are not images. Well, at least shouldn't be. Replace images with an available fonts, which can render these icons. You save some space and in reward you get an object you can manipulate, dynamically change, colour or resize. That's big win.

What about your website?

Have you found out that website speed is more important and more complex that you ever thought? Does it seem your website is much slower that similar ones? Contact us and we'll check it out. We' analyse your website and, in case if needed, we'll recommend next steps to achieve better results and higher conversions.