DEV Community

Discussion on: Speed up your website in 1 minute with Instant.page

Collapse
 
shaijut profile image
Shaiju T • Edited

Thanks, when you said minimize ssl handshake is it using preconnect link tag ? Also I think instead of using the plugins to prefetch the whole next page. We can use prefetch to load js and image file of next page ? Is this good scenario ? are there any other scenario to use them wisely ?

Thread Thread
 
pavelloz profile image
Paweł Kowalski • Edited

Well, you can minimize handshakes by self-hosting everything you can, on your domain. It also removes 3rd party dependencies being your dependencies, as a positive side-effect
I use preconnect to project's cdn domain, and those 3rd parties that i didnt manage to self host.

I think better approach to js performance is dynamic code splitting (ie. in webpack - import() - docs here). It not only makes your initial bundle smaller, but also defers downloads of dependencies/plugins/vendor code after initial bundle has been executed. And because webpack is an amazing tool, you can also set some prefetching/preloading to those dynamically created chunks as well - webpack.js.org/guides/code-splitti... .