Can't get enough? I'm regularly sharing snack bite tips and advice on LinkedIn as well.
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.
Did you know that a dark mode could save 63% power usage on mobile devices? More important from UX perspective is that you can also introduce a dark mode to make your site more pleasant for all kinds of users.
You might be using Bootstrap, or maybe even never considered outlines. Or deliberately removed them, leaving your users in the dark. However, outlines or focus indicators can still be fancy and helpful at the same time, without impacting accessibility.
You don't want to ruin the look of your website or webshop by some random ugly borders. These borders are called outlines and happen to aid some users as if you are walking in the dark with no lights. So, don't just remove them!
If you are already into web accessibility, so-called jump-to or skiplinks might not be new to you. Here is an introduction on skiplinks and some additional food for thought.
This isn't sexy at all, but someone has to do it as your customers (or maybe even your very own relatives) could be subject to this temporary or even permanently.
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:
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.
Webflow was founded in 2012 and is an online visual editor platform allowing users to design, build and launch websites. Does this mean you can't get high PageSpeed scores? And what about the newest Core Web Vitals?
If you want to check the performance of your webshop or website, these are the best free toolings you can use.
The answer to one of my most asked questions (spoiler alert: it's because of SEO and UX).
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?"
Some (WP) agencies are really into accessibility. However, when you do support accessibility as a developer, but not really pay close attention, there is a big chance you are unknowingly building inaccessible Wordpress websites for your clients.
Accessibility is like privacy: it often isn't the core business of a company. Even menu's become the victim. As a result, some might never be able to reach or interact with your main navigation.
Being a recommendation since June 5th, 2018, the Web Content Accessibility Guidelines 2.1 got translated to Dutch and published by Accessibility Foundation.
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.
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.
While there are a lot of articles to be found on the subject of pagespeed or improving overall sitespeed, most will come out-of-the-box.
To lazyload or not to lazyload images? From a user and performance perspective, you should lazyload images, but should you use a JS library?
Browsers are always trying to optimize as well. Some browsers already support lazyloading of images and iframes, using the loading attribute.
