How to preload fonts using the link tag and rel="preload" attribute
In a series of recent posts I have optimised my site as Google lighthouse / Pagespeed has shown some performance issues. This post is on how to »
How to lazy load background images using vanilla javascript
Every year Google Lighthouse and pagespeed gives me more to do. This time my site was slowed down because of background images not being lazy loaded. »
How to preload Google fonts using Google API
I recently went through the performance issues I had in lighthouse or Google pagespeed. One of those was that I did not preload Google fonts which »
How to add font-display: swap; to font-face CSS from Google font API
You are likely here because of Google lighthouse or pagespeed telling you that you need to use "font-display: swap;". You can of course add »
How to make prism.js word-wrap (line-wrap) code snippets
I recently made a post where I needed to show some code that would look better without word wrap as it was basically one or two »
The website checklist for when you are about to launch a new site - updated 2020
Have you ever been about to publish a website and feel that you are missing something? me too! That is why I created my own checklist »
Adding inline images between the text of your ghost(pro) blog posts
During the writing of my first blog post I hit a bump on the road. I was trying to insert a very small image in the »