You can have the most beautiful and engaging website in the world, if it does not load quickly on the browser, people would tend to skip it. Although there are many performance rules out there, at the end of the day, it all comes down to load time.
According to Jakob Nielson, here are things you should remember when building your website.
- Under 100 milliseconds is perceived as instantaneous.
- A 100ms to 300ms delay is perceptible.
- One second is about the limit for the user’s flow of thought to stay uninterrupted. They will sense the delay, but they can manage.
- _4_7% of consumers expect a web page to load in two seconds or less
- 40% of consumers will wait no more than three seconds for a web page to render before abandoning the site.
- 10 seconds is around the limit for keeping the user’s attention. Most users would leave your site after 10 seconds.
Read more about these statistics over here and here.
As you can see, it is clearly evident that you need to make sure your pages load quickly as possible even on the poorest of network connections. Easier said than done.
To help you achieve this ultimate goal — here’s my list of recommended tools for performance analyst.
Don’t forget to share and reuse your JS components to keep the right balance between high-quality & performant code (that takes time to produce) and reasonable delivery times. You can use popular tools like Bit (Github), to publish components (vanilla JS, TS, React, Vue, etc.) from any project to Bit’s component hub, without losing too much time over it.
#frontend-development #front-end-development #web-development #javascript #html
