
## Table of Contents

1. [Introduction](#introduction)
2. [Enable Text Compression](#enable-text-compression)
3. [Reduce Unused CSS](#reduce-unused-css)
4. [Reduce Unused JavaScript](#reduce-unused-javascript)
5. [Color Contrast Checker](#color-contrast-checker)
6. [Browser Cache - Disk Cache](#browser-cache---disk-cache)
7. [Conclusion](#conclusion)

## Introduction

Google Lighthouse is a powerful tool for auditing website performance, accessibility, and best practices. This post covers a few quick wins to improve your Lighthouse score.

## Enable Text Compression

```
const compression = require('compression');
app.use(compression());
```

## Reduce Unused CSS

Make sure all CSS is minified as a bundle.

## Reduce Unused JavaScript

Defer loading scripts for Google Ads or Google Analytics.

## Color Contrast Checker

https://coolors.co/contrast-checker/000000-08a045

## Browser Cache - Disk Cache

```
res.set('Cache-control', `public, max-age=${period}`);
```

## Conclusion

By applying these Lighthouse recommendations — enabling text compression, reducing unused CSS and JavaScript, checking color contrast, and setting proper browser cache headers — you can significantly improve your website's performance score.


Tips and techniques for improving website performance using Google Lighthouse recommendations, including text compression, reducing unused CSS and JavaScript, and browser caching.

Performance

WebSite Performance Improvement - Lighthouse