In Front-End Optimization (FEO), which action moves CSS to the document head to optimize rendering?

• A. Inline CSS
• B. Rearrange CSS
• C. Truncate CSS
• D. Move CSS to head

Answer: (D)

CSS is render-blocking, so placing styles in the document head lets the browser fetch and apply them before it starts rendering the body content. This means the initial paint can use the correct styles without waiting for CSS to arrive later, reducing flashes of unstyled content and layout shifts. By moving CSS to the head, the browser has the style information early, enabling a faster, smoother first render. Inline CSS would bloat the HTML and hurt caching, while the other options don’t focus on ensuring styles are available early enough for the initial render.