Website optimization

Hello Everyone, welcome back. In this post, I will discuss the very interesting and important topic Website and Mobile optimization. Past few years responsive websites are a common thing in the web market. Almost every website is responsive and running on the small devices but if you check the user data(maybe google analytics), it might not be the happy scenario for all the website. Most of the cases users do not go to the successor payment page.

Last few years, I am working with a Dubai based media steam website. In the media stream world, you will lose money if you site buffer or user waits.
Now our website had optimization issue for mobile and desktop website, thought our web portal is fine and conversion rate was average, still we need to optimize both and attract more users and give them a seamless experience.



I believe we don’t live in a perfect world or in the other way I am not living the world which might perfect to another.
Not every point under this and future posts will help in your project but some of them increase your site user experiences. It’s a long process you might not get the result in a week but you can enter the perfect world like other, only the key is to continue updating but we all know we are the only developers & websites have a purpose to perform So we can’t change the content or design as we want. We need to work with marketing and other content management teams.

Now onwards I will post every point as a post for better tracking and content management.

1. Know your website and users: The first step you should concentrate your website and its users. You can’t take a decision until you don’t your website & users. For this, I took help from Google. First, I used their recommended optimization tools like Lighthouse, Chrome Dev Tool, and some other optimization tools. All these tools suggest me the below suggestions but I was the decision maker whether it's helpful for us.
   
   1. Minify CSS, JS (Which we implemented already)
   2. Some CSS, JS lazy loading technique so that the page load first but our website is on dot net MVC website with jQuery, nothing fancy. So we can’t implement loader into it (Marketing team also disagree), the reason is if the CSS, JS load after the page it’s some kind for shaking effect thereafter, we drop this point.
   3. Optimized HTML, it’s a simple new to us so, we implement it remove the white spaces form the HTML while rendering to the web browser.
   4. Removed unused CSS, JS on the page. Now, we were using MVC bundle for the website. This inbuilt feature form MVC gives us probation for making all the CSS, JS file into one which reduces server request by reducing several server requests which are also a very important feature to maintain. Though I divide the CSS & JS for only home page and all the other pages. The reason agreed on this that our most inner pages using Ajax. So it was not a big task for us and we can handle this.
   5. Browser cache. This one we implemented previously, but we changed its expiration time as suggested.

There are other basic suggestions there like Eliminate render-blocking resources, reduce image numbers and suggestion I taken care those in the next part.