Merge branch 'performance' into dev

Author: mikecao

db/clickhouse/migrations/09_add_performance.sql

@@ -0,0 +1,72 @@
+-- Create Performance
+CREATE TABLE umami.website_performance
+(
+    website_id UUID,
+    session_id UUID,
+    visit_id UUID,
+    url_path String,
+    lcp Nullable(Decimal(10, 1)),
+    inp Nullable(Decimal(10, 1)),
+    cls Nullable(Decimal(10, 4)),
+    fcp Nullable(Decimal(10, 1)),
+    ttfb Nullable(Decimal(10, 1)),
+    created_at DateTime('UTC')
+)
+ENGINE = MergeTree
+    PARTITION BY toYYYYMM(created_at)
+    ORDER BY (website_id, toStartOfHour(created_at), session_id)
+    SETTINGS index_granularity = 8192;
+
+-- Performance hourly aggregation
+CREATE TABLE umami.website_performance_hourly
+(
+    website_id UUID,
+    url_path String,
+    lcp_p50 AggregateFunction(quantile(0.5), Nullable(Decimal(10, 1))),
+    lcp_p75 AggregateFunction(quantile(0.75), Nullable(Decimal(10, 1))),
+    lcp_p95 AggregateFunction(quantile(0.95), Nullable(Decimal(10, 1))),
+    inp_p50 AggregateFunction(quantile(0.5), Nullable(Decimal(10, 1))),
+    inp_p75 AggregateFunction(quantile(0.75), Nullable(Decimal(10, 1))),
+    inp_p95 AggregateFunction(quantile(0.95), Nullable(Decimal(10, 1))),
+    cls_p50 AggregateFunction(quantile(0.5), Nullable(Decimal(10, 4))),
+    cls_p75 AggregateFunction(quantile(0.75), Nullable(Decimal(10, 4))),
+    cls_p95 AggregateFunction(quantile(0.95), Nullable(Decimal(10, 4))),
+    fcp_p50 AggregateFunction(quantile(0.5), Nullable(Decimal(10, 1))),
+    fcp_p75 AggregateFunction(quantile(0.75), Nullable(Decimal(10, 1))),
+    fcp_p95 AggregateFunction(quantile(0.95), Nullable(Decimal(10, 1))),
+    ttfb_p50 AggregateFunction(quantile(0.5), Nullable(Decimal(10, 1))),
+    ttfb_p75 AggregateFunction(quantile(0.75), Nullable(Decimal(10, 1))),
+    ttfb_p95 AggregateFunction(quantile(0.95), Nullable(Decimal(10, 1))),
+    sample_count SimpleAggregateFunction(sum, UInt64),
+    created_at DateTime('UTC')
+)
+ENGINE = AggregatingMergeTree
+    PARTITION BY toYYYYMM(created_at)
+    ORDER BY (website_id, toStartOfHour(created_at), url_path)
+    SETTINGS index_granularity = 8192;
+
+CREATE MATERIALIZED VIEW umami.website_performance_hourly_mv
+TO umami.website_performance_hourly
+AS
+SELECT
+    website_id,
+    url_path,
+    quantileState(0.5)(lcp) as lcp_p50,
+    quantileState(0.75)(lcp) as lcp_p75,
+    quantileState(0.95)(lcp) as lcp_p95,
+    quantileState(0.5)(inp) as inp_p50,
+    quantileState(0.75)(inp) as inp_p75,
+    quantileState(0.95)(inp) as inp_p95,
+    quantileState(0.5)(cls) as cls_p50,
+    quantileState(0.75)(cls) as cls_p75,
+    quantileState(0.95)(cls) as cls_p95,
+    quantileState(0.5)(fcp) as fcp_p50,
+    quantileState(0.75)(fcp) as fcp_p75,
+    quantileState(0.95)(fcp) as fcp_p95,
+    quantileState(0.5)(ttfb) as ttfb_p50,
+    quantileState(0.75)(ttfb) as ttfb_p75,
+    quantileState(0.95)(ttfb) as ttfb_p95,
+    count() as sample_count,
+    toStartOfHour(created_at) as created_at
+FROM umami.website_performance
+GROUP BY website_id, url_path, toStartOfHour(created_at);

prisma/migrations/18_add_performance/migration.sql

@@ -0,0 +1,28 @@
+-- CreateTable
+CREATE TABLE "performance" (
+    "performance_id" UUID NOT NULL,
+    "website_id" UUID NOT NULL,
+    "session_id" UUID NOT NULL,
+    "visit_id" UUID NOT NULL,
+    "url_path" VARCHAR(500) NOT NULL,
+    "lcp" DECIMAL(10,1),
+    "inp" DECIMAL(10,1),
+    "cls" DECIMAL(10,4),
+    "fcp" DECIMAL(10,1),
+    "ttfb" DECIMAL(10,1),
+    "created_at" TIMESTAMPTZ(6) DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "performance_pkey" PRIMARY KEY ("performance_id")
+);
+
+-- CreateIndex
+CREATE INDEX "performance_website_id_idx" ON "performance"("website_id");
+
+-- CreateIndex
+CREATE INDEX "performance_session_id_idx" ON "performance"("session_id");
+
+-- CreateIndex
+CREATE INDEX "performance_website_id_created_at_idx" ON "performance"("website_id", "created_at");
+
+-- CreateIndex
+CREATE INDEX "performance_website_id_url_path_created_at_idx" ON "performance"("website_id", "url_path", "created_at");

