Base solution for your next web application
Open Closed

Login page takes more than 25 seconds to display #5272


User avatar
0
asiena created

We have deployed site on <a class="postlink" href="https://beta.block.aero">https://beta.block.aero</a> the login page shows after 25 seconds attaching the HAR file for reference Server is fine, i have checked response timing and performance factors its deployed on Azure there is a lot of delay between sending requests. please let me know what is causing this delay between different request. issue is reproducing for users trying to access the site from US <a class="postlink" href="https://www.webpagetest.org/result/180620_P2_73df54ab0697b2294828f18376f68edc/">https://www.webpagetest.org/result/1806 ... 376f68edc/</a>


5 Answer(s)
  • User Avatar
    0
    asiena created

    <a class="postlink" href="https://drive.google.com/open?id=18sbJkaOjm2pX_TV23td612uTudXEkisQ">https://drive.google.com/open?id=18sbJk ... uTudXEkisQ</a>

  • User Avatar
    0
    maliming created
    Support Team

    I visited this site. In the chrome console web panel you see that the web page loading time is slow because the js file download is slow. Scripts.js Vendor.js Main.js

    You can consider compacting static resources such as js and css. Of course, server bandwidth is also a very important factor.

  • User Avatar
    0
    ismcagdas created
    Support Team

    @asiena your files seems all small sizes. You can try to reduce some of them (background image and sytles.bundle.css for example). It is not possible to reduce the size of other bundles because they are generated by angular-cli.

    You can also consider increasing server bandwidth.

  • User Avatar
    0
    tero created

    We're evaluating Asp.Net Zero, and were surprised by the large JavaScript bundle sizes. It seems that there are a lot of third party dependencies. Are there any plans to reduce the number and size of the dependencies, especially in the scripts bundle? I can see dependencies that I would never choose when starting an Angular project from scratch in 2018. I used the tool source-map-explorer to inspect the bundle contents (<a class="postlink" href="https://www.npmjs.com/package/source-map-explorer">https://www.npmjs.com/package/source-map-explorer</a>).

    Can you recommend an approach to drop some dependencies? Say, as an example, if we don't need the line charts, what would be the best way to see all the dependencies that can be dropped? Also moment.js is very large, would replacing it with day.js be worth the effort or is it too tightly integrated with everything?

    Also, the automatically generated service proxies are very verbose. They consume 10 % of the minified main bundle size, which I think is a lot for functionality that when coded by hand would be a fraction of the current size.

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @Tero,

    Could you create an issue here <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero-core/issues">https://github.com/aspnetzero/aspnet-zero-core/issues</a> including your last post ? We can work on this for the future releases.

    I'm not sure about service-proxies and moment right now but we can try.