Doubt regarding webpage development and performance

Websites appear different in different browsers because of default settings and compatibility issues. For example the default font sizes in the different browsers are different and that itself creates a different screen experience for the surfer.

Some of the ways you can look up to for solving these compatibility issues are as follows -

1. Keep the site as simple as possible. Do not try to crowd so many things in the available space. Keep things as per the importance.
2. If you have written a code for your website then check it for consistencies with different browsers and make the code more general rather than adhering to a specific browser.
3. Keep in mind your target audience. Are they mobile users or the corporate users using mainly laptops.
4. Go to some good literature in book form or in internet for understanding the cross browser compatibility issues and taking the remedial measures.
5. Consider using a well established framework like JavaScript framework for your web designing. It will help in taking up many compatibility issues at the root level itself.
6. Test your site after these modifications, with different browsers and see what are the other things still required to be done.
7. Sometimes it is not possible to do it on your own and you may have to take help of a professional web developer.

Thank you, Umesh. You have explained the performance improvement of a website in a beautiful manner. But I really wanted to know was about browser behavior. A website was behaving differently in 2 or 3 different browsers.

When I and my colleagues researched on this today using a dummy website that used CDNs and sprite images, we found out that the IE browser takes more time for loading a resource than the Chrome browser. For example: if the Chrome browser takes 345s to load a sprite image, IE takes 678s for the same. this shows that the IE browser is slow in nature. This is shown not only for image resources but for every other.

Whenever a service call is made to the CDN, an extra request for connection establishment is also made to that exact CDN apart from the GET request which isn't there in Chrome. That's why the number of requests differs in both browsers. And some times, the loading time of the website may be influenced by the performance of the network or system as well. These were the possible output of our research on this issue that we found out. If anyone has better answers please come forward.

And as for the performance improvement aspect of a website, it is better to use external script and style sheets other than inline. The inline scripts will slow down the DOM element load time.