My notes about Conducting a Massive Refactor in a Vue.js Website

My notes about Conducting a Massive Refactor in a Vue.js Website

Refactors are never easy, especially in core parts of a software product, and some developers struggle by just hearing the word “refactor” (myself included).

Refactors are never easy, especially in core parts of a software product, and some developers struggle by just hearing the word “refactor” (myself included).

In the company I work, called RuaDois, we have a Vue.js front-end, that is used by brazilian real estates to track and boost their businesses.

The application started as an MVP which states for Minimum Viable Project, in 2018. When I joined the team, the application was already built and running, with some features implemented in it.

But after some months of work, I started to feel the website was taking too much time to load, about 15~20 seconds, which is annoying.

performance vuejs optimization refactor

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

A Developer's Guide to Optimizing Mobile App Performance - DZone Performance

In this post, we focus on optimizing mobile app performance, including an app's ability to adapt, user expectations, network coverage, and more.

Hire Dedicated VueJS Developers

Want to Hire VueJS Developer to develop an amazing app? **[Hire Dedicated VueJS Developers](https://hourlydeveloper.io/hire-dedicated-vue-js-developer/ "Hire Dedicated VueJS Developers")** on the contract (time/project) basis providing regular...

Performance Optimization Techniques

Performance is an integral part of the Application design and plays a vital role in the success of your product/application.

Web Vitals, Google Search & the State Vue & Nuxt performance optimization

As google recently announced their new guidelines for Web Vitals as an update of their existing Lighthouse KPIs, a lot of discussion on how to to optimize against these values has come up. I wanted to document some of the best practices that I ended up using. Web Vitals, Google Search & the State Vue & Nuxt performance optimization.

How to Test Mobile App Performance: 3 Key Components - DZone Performance

In this post, we’ll go over the different factors that impact a mobile app’s performance. We’ll also explain how to test mobile app performance.