GlobeIcon SVG is largest gzipped file in distributed library

[alecananian]

When importing just the basics of the Thirdweb SDK into a Next.js app

<ThirdwebProvider>
  <ConnectButton ... />
</ThirdwebProvider>

and analyzing the bundle via @next/bundle-analyzer, it shows that the single largest file in the gzipped distributed library is GlobalIcon.js (44Kb).

It contains the GlobeIcon component, an SVG used only in the start screen of the connect wallet flow:

I suggest considering dynamically importing it, hosting it remotely, or if it's not an official brand asset, changing to a less complex icon. Heroicons example is less than 1Kb:

[linear]

TOOL-3280 `GlobeIcon` SVG is largest gzipped file in distributed library

[MananTank]

Hey @alecananian Thanks for reporting this!

The GlobalIcon is rendered in the first screen shown to the user in ConnectButton's Modal component - so its important for that icon is available immediately.

Using a dynamic import it or fetching it from CDN introduces additional delay so we can not go with those approaches - however we can definitely replace it with a much smaller SVG