Is there any way to preload content on the site?

Question

Computer networks

I'm looking at the "waterfall" (waterfall) chart based on the answers from my site. Everything seems to be very good in terms of speed, but I want even faster. In this regard, the question ...
The graph shows that first the source code is loaded, links to the content (jpg, css, js) are pulled out of it, and then they are already downloaded synchronously. Is it possible to somehow transfer these links directly from the application to the user through headers? The idea seems to be crazy, but if I understand correctly, HTTP 2 can do it. Or does it work differently there?

Answer 1

There is link rel="preload", link rel="prefetch" for plain HTML.
It is also possible to design a web page as an HTML5 application and list the resources used in the manifest. They are stored in a special cache separate from HTTP, they are loaded and updated by a different mechanism. But this is more difficult, this manifest then needs to be kept up to date.

Answer 2

After the first download, everything will be cached in the browser itself.
Unless, of course, in your headings with which CSS / JS / images are given, it is not indicated that you do not need to cache. As a rule, the usual return of ordinary files is just done correctly - that is, with caching enabled.

Answer 3

1. Add caching of the home page as well as other frequently visited ones.
   In addition, if there are many visitors, then it is worth adding a caching server like squid, varnish.
   Use a CDN to serve static content.
   
2. It is worth optimizing images to reduce their size. For small ones, you can use sprites.
   
3. Compress JavaScript
   

Answer 4

you have a gag in loading the site file itself, roughly speaking index.html - 0.7 seconds, maybe it's not the network that slows down, but the server part?
If it's that big, then optimize it.