User blog comment:MisterWoodhouse/Evolving with the Web: Keeping Google Happy/@comment-12913802-20210114201023

Well, some stuff that admins can do to help improve pages' Web Vitals score is to minimize their CSS and JS (and use as least of those pages / files as possible), replace .png files with .webp variants (it'd be cool to have an option to use a .png / .jpg fallback image in case the browser where the reader is viewing the article doesn't support .webp files, just like the HTML tag does). You can also try to avoid using gifs (specially at the beginning of an article; those files are heavy).

When designing always keep high, readable contrast between the text and the background (Chrome and Firefox DevTools have a tool to know the contrast ratio of certain text) and always keep text size equal or bigger than 12px. Try to not import more than two fonts for the wiki, and when doing so, only import the font variants the wiki will actually use (for example, most commonly used weight variants are 300, 400, 500 and 700).

JavaScript is one of the heaviest things to deal with, so you'll want to use as less of it as possible. Don't use fancy scripts that actually don't add anything useful to the experience of the user, and keep it as optimized as possible.

Those are some tips that I thought of. If you know something else, feel free to leave a reply with those. Using 'float' in your css will decrease your web vitals score down to -999 on all metrics