XhaniのBlog

In context#

SSR-first output keeps the initial document visible before JavaScript runs. When measuring its reading experience, LCP and CLS reveal whether the first visible content is fast and stable.

An abbreviation can also appear next to ordinary Markdown such as SSR guidance, but literal code such as SSR and links like LCP documentation remain untouched.

Define terms#

Place definitions anywhere in the same Markdown document. They do not render as visible paragraphs, and only matching terms in that article receive the semantic abbreviation treatment.

1
*[SSR]: Server-Side Rendering
2
*[LCP]: Largest Contentful Paint
3
*[CLS]: Cumulative Layout Shift
4

5
SSR makes an HTML response available before client code runs.

Authoring boundaries#

Terms must begin with a letter or number and may contain letters, numbers, periods, underscores, plus signs, and hyphens. Each definition applies to the current article only; an invalid or duplicate definition remains ordinary Markdown instead of silently replacing another term.