How 17 Lines of Code Improved Shopify.com Loading by 50% - Shopify

Introduced the use of the `<link rel="preload">` HTML attribute to instruct the browser to download font resources concurrently with CSS files, thereby reducing the time to render text on the screen and eliminating the Flash of Invisible Text (FOIT). This optimization was applied to Shopify.com and resulted in a 50% improvement in time-to-text-paint.