Pagespeed findings

Can't get enough? I'm regularly sharing snack bite tips and advice on LinkedIn as well.

    • ± 2 minutes

    Use text-wrap: balance; to improve design and INP

    Evenly and aesthetically distributing your text on available lines? Use `text-wrap: balance` instead of JavaScript and improve web performance & INP of your website.

    • ± 4 minutes

    Parsing and rendering process simplified

    We've all heard of the 'eliminate render blocking resources' recommendation in Lighthouse. But to understand why it is important to fix this, it first is convenient to know a few basic principles of browsers.

    • ± 2 minutes

    Improve PageSpeed with 2x a single line of CSS

    Rarely can you increase your PageSpeed with a single line of CSS. Today, though, I will share two separa­te CSS lines of code that will improve pagespeed and performance.

    • ± 2 minutes

    Let's get critical: inline CSS a must have?

    "Critical CSS is a must-have for a good pagespeed and core web vitals score". I saw this statement passing by recently, and although using critical CSS myself, such claim comes with nuance.

    • ± 5 minutes

    Website performance and laggy animations: GPU vs CPU

    Google Lighthouse has recently had an update. This may also have (negatively) influenced your scores. I briefly paid attention to it in a LinkedIn post, but in this blogpost I will go into it a bit more deeply.

    • ± 1 minute

    My content-visibility implementation for improved UX

    Before, we learned that content-visibility is likely to improve the pagespeed and performance of your website. But considering all caveats, how should you approach content-visibility implementation yourself?

    • ± 6 minutes

    Improve pagespeed with content-visibility CSS, is it for you?

    Content-visibility is a new CSS property that boosts your rendering performance, according to Google. But is that really so and are there any caveats, or in other words, should you start using it already?

    • ± 4 minutes

    CSS Critical Path in Magento 1

    Last Thursday, January 16th, I joined TJ Gamble's livestream to answer some PageSpeed related questions. Critical CSS was one of the subjects. Just before the livestream, I published a code snippet to auto-enable CSS critical Path within Magento 1.

    • ± 3 minutes

    Light weight websites with Save-Data header

    We all use JS, custom fonts, images and maybe even video's within our website or webshop. We can now reduce our load and speed up article- or product pages based on user preferences.

    • ± 4 minutes

    Defer unused CSS @ Google's Lighthouse

    The biggest challenge under the former PageSpeed Insights test has been completely annulled as the PageSpeed Insights uses the Lighthouse engine nowadays.