(function(){ var endpoint = "/api/performance"; var uxCount = 0; var uxLastSent = 0; var uxSessionKey = "compora_ux_session_id"; function sessionId() { try { var saved = window.sessionStorage.getItem(uxSessionKey); if (saved) return saved; var next = "ux_" + Date.now().toString(36) + "_" + Math.random().toString(36).slice(2, 10); window.sessionStorage.setItem(uxSessionKey, next); return next; } catch (error) { return "ux_no_session"; } } function cleanLabel(value) { return String(value || "") .replace(/\s+/g, " ") .replace(/[\r\n\t]/g, " ") .trim() .slice(0, 80); } function rating(name, value) { if (name === "CLS") return value <= 0.1 ? "good" : value <= 0.25 ? "needs-improvement" : "poor"; if (name === "INP") return value <= 200 ? "good" : value <= 500 ? "needs-improvement" : "poor"; if (name === "LCP") return value <= 2500 ? "good" : value <= 4000 ? "needs-improvement" : "poor"; if (name === "FCP") return value <= 1800 ? "good" : value <= 3000 ? "needs-improvement" : "poor"; if (name === "TTFB") return value <= 800 ? "good" : value <= 1800 ? "needs-improvement" : "poor"; return "unknown"; } function send(payload) { payload.path = location.pathname; var body = JSON.stringify(payload); if (navigator.sendBeacon) { var blob = new Blob([body], { type: "application/json" }); if (navigator.sendBeacon(endpoint, blob)) return; } fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: body, keepalive: true }).catch(function(){}); } function sendUx(label) { var now = Date.now(); if (!label || uxCount >= 80 || now - uxLastSent < 250) return; uxCount += 1; uxLastSent = now; send({ type: "UX_EVENT", message: label, sessionId: sessionId() }); } function observe(name, entryType, read) { if (!("PerformanceObserver" in window)) return; try { var observer = new PerformanceObserver(function(list) { var entries = list.getEntries(); var entry = entries[entries.length - 1]; if (!entry) return; var value = read(entry); if (typeof value !== "number" || !isFinite(value)) return; send({ type: "WEB_VITAL", metric: name, value: Math.round(value * 100) / 100, rating: rating(name, value) }); }); observer.observe({ type: entryType, buffered: true }); } catch (error) {} } observe("LCP", "largest-contentful-paint", function(entry){ return entry.startTime; }); observe("CLS", "layout-shift", function(entry){ return entry.hadRecentInput ? 0 : entry.value; }); observe("INP", "event", function(entry){ return entry.duration; }); setTimeout(function(){ var nav = performance.getEntriesByType && performance.getEntriesByType("navigation")[0]; if (nav) send({ type: "WEB_VITAL", metric: "TTFB", value: Math.round(nav.responseStart), rating: rating("TTFB", nav.responseStart) }); var paint = performance.getEntriesByName && performance.getEntriesByName("first-contentful-paint")[0]; if (paint) send({ type: "WEB_VITAL", metric: "FCP", value: Math.round(paint.startTime), rating: rating("FCP", paint.startTime) }); }, 3500); window.addEventListener("error", function(event) { send({ type: "CLIENT_ERROR", message: String(event.message || "Script error").slice(0, 450) }); }); window.addEventListener("unhandledrejection", function(event) { var reason = event.reason && (event.reason.message || event.reason.toString && event.reason.toString()); send({ type: "CLIENT_ERROR", message: String(reason || "Unhandled promise rejection").slice(0, 450) }); }); document.addEventListener("click", function(event) { var target = event.target && event.target.closest ? event.target.closest("button,a,summary,[role='button'],input[type='submit']") : null; if (!target) return; if (target.closest && target.closest(".adminPage")) return; var label = cleanLabel(target.getAttribute("data-analytics") || target.getAttribute("aria-label") || target.innerText || target.textContent || target.getAttribute("href") || target.name || target.id); if (!label) return; var tag = target.tagName ? target.tagName.toLowerCase() : "element"; sendUx(tag + ": " + label); }, { capture: true, passive: true }); })();

Računalniški forum

Vse teme

Odpri novo temo