Hi all
How can I implement this:
Consider using <link rel=preload> to prioritize fetching resources that are currently requested later in page load.
Basically, preload is a value of the rel property in HTML link tag. Here is a syntax of using preload requests on your site:
<link rel=”preload” href=”font.woff” as=”style”>
You need to insert this link tag between the head tags on your HTML for each CSS, script and font files loaded on the site.
Though preload speed up the loading time, it should be used properly. Check your site with PageSpeed Insights tool to see whether any opportunity available due to preload request. Below is an example case that shows you can save 7.05 seconds due to the preload key requests.
You might also consider using the prefetchPageResources( ) API which allows prefetching page resources in the background.
Obviously we can use this. Thanks for sharing this.
You are best sticking with the API as you know it will work with Wix.
However, if you want to give preload a tryout, then look at this previous forum post here, although note that this was before Wix had rolled out the Wix Turbo update, so any gains from using it may now not be noticed.
https://www.wix.com/corvid/forum/community-discussion/decreased-mobile-load-time-by-15-seconds-with-preload-key-request-but-still-have-small-error
Especially when it isn’t actually supported by Wix.
https://www.wix.com/corvid/forum/community-discussion/preload-key-requests