Frontend performance improvements

What does this MR do and why?

Minor adjustments to improve frontend performance, as audited in #405 (closed).

  • Set dimensions on images and Vue apps to minimize layout shift
  • Switch from gzip to Brotli compression
  • Optimize SVGs in the theme (using https://www.npmjs.com/package/svgo)
  • Fix HTML validation errors (not really performance improvements, but these came up while auditing)

Closes #405 (closed)

Screenshots, screen recordings, or links to review app

No visual changes.

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Configure a local GitLab Docs environment.
  2. Check out this branch.
  3. Check for layout shift in the header and search results page
  1. Check HTML validator results:

Merge request acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Sarah German

Merge request reports

Loading