Angular Universal TTFB is very slow

Question

When I run my application with angular universal, I am seeing huge difference in TTFB. ssr is taking more time than normal angular command. How to improve TTFB with angular universal server side rendering?

npm run serve:ssr

Performance tab:

ng serve

Looked into many sites but didn't found any relevant solution on internet till yet.

open dev tools' `Performance` tab, record loading and see what it shows. — c69, Aug 06 '19 at 00:05
this is very annoying, they tell you that SSR and Angular Universal is the solution, and when you try them and experience the slowness you can't find any resources to help — Kardon63, Nov 02 '22 at 07:00

score 4 · Answer 1 · answered Sep 17 '20 at 08:00

4

I had the same problem and I fixed it by removing all setTimeout and setInterval

If you need to use timeouts you can use this function instead of the regular setTimeout

export function setTimeout$(cb: () => void, timer: number) {
  of(true).pipe(debounceTime(timer), first()).subscribe(cb);
}

answered Sep 17 '20 at 08:00

Pian0_M4n

2,505
31
35

2

`debounceTime()` is not doing the right job, but `delay()` works fine – Lars Dec 13 '20 at 14:05
I have removed the setTImeout function but site still loading at same time.. if i increase the settimeout time to 10 sec.. page load after 10 sec... pls help – Venka Tesh user5397700 Jul 16 '21 at 19:15
@pina0_M4n please advice – Venka Tesh user5397700 Jul 18 '21 at 18:21
@VenkaTeshuser5397700 You missed one. Check the npm packages you are loading, check the services imported. Some other library has a timeout – Pian0_M4n Jul 19 '21 at 09:01
@Pian0_M4n i did the search using visual studio code. i didn't see any settimeout function inside the library... – Venka Tesh user5397700 Jul 19 '21 at 11:25
maybe intervals? – Pian0_M4n Jul 19 '21 at 13:13
okay @Pian0_M4n but i didn't see any setTimeout, setInterval, timeout in find / search visual studio code – Venka Tesh user5397700 Jul 19 '21 at 16:07

score 3 · Answer 2 · answered Aug 16 '19 at 11:58

3

It seems that you have a setTimeout or an http call that takes too much time to finish and angular universal does not serve the webpage until all the calls are finished.

I recommend you that if the timeout or http call is not essential to render the webpage, avoid the call on the server side.

answered Aug 16 '19 at 11:58

RafaGomez

31
2

I have the same problem, but what if i have a home page that have multiple requests, and also the request would take for example 4 seconds to finish (on slow 3G), but why the loading of the website is taking 14 seconds – Kardon63 Nov 02 '22 at 06:58

Angular Universal TTFB is very slow

2 Answers2

Linked