prisma/schema.prisma

@@ -47,6 +47,7 @@ model Session {
 
   websiteEvents WebsiteEvent[]
   sessionData   SessionData[]
+  performance   Performance[]
   revenue       Revenue[]
 
   @@index([createdAt])
@@ -78,11 +79,12 @@ model Website {
   user        User?         @relation("user", fields: [userId], references: [id])
   createUser  User?         @relation("createUser", fields: [createdBy], references: [id])
   team        Team?         @relation(fields: [teamId], references: [id])
-  eventData   EventData[]
-  reports     Report[]
-  revenue     Revenue[]
-  segments    Segment[]
-  sessionData SessionData[]
+  eventData    EventData[]
+  performance  Performance[]
+  reports      Report[]
+  revenue      Revenue[]
+  segments     Segment[]
+  sessionData  SessionData[]
 
   @@index([userId])
   @@index([teamId])
@@ -338,6 +340,29 @@ model Board {
   @@map("board")
 }
 
+model Performance {
+  id        String    @id() @map("performance_id") @db.Uuid
+  websiteId String    @map("website_id") @db.Uuid
+  sessionId String    @map("session_id") @db.Uuid
+  visitId   String    @map("visit_id") @db.Uuid
+  urlPath   String    @map("url_path") @db.VarChar(500)
+  lcp       Decimal?  @db.Decimal(10, 1)
+  inp       Decimal?  @db.Decimal(10, 1)
+  cls       Decimal?  @db.Decimal(10, 4)
+  fcp       Decimal?  @db.Decimal(10, 1)
+  ttfb      Decimal?  @db.Decimal(10, 1)
+  createdAt DateTime? @default(now()) @map("created_at") @db.Timestamptz(6)
+
+  website Website @relation(fields: [websiteId], references: [id])
+  session Session @relation(fields: [sessionId], references: [id])
+
+  @@index([websiteId])
+  @@index([sessionId])
+  @@index([websiteId, createdAt])
+  @@index([websiteId, urlPath, createdAt])
+  @@map("performance")
+}
+
 model Share {
   id         String    @id() @map("share_id") @db.Uuid
   entityId   String    @map("entity_id") @db.Uuid

public/intl/messages/en-US.json

@@ -44,6 +44,7 @@
     "cities": "Cities",
     "city": "City",
     "clear-all": "Clear all",
+    "cls": "CLS",
     "cohort": "Cohort",
     "cohorts": "Cohorts",
     "compare": "Compare",
@@ -114,6 +115,7 @@
     "exists": "Exists",
     "exit": "Exit page",
     "false": "False",
+    "fcp": "FCP",
     "field": "Field",
     "fields": "Fields",
     "filter": "Filter",
@@ -127,6 +129,7 @@
     "funnels": "Funnels",
     "goal": "Goal",
     "goals": "Goals",
+    "good": "Good",
     "goals-description": "Track your goals for pageviews and events.",
     "greater-than": "Greater than",
     "greater-than-equals": "Greater than or equals",
@@ -138,6 +141,7 @@
     "insight": "Insight",
     "insights": "Insights",
     "insights-description": "Dive deeper into your data by using segments and filters.",
+    "inp": "INP",
     "invalid-url": "Invalid URL",
     "is": "Is",
     "is-false": "Is false",
@@ -158,6 +162,7 @@
     "last-hours": "Last {x} hours",
     "last-months": "Last {x} months",
     "last-seen": "Last seen",
+    "lcp": "LCP",
     "leave": "Leave",
     "leave-team": "Leave team",
     "less-than": "Less than",
@@ -186,6 +191,7 @@
     "my-account": "My account",
     "my-websites": "My websites",
     "name": "Name",
+    "needs-improvement": "Needs improvement",
     "new-password": "New password",
     "none": "None",
     "number-of-records": "{x} {x, plural, one {record} other {records}}",
@@ -212,8 +218,10 @@
     "password": "Password",
     "path": "Path",
     "paths": "Paths",
+    "performance": "Performance",
     "pixel": "Pixel",
     "pixels": "Pixels",
+    "poor": "Poor",
     "powered-by": "Powered by {name}",
     "preferences": "Preferences",
     "previous": "Previous",
@@ -250,6 +258,7 @@
     "save": "Save",
     "save-cohort": "Save cohort",
     "save-segment": "Save segment",
+    "sample-size": "Sample size",
     "screen": "Screen",
     "screens": "Screens",
     "search": "Search",
@@ -308,6 +317,7 @@
     "transfer": "Transfer",
     "transfer-website": "Transfer website",
     "true": "True",
+    "ttfb": "TTFB",
     "type": "Type",
     "unique": "Unique",
     "unique-events": "Unique events",

src/app/(main)/websites/[websiteId]/(reports)/performance/Performance.module.css

@@ -0,0 +1,3 @@
+.sampleCount {
+  color: var(--base-color-text-secondary);
+}