Web Fundamentals

05. Website optimization

Andrew Dorokhov schedule 1 min read

menu_book Table of Contents

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 open_in_new 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: open_in_new PageSpeed Insights .

2. GTMetrix

Homepage: open_in_new GTMetrix .

Optimization steps

Minimize main thread work

open_in_new Details .

Images optimization

Convert all you images to WebP format. Here’s open_in_new a good service for this task.

code

Need Help with Development?

Happy to help — reach out via the contacts or go straight to my Upwork profile.

work View Upwork Profile arrow_forward

HTTP protocol: GET and POST