• autokludge@programming.dev
    link
    fedilink
    English
    arrow-up
    9
    ·
    8 months ago

    Haven’t done this type of optimizing in a long time, I had a quick look at the network graph for your front page (F12 dev tools in desktop browser), my understanding is it looks like you are getting blocked from loading additional resources (fonts + background) until your style sheets are fully read --pink line is document loaded i believe.

    It may be worthwhile to experiment with adding some preload links to the html template? or output? like below and assessing if it makes things faster for you.

    <link rel="preload" as="image" href="https://volcanolair.co/img/bg1-ultracompressed.webp" fetchpriority="high">

    <link rel="preload" as="font" href="https://volcanolair.co/fonts/Inter-Regular.woff2">

    <link rel="preload" as="font" href="https://volcanolair.co/fonts/Inter-Bold.woff2">

    ___