developers.google.com
I need optimize these three options
Main-thread work - Don´t pay attention to this issue. When you optimize everything you see in the opportunity and diagnostic tabs you will (by default) also improve this as well.
Ensure Text Remains Visible During Webfont Load - This is usually a consequence of render-blocking resources causing the browsers not to be able to download all the required fonts during the page initial load. The way to fix this is by editing the CSS responsible for serving the fonts and adding the "swap" attribute.
Check out this guide...
How to fix the "ensure text remains visible during webfont load" item in PageSpeed Insights by adding font-display: swap or optional.
onlinemediamasters.com
Reduce The Impact of Third-Party Code - There´s very little we can do about these resources since they are not being served from our servers. Still, this doesn´t mean we can´t do anything about them. Personally, the best way I´ve found to deal with external scripts is by lazy loading them. Especially if they aren´t part of your site´s core structure.
Some great examples of scripts we can delay are tracking code, messenger, analytics, etc. For example, google tag manager, google analytics, Facebook, Hubspot, etc., these scripts are not required for your site´s to load and it makes no sense for them to cause any issues when your visitor's browsers start rendering your site´s HTML.
The best solution I´ve found for this is a little nasty free plugin build by a WP speed optimization expert called
Flying Scripts.
Make sure to watch this tutorial on how the plugin works...
The same developer is the guy behind Flying Press and, also, have a lot of other great plugins available for free. Check them out!!
The WordPress.org profile for Gijo Varghese (@gijo).
profiles.wordpress.org
Cheers!!!