When I started to write this article I did not thought that it will be so long. Anyway I hope it will help you to boost your application performance. After reading this you will be able to boost your application speed beyond the limits. Good luck!
There’s lots of advice, but it seems to taper off when it comes to advanced performance tactics. I’ve read the articles, but it’s either too vague, too broad, or just basic stuff I have already done.
In this article I will quickly summarise the concept of the ‘static’ website: what it is, and what its benefits and drawbacks are.
I am new in web development and I find it very useful to implement this in production build for performance improvement. And here, I’ll try to share this and hopefully it will be useful for you too!
A modern function that gathers the latest JS features and makes everybody happy. This is not a secret. Web performance is one of the most important goals of every web site whatever their kind : e-commerce, institutional, information.
Let’s imagine you are doing a test in a class and every single time you write something, your teacher tells you to “hurry up”. Doesn’t that sound annoying? What if you want to limit the amount of times your teacher tells you to hurry up when you are doing your test in a specific time frame?
Lazy loading components is a easy way to improve the user experience of your app especially if your code bundle is big or if users are on slow connections. Vue 3 has introduced several new features to help you achieve this easily and with great UX through the improvements to the async component API and the new Suspense component. Vue 3 UX Wins with Async Components & Suspense
In some cases, we need to load a list that contains a lot of images on a single page. Most of the images not even visible on the screen when it is loaded. We need to scroll down to see them. By default, when we open the page, the browser would load and request all the images on the page regardless if it’s visible on the viewport or not.