Increase Website Speed – If we talk statistics, 50% of visitors will leave a website that can’t be loaded in 5 seconds. This can be true considering the many links that we can get through social media such as Facebook or Twitter, where many users use Twitter or Facebook via cellphones that only use 3G networks. So when they open the website from their cellphone and the old website is open, they leave the website.
So there is something hotter than responsive design then that is social networking, 60% of twitter users access via mobile and 157 million people use facebook from their mobile only. Most websites share their website links through social networks, we write blogs and then share them on Twitter or Facebook, so many visitors also come and open websites through mobile devices.
Browsing via cell phone is one that gives problems with connection speed, considering that cellphones communicate with signal towers via radio chips, in three steps: Active, waiting & free. When you switch from free to active it takes 1-2 seconds to activate and start receiving/sending signals. If we say that the average user leaves the site in 5 seconds, you will have 3 seconds to load your site.
In 2008, when we live so stressful and can expect websites to load quickly, a group called Aberdeen conducted a study to estimate the impact of load times by more than 160 organizations with an average annual revenue of $3 billion. A 7% conversion loss for the second loading time: $2,500.00 lost every year for those who make $100,000 in a day.
The problem here is that although reducing the weight of the website to 20k, there are other factors besides the weight of the website.
Reducing loading times requires common sense
Don’t upload or don’t include scripts that you won’t use for your website: How often do we include jQuery in the header and it gets loaded by the whole page? including for those who do not use the plugin. Not only us, many CMS create 5 to 10 unused request scripts: don’t let them load useless content.
With the various sizes and devices we have today, loading the same image for all is unacceptable. Why not upload one for each page? A phone needs a small picture, a tablet is bigger, a desktop needs another version which is a bigger picture, ow.. one more thing, don’t forget retina devices. If this is overwhelming you, maybe this script called PictureFill can help.
Also read: 6 Tips To Create a Responsive Website
Minimizing HTTP requests which basically download the files needed to render the page, this is the key to reducing loading times. Obviously it starts with simplifying the design. There are several techniques that can be used to reduce calls to the server, such as implementing css sprites, combining js and css scripts, etc.
Hope with this we can start building a web that is faster and accessible to everyone who uses 3G every day.
this article is adapted from medium