Tagged: CSS

Remove jscript – CSS only mobile navigation

Finally made it… My page (not this one, though) is totally JS-free. No cookies, no JavaScript. Just plain HTML and CSS. This gives a better user experience, fast page loading times, and a better Lighthouse score.. The last bit, was to change the mobile navigation. I used this snippet to make it work: https://codepen.io/mutedblues/pen/MmPNPG

Optimizing CSS

Based on my last post “Google Core Web Vitals 2020” i’ll review and optimize my CSS declarations, as Lighthouse complains already: “Eliminate render-blocking resources”. So here we go: Step 1) analyze existing css-file and remove unused stuff Who needs comments anyway 😉 Step 2) separate CSS files The next thing came into my mind, was trying to separate css for...

Google Core Web Vitals 2020

In May 2020 google announced that the so called “Core Web vitals” will influence the google site ranking. So, besides mobile friendliness, safe browsing, HTTPS and “non-intrusive interstitials” (aka popup-ads) the following three elements of the “Core Web vitals” will have a big influence on a sites ranking: – Loading: Measured by the “Largest Contentful Paint” (LCP) – Interactibility: Measured...