Following are some of the common use case scenarios that, if taken care, would enhance faster web page loading:
- YepNopeJS: As defined on the website, YepNope is an asynchronous conditional resource loader that’s super-fast, and allows you to load only the scripts that your users need. It supports handling of both JS and CSS files. Interestingly, Yepnope is fairly small, weighing in at just over 1.7kb minified and gzipped.
- HeadJS: As claimed on their website, HeadJS enables the loading of JS & CSS asyncronously and in parallel, and at the same time, executing them in order.
There are techniques such as including link elements within <head> tag with different “rel” type such as dns-prefetch, pre-fetch, subresource, prerender etc which could speed up web page loading to a great extent. However, these techniques need proper planning in terms of diligently identifying the resources on which the techniques such as pre-fetch or pre-render could be applied.