IDS Logic Now has an Improved Website Loading Speed and Performance: Here’s How
Our business website has always been the gateway through which we offer our services to the customers globally. Having observed that the buyer’s behaviour is continuously evolving and they are becoming impatient day by day, we couldn’t afford to overlook the importance of website load speed and its performance. Though our website had a great design, relevant content and good performance, but we were targeting to be the best in the market and wanted our site to load within 2 seconds of time.
The Reason Behind Our Rework!
Our team knew the fact that a slow website will deter the users and will force them to move to our competitor’s site. Since 47% of the internet users expect a site to load within 2 seconds or less and 40% abandon a site if it takes longer than 3 seconds, it was our target to highly optimise the site to offer the best experience to our users. Every extra second that the site took to load lead to 11% loss in page views and 7% fewer conversion.
A decrease in the website loading time from 5 seconds to 2 seconds would surely help us in attaining a good ranking in the search engines, attract more traffic to the site, keep the customers engaged and satisfied and of course help us increase our revenues. But the first thing that we had to do is analyse our website to understand the loop holes, so that we could work on them.
Here is What we did to Fix the Issues and Boost the Performance of Our Site
For the front end strategy and to automate and enhance the workflow, our developers used the Gulp Task Runner. Gulp is a cross platform, streaming task runner, which allows the developers to automate various development processes and task. Gulp reads the files as pipes and streams and the tasks are code based and use various plugins. The task runner helped us with
- Image optimisation
- CSS pre-processing
The advantage of using Gulp is that at the end we had cleaner and easy to read task files having great consistency between task.
Next, our team decided to choose SCSS so that we could compress several lines of code in the SASS syntax to reduced number of lines of SCSS. Sassy CSS is much like CSS, but with better formatting and is a superset of CSS3’s syntax. It is by using SCSS, that we could add many additional functionalities to the CSS like variables, nesting and etc. All such additional functionalities made writing CSS easier and faster as compared to writing using the traditional CSS. The standard lines were compressed and it allows to improve the internal structure without altering the external behaviour of the code.
With responsive design, the images often need to be used with a variety of dimensions. Though there are numerous approaches to address this, we chose to optimise the images and the icons by using SVG, which helped us to reduce the file size on the website. It is a file format that allows you to scale an image up or down as needed. Smaller file size of course helped us to deal with higher resolution screens and ultimately contributed in quick loading of the site.
Using inline SVG has helped us to enhance the performance of the site as it eliminates the HTTP request, which is needed to load an image file. Since there is no need to download the files, it results in reduced loading time for a page, thereby making the website appear faster to the visitors and improving the user experience.
We have also used the concept of lazy loading where the entire web page does not load in one go as in bulk loading. It loads the web content or the images when it is needed rather than all at once.
Our development team has also integrated the ACF WordPress plugin which helps us to add extra content fields. This gave us the potential to have highly customisable and manageable templates, that is not there in the WordPress by default.
Our Achievements after Making the Essential Changes in Our Website
After making the changes, we observed that there was significant improvement in the speed and performance of the website. The site loaded very fast, which improved the visitor’s experience, helped us to reach our marketing goals, attract more traffic to the site, and meet the needs of the consumers.
Thus to conclude, the overall performance of our site increased, which ultimately lead to happy and satisfied customers and higher revenues for us.