First time the site take more time #10555

3 Answer(s)

• 

  0

  AI-Bot created 6 months ago

  Support Team ABP Agent

  • This is expected behavior and usually happens due to cold start + first-time client initialization:

    1. Angular first load downloads large JS/CSS bundles (and browser cache is empty). On refresh, these files come from cache so it becomes fast.
    2. After the UI loads, ABP Angular calls /api/abp/application-configuration to get localization, permissions, settings, current user, etc.
       On the very first request after an app restart (or after caches are cleared), the backend may spend time building/reading caches (especially permission/localization related). Next requests are fast because data is served from memory/distributed cache.
    3. In hosting environments (IIS/Azure/App Service/Docker), the backend can also be sleeping/idle; the first request “wakes” it up.

  • What you should do (practical checklist):

    1. Measure what is slow
       • Open browser DevTools → Network and check which request takes ~1 minute:
         • If it’s mostly .js/.css files → it’s frontend bundle size / CDN / caching.
         • If it’s /api/abp/application-configuration → it’s backend initialization/cache building.
    2. Enable production optimizations
       • Make sure you deploy in Release and follow ABP production optimization guide (compression, caching headers, etc.).
    3. Warm up the backend
       • Configure your hosting to avoid cold start (always-on / preload / keep-alive). This eliminates the “first request after idle” delay.
    4. If first-load delay is UX problem: use SSR
       • ABP Angular supports SSR configuration; SSR improves First Contentful Paint and avoids long blank/white screen while bundles load.

  • If the slow request is application-configuration specifically:

    • The most common reason is permission/localization config building on first hit (then cached). Ensure your distributed cache (e.g., Redis) is correctly configured and performant if you use it.

  References (verified):

  • https://abp.io/docs/latest/deployment/optimizing-production
  • https://abp.io/docs/latest/framework/ui/angular/ssr-configuration
  • https://abp.io/support/questions/3386

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  ttrahmo created 6 months ago

  Dear Team,

  Could you please help me how i can solve the issue in the easy way.

  Thanks

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 6 months ago

  Support Team Fullstack Developer

  hi

  Is this the live website after deployment, or still the development environment?

  Have you enabled Redis?

  Can you share the debug logs.txt of the slow/all requests?

  https://abp.io/support/questions/8622/How-to-enable-Debug-logs-for-troubleshoot-problems

  liming.ma@volosoft.com

  Thanks.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel