Speeding up Ghost's website by preloading links

The following instructions will help you generate a faster ghost website by preloading links before they are displayed.

25 May 2023 . 2 minutes read .

In addition to optimizing your site's code, you also have a secret trick that "virtualizes" your website, misleading viewers about your site's speed.

This technique is extremely magical, you can apply to every platform besides Ghost.

Simple installation, extremely good efficiency.

Get the links loaded before viewers click

Most web browsers allow you to preload pages before you click, so they load faster.

<link rel="preload" href="small_cat.jpg" as="image" >
<link rel="preload" href="medium_cat.jpg" as="image" >
<link rel="preload" href="large_cat.jpg" as="image" >

rel=preload

Ideally, it's not easy to do. You cannot preload all links on the website at the same time because it will overload resources and load the current page.

For example, the ghost homepage contains too many article links (15 links by default) and the top and bottom navigation bar also has about 15 links. Not counting sidebars or secondary links like author links.

The total link if applying preload will be 35 links. More than enough to cause browser lag and overload your server if there is a large amount of traffic.

How does this technique work in Ghost?

If you don't see the content after subscribing, refresh your browser......