Dorokhov.codes
05. Website optimization
First we should do to optimize our website is to make a test using such services as Lighthouse or GTMetrix.
Services
1. Lighthouse
Lighthouse is an open-source, automated tool for improving the quality of web pages.
There are several options how we can use it:
- Chrome: Lighthouse is integrated directly into the Chrome DevTools, under the “Lighthouse” panel.
- Using the Chrome extension. The Chrome extension was available prior to Lighthouse being available in Chrome Developer Tools, and offers similar functionality.
- From the command line. You can automate your Lighthouse runs via shell scripts.
- As a Node module. You can integrate Lighthouse into your continuous integration systems.
- Web UI: PageSpeed Insights.
2. GTMetrix
Homepage: GTMetrix.
Optimization steps
Minimize main thread work
Images optimization
Convert all you images to WebP format. Here’s a good service for this task.