Reduce the impact of third-party code (zendesk)

Question

<script
  id="ze-snippet"
  src="https://static.zdassets.com/ekr/snippet.js?key=some_zendesk_key"
/>

I'm trying to optimize my web site performance. I've faced a big impact of third-party code to my performance, I think all my bundle has a lower size than zendesk code. How can I load it without impacting on the main thread? Should I use the async or defer tags? Or which approach is better for this case?

Answer 1

This seems to be an issue that tortures so many people without a clear solution.

What I managed to do it to reduce the block time by adding this configuration.

window.zESettings = {
    webWidget: {
      chat: {
        connectOnPageLoad: false
      }
    }
  };

ref https://developer.zendesk.com/embeddables/docs/widget/settings#connectonpageload

ps I did a performance test to my zendesk helpdesk "domain.zendesk.com" and the results there were even worse