[BACKLOG] Prevent Content Layout Shift to improve SEO

[saenyakorn]

Problem

On our Course Search, it'll take 3 steps to render the page.

1. Load everything except Course Card

2. Fetch Course Card data and render the card

3. Fetch recommendation data and render purple section.

CLS (Content Layout Shift) causes much lower overall SEO score, that affect to Google search index; other web may be indexed before ours. You can find more detail about CLS here.

It would be great if we can reduce these 3 steps into 1 step. But I'm concerning about how expensive when rendering course card from server-side (could discuss later). But, I guess we can reduce from step 2 to step 3 by caching recommendation data in Redis with small expiration time and render them from server-side.

Task Description

Implement cache from recommendation system API using Redis or something else you want.

Additional Context

No response

Related Teams

• Frontend
• Backend
• Data
• Design
• Infra
• QA

Task Advisors

@sae