The Ten Commandments of Web Performance

Follow these commandments and your website will not be remembered as slow.

Infographic

Text form

1. You shall never put shiny, bloated frameworks above your user's experience.
2. You shall always try to use native features before you reimplement them in JavaScript.
3. You shall use lazy loading whenever it can be used within reason.
4. You shall always serve images compressed and in the correct format.
5. You shall regularly test your website performance and fix issues as they arise.
6. You shall split JavaScript code to load what is needed when it is needed.
7. You shall serve web fonts in the proper format.
8. You shall always use a CDN for assets.
9. You shall do your due diligence when using dependencies making sure you are choosing the right one for the job.
10. You shall spread the word of performance amongst both technical and non-technical people.

Bonus: Always code as if the person who ends up maintaining your code is a violent psychopath who knows where you live.

Read more

If you are interested in more performance oriented content, follow me and I promise to deliver original, or at least effective methods of improving your website.

Using WebP in Your Existing Webpage

Paweł Kowalski for platformOS ・ Nov 17 '20 ・ 4 min read

#webperf #design

Optimizing Images For The Web

Paweł Kowalski for platformOS ・ Apr 24 '20 ・ 8 min read

#beginners #node

3 Tips on Preserving Website Speed

Paweł Kowalski for platformOS ・ Jun 24 '20 ・ 6 min read

#webperf #webpack #javascript #css

Comments

[Duomly]

Great points and article, thanks for sharing!

I would add AMP and static generators to fulfill the list, and achieve more performance.
You can read about it In this Dev.to post :)

[K]

Latency, latency, latency!!! 🙃

[Paweł Kowalski]

True, true. ;)

[asdsadasf]

I really don't like lazy loading images as a user.

[Paweł Kowalski]

Well, as a user, you shouldnt even notice it. If you see it, its either implemented not good enough, or you have very slow connection (which should benefit from lazy loading, because more important stuff could be stuck behind whatever is lazy loaded).