The Ten Commandments of Web Performance
P
Trying to make web faster, more accessible, cheaper to run, more effective:
- Choosing right tool for the job (ie. serverless, static site generator)
- Reducing network utilization by removal, compression, optimization, minification
- Lazyloading/deferring non critical parts
- Optimizing critical path and assets
- Training about impact 3rd party scripts have on the performance
- Pushing minimalism and simplicity philosophy in the team
... and many more contextual decisions.
Follow these commandments and your website will not be remembered as slow.
Infographic
Text form
- You shall never put shiny, bloated frameworks above your user's experience.
- You shall always try to use native features before you reimplement them in JavaScript.
- You shall use lazy loading whenever it can be used within reason.
- You shall always serve images compressed and in the correct format.
- You shall regularly test your website performance and fix issues as they arise.
- You shall split JavaScript code to load what is needed when it is needed.
- You shall serve web fonts in the proper format.
- You shall always use a CDN for assets.
- You shall do your due diligence when using dependencies making sure you are choosing the right one for the job.
- 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.
11 views
