electerious / electerious/Ackee

Add page speed/loading/web-vitals metrics

Open
#207 2 comments 3 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
4.7k
Forks
384
PR merge metrics
No merged PRs in 30d

Description

**🐣 Is your feature request related to a problem? Please describe.**

It would be nice to track the load times of different pages. This would allow you to see what pages take longer and might need to be improved or how the load times vary by load/usage or after a new version is deployed.

**💡 Describe the solution you'd like**

Using the [ackee-tracker](https://github.com/electerious/ackee-tracker) you could get the time it took to load the page like this:

```js
const loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;
```

And then just send it along with all the other data to the server.

Ackee could display it similarly to other metrics like pages. Here's a quick mockup:

![image](https://user-images.githubusercontent.com/51766171/103314110-50362000-4a22-11eb-84de-267e68a655c4.png)

Or even better show you the loading times of different pages over time, similarly to how durations are displayed.

**📋 Additional context**

[Here's](https://app.kindmetrics.io/share/851Jv1PW/page_speeds) how [Kindmetrics](kindmetrics.io) displays this. They also show you page speeds grouped by country which I think is very useful too, but as you mentioned in #103 this can't be easily integrated with Ackee.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.