DEV Community


Posted on


Replace or reduce heavy javascript frameworks

Being worked with Vue.js in recent years, I was really satisfied with the speed and performance that it brings to my programming jobs. However, recently I came up with an opinion that it brings more cons than pros by introducing frameworks like this. To be simple, it causes the page to load more heavy libraries than before.

Using frameworks is an irreversible trend as it brings the advantage of easier programming. Using modern frameworks like Vue.js or react js just increased productivity by implementing functions that is more frequently used or introducing concepts like components, and it reduced the time that programmers have to use to search for a relevant function.

However, it is a chain that makes you load many more unnecessary libraries that you don't need.

Taking Vue.js as example, when you want to use the components, you might start by loading Vue itself, then if you find yourself hating the node.js thing, you will start by finding libraries like VueHttpLoader to load components. But that just increased libraries your site has to load everytime when visitors are visiting the page, causing performance degration.

You might say, at least you still need to load jQuery or other essential libraries. Sure we aren't having the debate here for 'librariless' or vanilla javascript where programmer use zero libraries, although at times this might be the best approach. However, I think programmers need to reduce their library stacks as possible in order to make webpages load faster. Don't rely only on modern browser technologies as there are times that user is in a relatively slow internet connection.

Latest comments (0)

The JavaScript Brief

1. Top 5 MERN STACK projects to improve your practical understanding

Boost your MERN Stack development skills by undertaking interesting beginner projects. These five engaging projects cover web applications and range from social media website applications to geo-social networking maps. Hone your understanding and apply modern techniques backed up by hands-on experience.

2. How To Optimize Your React App’s Performance

Learn the best optimizing techniques to make your React applications faster and more efficient. Focusing on the identification of performance bottlenecks and common pitfalls to avoid, these optimization strategies will keep your applications running smoothly even when faced with growing complexity.

3. A story of let, const, object mutation, and a bug in my code

In the pursuit of bug-free code, explore an incident involving a mix-up between const and let, making sure your custom code works effectively with third

party documentation. Discover best practices on program flow and learn about JavaScript's unpredictable aspects to ensure your core code is robust.