Pre-rendering VS Server-side rendering for Angular SEO which ones better

Question

I have an Angular app and I want to implement SEO optimization. I read a lot of articles and I saw a few different approaches that should work well:

1. Server-side rendering
2. Pre-rendering
3. Dynamic rendering
4. Hybrid Rendering (Server-Side Rendering with Hydration)

What is better practice between Server-side rendering and Pre-rendering when it comes to performance/server load/speed/user experience? What are pros and cons for each of them?

I want to mention that I have an Express server that serves the whole Angular app as a static content, but I don't have Angular Universal implemented.

Answer 1

This article is perfect to explain the pros and cons of various rendering methods: https://developers.google.com/web/updates/2019/02/rendering-on-the-web