Hi! I'm Helen, one of your friendly mods looking after the #monitoring and #performance tags.

At the end of each month, I'll be showcasing some of the great posts, projects, and insights from the Dev community.

To kick us off this month we have James who has written their first post detailing the mechanics of each step a browser goes through to render a web page so that each can be considered and optimised during development. Welcome to Dev James!

Next, Cody introduces us to the Observer API. There are four different types of observers that observe different things -- from the DOM to browser performance.

Justin then shows us how to optimise using lazy loading components in Vue. A few extra seconds could have a huge impact on the number of users visiting your site. This means that having a fast site is important, not just for ranking well in Google Search Engine, but for having users interact with your webpage.

Lazy loading components in Vue 3

Justin Brooks ・ Oct 5 '20

#vue #webdev #performance

Sticking with Vue, our next post from Mariana takes us through a refactoring project. Refactors are never easy but can make a huge difference in performance. This is Mariana's first post too, welcome to Dev!

My notes about conducting a massive refactor in a Vue.js website

Mariana Pícolo ・ Oct 22 '20

#vue #frontend #architecture #performance

Next, Breno focuses on the first steps you can take to approach web performance. Great first post, welcome to Dev Breno!

5 things you need to know about web performance in 2020

Breno Henrique ・ Oct 5 '20

#webdev #performance #html #javascript

To wrap up this months posts we have a discussion from Pawel from the Dev team on lazing loading images. Are there any cons and gotchas to look out for? Check out the discussion for more.

Any reason for not using loading="lazy" attribute?

Paweł Ludwiczak for The DEV Team ・ Oct 26 '20

#html #performance #explainlikeimfive

That's all for this month! For more, check out the #monitoring and #performance tags.