WordPress Instant Articles dramatically improves user experience and site speed with page pre-render, DNS prefetch, Link Prefetch, HTML5 subresource
Instant Articles for WordPress will let you configure DNS prefetching URLs and will automatically prerender the last 2 posts on the front page, plus next and previous posts when viewing a single post. You also have the option to pre-render sticky posts.
It is not recommended to use more than 4-5 URLs for DNS prefetching.
Enabling page prerendering will likely increase server and client (browsers) load.
Enabling subresources will let you specify URL’s to hint the web browser for high priority files, likes .JS or .CSS, for fetching these even before they appear in the HTML document.
Visit the Instant Articles homepage for more info: http://wpinstant.io/
Usage
Basic usage
Install plugin, go to the WP Admin > Instant Articles screen and enable the features you want.
/wp-content/plugins/
DNS prefetching is an attempt to resolve domain names before a user tries to follow a link, improving perceived page load time and user experience.
Learn more about DNS prefetching here:
https://www.chromium.org/developers/design-documents/dns-prefetching
Page pre-render loads and pre-renders all the assets of the page in a hidden tab. When user clicks on the link to open the page the browser just shows the page. No networking waiting. No resource download.
Learn more about page prerendering here:
https://www.chromium.org/developers/design-documents/prerender
Using rel=’subresource’ the browser gets hints about high priority files it needs to load as soon as possible. Critial CSS or JavaScript files are a good example. This feature enables early loading of resources within the current page. Because the resource is intended for use within the current page, it must be loaded at high priority in order to be useful.
Learn more about HTML5 subresource here:
https://www.chromium.org/spdy/link-headers-and-server-hint/link-rel-subresource
Using rel=’prefetch’ the broswer gets hints about files that the user might use soon. The browser downloads the files during idle time and stores them in the cache. This feature enables proactive loading of resources the user will need in future pages. CSS or JavaScript files for reviews, gallery and video player plugins are good examples.