Looking for NEET / JEE Coaching? Enquire Now
You must Sign In to post a response.
  • Category: Programming

    Doubt regarding webpage development and performance


    Do you have some doubt about webpage development and performance? Is your webpage behaving differently in different browsers? Are you looking for the possible reason for such variations? The opinion of our experts will be able to answer your queries in this connection.

    I have developed a webpage using HTML, CSS, and jQuery. The backend part is done using Dot Net (MVC architecture). The webpage has different sort of images which are less in size, consist of service calls(AJAX) and redirections to other URLs. The webpage includes plug-ins as well.

    I found out that the webpage is behaving differently in different browsers while checking the Network section of inspect element tool in the browser. The webpage takes 3.05s to load in Chrome with 47 requests and the same webpage takes nearly 5s to 6s to load in IE/Edge with 55 requests. What will be the possible explanation for this behaviour?

    Even the time taken to load each request varies in browsers along with the rendering order. Will it be mentioned as the default behaviour of the browser. It will be helpful if anyone can give an accurate explanation for this issue. While explaining kindly consider different browsers including IE, Chrome, and Edge.
  • Answers

    2 Answers found.
  • 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.

    Knowledge is power.

  • 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.

    --Time is money--
    Benjamin Franklin


  • Sign In to post your comments