Eliminate render-blocking resources

[chengtie]

I have a website made by Docusaurus. I analyze a very simple webpage without any images https://www.10studio.tech/docs/community by PageSpeed Insights, here is the result: https://pagespeed.web.dev/analysis/https-www-10studio-tech-docs-community/dxyxwlmw32?form_factor=mobile

The analysis result shows that there are render-blocking resources with potential savings of 1060 ms

The files are

• https://www.10studio.tech/assets/css/styles.756daa62.css
• https://www.10studio.tech/js/patch.js
• https://unpkg.com/css-vars-ponyfill@2.4.9/dist/css-vars-ponyfill.min.js
• https://appsforoffice.microsoft.com/lib/1/hosted/office.js
• https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

Does anyone know what precisely I could do to improve this?

[slorber]

The only thing Docusaurus relies on is 10studio.tech/assets/css/styles.756daa62.css, containing our CSS framework and code, and unfortunately not easy to optimize without using something like TailwindCSS or other atomic CSS-in-JS technique.

All the rest is resources that you added, not Docusaurus, so we can't do anything.