---
title: "Customizing the UI · Unlighthouse"
meta:
  "og:description": "Modify Unlighthouse client interface columns and display to show custom metrics and data."
  "og:title": "Customizing the UI · Unlighthouse"
  description: "Modify Unlighthouse client interface columns and display to show custom metrics and data."
---

**Recipes**

# **Customizing the UI**

[Copy for LLMs](https://unlighthouse.dev/guide/recipes/client.md)

Customize the Unlighthouse dashboard to display metrics relevant to your workflow. Replace default columns, add custom audit displays, and configure how results appear.

## [Customizing Columns](#customizing-columns)

Replace or add columns to display specific Lighthouse metrics:

### [Example: Replace FCP with Server Response Time](#example-replace-fcp-with-server-response-time)

```
import { defineUnlighthouseConfig } from 'unlighthouse/config'

export default defineUnlighthouseConfig({
  hooks: {
    'resolved-config': function (config) {
      config.client.columns.performance[2] = {
        cols: 1,
        label: 'Response Time',
        tooltip: 'Time for the server to respond',
        sortKey: 'numericValue',
        key: 'report.audits.server-response-time',
      }
    },
  },
})
```

See the [**Column API Reference**](https://unlighthouse.dev/api-doc/glossary#columns) for all available column options.

[Edit this page](https://github.com/harlan-zw/unlighthouse/edit/main/docs/1.guide/recipes/client.md)

[Markdown For LLMs](https://unlighthouse.dev/guide/recipes/client.md)

**Did this page help you? **

Anything that could be done better? :)

Help us improve this page. You can [edit this page](https://github.com/harlan-zw/unlighthouse/edit/main/docs/1.guide/recipes/client.md) on GitHub or provide anonymous feedback below.

[**URL Discovery** How Unlighthouse discovers pages using sitemaps, robots.txt, and internal link crawling. Configure URL sources and filters.](https://unlighthouse.dev/guide/guides/url-discovery) [**Improving Accuracy** Optimize Lighthouse scan accuracy with multiple samples and reduced concurrency for more reliable, consistent Core Web Vitals results.](https://unlighthouse.dev/guide/recipes/improving-accuracy)