Pagespeed findings

    • ± 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.

    • ± 3 minutes

    A Lifehack for removing unused JS/CSS.. or just unminify

    To reduce page size (also reduces data usage for your mobile users) and improve loading speed it is best to minify JS and CSS files. Fortunately, many developers already do this when possible.

    • ± 3 minutes

    Need for pagespeed depends on the context

    Instant noodle soup is not the best example, but would you trust shellfish that would've been in boiling water for just 100 milliseconds? Well that's where I had to change things to give users a trustworthy feeling.

    • ± 5 minutes

    Improving Pagespeed / UX by ditching PWA

    Wait, what!? Obviously, I could name some great PWA solutions out there, but it wasn't always so. Today's case, migrated in November, is proving that you can build perfectly performant solutions, for real users, the traditional way.

    • ± 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?

    • ± 6 minutes

    Improving a third party chatbot widget's performance

    The sad part of third party chat widgets is that it really is up to chat widget providers to improve performance, caring about the performance of their clients' websites and webshops at the same time. But even when they don't, we can make a difference.

    • ± 4 minutes

    Chatbot pagespeed impact visualized

    I wrote my own chatbot + livechat and this created quite some fuzz on LinkedIn. I even received swear words, luckily just for chatbot testing purposes 😅. But let's talk about the harm of chat bots such as Zopim (Zendesk), and how I visualized this.

    • ± 5 minutes

    Cloudflare Rocket Loader and Core Web Vitals

    Render blocking JS? Use Cloudflare Rocket Loader JS they said! But then Core Web Vitals came around, changing things 😕 However, Cloudflare Rocket Loader already came with a handful of pitfalls:

    • ± 2 minutes

    GTmetrix pagespeed: outdated and going to use Core Web Vitals

    Earlier I wrote why to use PageSpeed Insights instead of GTmetrix, but this might not be accurate anymore by the end of the month. GTmetrix announced they will be moving to using Core Web Vitals as well.

    • ± 2 minutes

    Why isn't HTTP/2 improving the pagespeed score

    Sometimes a LinkedIn post of mine is leading to new questions as well. This time: "How do you get a high PageSpeed score when a site is using HTTP/2?"

    • ± 8 minutes

    Does 5G make my sitespeed issues go away?

    Recently, when discussing pagespeed optimizations within a platform migration, I was asked if fiber internet or 5G will make sitespeed issues go away, or just making it worse.

    • ± 2 minutes

    How faster internet resulted in slower sites and webshops

    During the years 2011 through 2019, 4g coverage spread from 5% to 79% of the world. During that same time period, the median average JavaScript transfer size to mobile devices increased by 611%, from 52kb to 372.9 KB.

    • ± 1 minute

    Native image lazyloading support

    Browsers are always trying to optimize as well. Some browsers already support lazyloading of images and iframes, using the loading attribute.

    • ± 4 minutes

    Preloading with care

    Resource hints or preloading is hot, I see it more and more in an attempt to (allegedly) improve website/shop performance, by preloading some assets.

    • ± 3 minutes

    Fast, accessible and data-saving websites

    Although most of my work is pagespeed-related, I also like to address web accessibility and carbon emission when doing R&D for our website-producing CMS.

    • ± 3 minutes

    Encrypting DNS query bad for performance?

    DNS over HTTPS, Mozilla and Chrome already started experimenting with this a while back, to encrypt the last part of web traffic that isn't secure yet by default. But what really is the impact on privacy, security, as well as performance?

    • ± 3 minutes

    Slides of Tweakers frontend performance talk

    Last Thursday, I spoke at the sold out Tweakers Developers Summit. I talked about performance with a bit of conversion/UX/SEO/AMP and PWA.

    • ± 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.

    • ± 18 minutes

    PWA, the untold story impacting your conversion

    Progressive Web Apps have quite some advantages. The biggest one being a web-product with a native-like feeling. But it is also fast and mobile first, or rather should be. This is the untold story about PWA, impacting your conversion.

    • ± 8 minutes

    Chromium: badge of shame for slow loading websites?

    Twitter exploded when Chromium announced it. Chromium is describing it as "Moving towards a faster web", which is a clear signal towards digital agencies and other websites builders. What to expect?

    • ± 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.

    • ± 1 minute

    Belsimpel's productpage pagespeed

    A better perceived performance and thus user experience, will result in higher conversion and thus revenue.

    • ± 2 minutes

    Optimizing e-commerce supplier and cost efficiency

    You want your e-commerce to use most supplier-efficient and cost friendly delivering process. At the same time, you want to keep calculations and thus memory outbursts to a minimum.

    • ± 3 minutes

    Improving a webshop productpage pagespeed

    Before helping an e-commerce company with improving their pagespeed, sometimes I create a proof of concept first. By doing this, stakeholders will get a better grasp of what can be achieved in real life.

    • ± 3 minutes

    Performance metrics: LCP replacing FMP

    First Meaningful Paint is one of the six performance metrics tracked and displayed by Lighthouse. It measures when the primary content of a page is visible, but is more of a guess. It became time for a new metric.

    • ± 3 minutes

    Boost web performance with www domain prefix

    You might want to publish your (new) website or webshop on the www-prefix of your domain. This will decrease network latency, when doing it the other way around for your images, making your online business even faster.

    • ± 4 minutes

    8 reasons why you're doing SEO wrong

    If you are a professional Web Performance Optimizer (WPO), or if you are simply someone who cares about online performance and pagespeed, chances are that you are doing these performance optimisations wrong.

    • ± 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.