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!
Article No Longer Available
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.
Article No Longer Available
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.
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
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
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
That's all for this month! For more, check out the #monitoring and #performance tags.
Top comments (1)
Damn. One hour too late for this wrap-up :)
dev.to/koality/the-smallest-monito...