In my previous post, I've talked about how I boosted Lighthouse scores for my personal website by implementing native lazy loading with fallback.
...
For further actions, you may consider blocking this person and/or reporting abuse
@adrianbdesigns great article and just in time, we're currently working on this at my workplace :) Thanks!
Thank you! Glad you found the article useful. Cheers!
Artis is a low-level and functional virtual CSS library with no CSS codes. More than 80 Utilities. Infinite Configurations. (artisjs.netlify.app) #virtualcss #virtualdom #javascript #cssinjs #csslibrary
Nice article! Enjoyed it! 🔥
Amazing article! We were just working on performance improvement at work. Thanks a lot!
you can't be sure about critical CSS also when you do updates you have to regenerate it.
At my company we use github.com/addyosmani/critical in Gulp to generate the critical CSS at build time, so we always have an up to date version.
that's great 👍
Very simple but powerful! Thanks :D
Great work! Thanks!
It’s very simple to get a 100 for accessibility on Lighthouse. You should work on that next.
I wouldn't define it as simple, in some cases it might but often truly accessible and inclusive websites require a lot of thought and planing.
That being said every website should try to be as accessible as posible, otherwise you are excluding a big part of your audience, which is bad for your audience and for yourself.
Also, if we only have as source of truth Google lighthouse we might be missing important points (now or in the future), an automated tool has its limits.
"Truly accessible and inclusive websites require a lot of thought and planning." Absolutely. Lighthouse does not even audit for what is required of a truly accessible website, which is why I'm surprised the author couldn't reach such a low bar.
Lighthouse does have its limits. If I really want to audit basic accessibility checkpoints of my website I use wave.webaim.org/ because Lighthouse sets too low of a bar. Every website should try to be accessible as possible and Lighthouse doesn't even test for enough.
Nice one. But how can we get rid from unused CSS and JavaScript in Angular build ?
For CSS maybe give purgecss.com/ a try.
You very nicely explained what defer and async do, but what about defer and async at the same time on the same script tag? I've seen this in some code bases.
Great article! I wasn't aware of forzing css parse after site load.
Thanks.great explanations. How do I improve the performance of a nextjs app.