Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jellydn/server-timing-demo

How to use Server-Timing provides performance metrics in the response headers.
https://github.com/jellydn/server-timing-demo

bun honojs server-timing

Last synced: 13 days ago
JSON representation

How to use Server-Timing provides performance metrics in the response headers.

Awesome Lists containing this project

README

        

Welcome to server-timing-demo 👋



How to use Server-Timing provides performance metrics in the response headers.

[![IT Man - Unlocking Performance Insights with Server-Timing Headers](https://i.ytimg.com/vi/uEi9pmLCa9E/hqdefault.jpg)](https://www.youtube.com/watch?v=uEi9pmLCa9E)

## What is Server-Timing?

The Server-Timing HTTP response header provides performance metrics in the response headers. It is a way to communicate back to the browser and provide performance metrics.

## Use cases

- Debugging performance issues
- Monitoring performance
- Benchmarking

## Usage

```sh
bun install
```

## Development

```sh
bun dev
```

Then open your browser and go to http://localhost:8000

## Demo

[![Screenshot](https://i.gyazo.com/4a4107bc225a8ff8d521efe0ec1f12aa.png)](https://gyazo.com/4a4107bc225a8ff8d521efe0ec1f12aa)

## Resources

- [Server-Timing - HTTP | MDN](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Server-Timing)
- [Server-Timing Middleware - Hono](https://hono.dev/middleware/builtin/timing)

## Author

👤 **Dung Huynh**

- Website: https://productsway.com/
- Twitter: [@jellydn](https://twitter.com/jellydn)
- Github: [@jellydn](https://github.com/jellydn)

## Show your support

Give a ⭐️ if this project helped you!

[![kofi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/dunghd)
[![paypal](https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white)](https://paypal.me/dunghd)
[![buymeacoffee](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/dunghd)