(() => { try { const PERF_KEY = "cvet_perf_mode"; const PERF_AUTO_KEY = "cvet_perf_auto"; const PERF_PROBE_TS_KEY = "cvet_perf_probe_ts"; const PERF_PROBE_RESULT_KEY = "cvet_perf_probe_result"; const VISION_KEY = "cvet_vision_mode"; const MODE_LIST = ["lite", "balanced", "full"]; const root = document.documentElement; const params = new URLSearchParams(window.location.search || ""); const ua = navigator.userAgent || ""; const storedVision = window.localStorage.getItem(VISION_KEY); if (storedVision === "high-contrast") { root.setAttribute("data-vision", "high-contrast"); } else { root.removeAttribute("data-vision"); } const isTelegramWebView = /(Telegram|TelegramBot|TgWebView)/i.test(ua); const isAndroid = /Android/i.test(ua); const isAndroidGoOrOld = /Android\s(?:5|6|7|8|9|10)\b|Android\s.*\bGo\b/i.test(ua); const isSamsungBrowser = /SamsungBrowser/i.test(ua); const isYandexBrowser = /YaBrowser/i.test(ua); const isOperaBrowser = /OPR\//i.test(ua); const isTelegramAndroid = isTelegramWebView && isAndroid; const mem = Number(navigator.deviceMemory || 0); const cores = Number(navigator.hardwareConcurrency || 0); const conn = navigator.connection || navigator.mozConnection || navigator.webkitConnection; const saveData = Boolean(conn && conn.saveData); const type = conn && conn.effectiveType ? String(conn.effectiveType) : ""; const slowConnection = /(^|\b)(slow-2g|2g|3g)(\b|$)/i.test(type); const telegramUltraLite = isTelegramAndroid && ( (mem > 0 && mem <= 6) || (cores > 0 && cores <= 6) || saveData || slowConnection || isAndroidGoOrOld ); const ultraWeakDevice = ( (mem > 0 && mem <= 4) || (cores > 0 && cores <= 4) || (isAndroidGoOrOld && slowConnection) || (saveData && slowConnection) ); const weakDevice = ultraWeakDevice || (mem > 0 && mem <= 6) || (cores > 0 && cores <= 6) || slowConnection || saveData; const qualityProfile = telegramUltraLite || ultraWeakDevice ? "ultra_low" : weakDevice || isTelegramAndroid ? "low" : slowConnection ? "constrained" : "standard"; root.setAttribute("data-quality-profile", qualityProfile); const browserName = (() => { if (isTelegramWebView) return "telegram"; if (isSamsungBrowser) return "samsung"; if (isYandexBrowser) return "yandex"; if (isOperaBrowser) return "opera"; if (/EdgA?|EdgiOS/i.test(ua)) return "edge"; if (/Firefox|FxiOS/i.test(ua)) return "firefox"; if (/CriOS|Chrome/i.test(ua)) return "chrome"; if (/Safari/i.test(ua)) return "safari"; return "unknown"; })(); root.setAttribute("data-browser", browserName); const isMode = (value) => MODE_LIST.includes(String(value || "")); const setPerformanceMode = (mode) => { if (mode === "full") { root.removeAttribute("data-performance"); } else { root.setAttribute("data-performance", mode); } }; const setRuntimeMode = (mode) => { if (isTelegramWebView && isAndroid) { if (telegramUltraLite) { root.setAttribute("data-runtime", "telegram-ultra-lite"); try { const rawMode = root.getAttribute("data-performance"); const currentMode = rawMode === "lite" || rawMode === "balanced" ? rawMode : "full"; window.dispatchEvent(new CustomEvent("cvet:perf-mode-change", { detail: { mode: currentMode, runtime: "telegram-ultra-lite", quality_profile: qualityProfile } })); } catch (_error) { // no-op } return; } const telegramRuntime = mode === "full" ? "balanced" : mode; root.setAttribute("data-runtime", "telegram-" + telegramRuntime); try { const rawMode = root.getAttribute("data-performance"); const currentMode = rawMode === "lite" || rawMode === "balanced" ? rawMode : "full"; window.dispatchEvent(new CustomEvent("cvet:perf-mode-change", { detail: { mode: currentMode, runtime: "telegram-" + telegramRuntime, quality_profile: qualityProfile } })); } catch (_error) { // no-op } return; } if (isTelegramWebView) { root.setAttribute("data-runtime", "telegram-ios"); try { const rawMode = root.getAttribute("data-performance"); const currentMode = rawMode === "lite" || rawMode === "balanced" ? rawMode : "full"; window.dispatchEvent(new CustomEvent("cvet:perf-mode-change", { detail: { mode: currentMode, runtime: "telegram-ios", quality_profile: qualityProfile } })); } catch (_error) { // no-op } return; } root.removeAttribute("data-runtime"); try { const rawMode = root.getAttribute("data-performance"); const currentMode = rawMode === "lite" || rawMode === "balanced" ? rawMode : "full"; window.dispatchEvent(new CustomEvent("cvet:perf-mode-change", { detail: { mode: currentMode, runtime: "", quality_profile: qualityProfile } })); } catch (_error) { // no-op } }; const setRefreshTier = (hz) => { if (!Number.isFinite(hz) || hz <= 0) { root.removeAttribute("data-refresh-tier"); return; } const tier = hz >= 165 ? "165" : hz >= 140 ? "144" : hz >= 110 ? "120" : hz >= 85 ? "90" : "60"; root.setAttribute("data-refresh-tier", tier); }; const modeRank = (mode) => { if (mode === "lite") return 0; if (mode === "balanced") return 1; return 2; }; const downgradeMode = (mode) => (mode === "full" ? "balanced" : mode === "balanced" ? "lite" : "lite"); const upgradeMode = (mode) => (mode === "lite" ? "balanced" : mode === "balanced" ? "full" : "full"); const perfParam = params.get("perf"); if (perfParam === "auto") { window.localStorage.removeItem(PERF_KEY); window.localStorage.removeItem(PERF_AUTO_KEY); } else if (perfParam === "lite" || perfParam === "balanced" || perfParam === "full") { window.localStorage.setItem(PERF_KEY, perfParam); window.localStorage.removeItem(PERF_AUTO_KEY); setPerformanceMode(perfParam); setRuntimeMode(perfParam); return; } const forced = window.localStorage.getItem(PERF_KEY); if (isMode(forced)) { setPerformanceMode(forced); setRuntimeMode(forced); return; } const lowMemory = mem > 0 && mem <= 8; const midMemory = mem > 0 && mem <= 10; const lowCpu = cores > 0 && cores <= 6; const midCpu = cores > 0 && cores <= 8; const unknownHardwareBudget = isAndroid && mem === 0 && cores === 0; const shouldLite = isAndroid && ( lowMemory || lowCpu || saveData || slowConnection || isAndroidGoOrOld || unknownHardwareBudget ); const shouldBalancedBrowser = isAndroid && !shouldLite && ( (isSamsungBrowser || isYandexBrowser || isOperaBrowser) && (midMemory || midCpu || saveData || slowConnection) ); let recommendedMode = "full"; if (isTelegramAndroid) { // Telegram WebView usually renders heavier than Chrome on same hardware. // Start in lite for all Android devices; runtime probe can promote to balanced. recommendedMode = "lite"; } else if (shouldLite) { recommendedMode = "lite"; } else if (shouldBalancedBrowser) { recommendedMode = "balanced"; } const autoDetected = window.localStorage.getItem(PERF_AUTO_KEY); let autoMode = recommendedMode; if (isMode(autoDetected)) { if (isTelegramAndroid) { // In Telegram Android we cap auto mode based on runtime class. const maxMode = telegramUltraLite ? "lite" : "balanced"; autoMode = modeRank(autoDetected) > modeRank(maxMode) ? maxMode : autoDetected; } else { // Never keep an older mode that is heavier than current recommendation. autoMode = modeRank(autoDetected) > modeRank(recommendedMode) ? recommendedMode : autoDetected; } } if (autoMode === "full") { window.localStorage.removeItem(PERF_AUTO_KEY); } else { window.localStorage.setItem(PERF_AUTO_KEY, autoMode); } setPerformanceMode(autoMode); setRuntimeMode(autoMode); const sleep = (ms) => new Promise((resolve) => window.setTimeout(resolve, ms)); const measureLongTasks = async (ms) => { if (!("PerformanceObserver" in window)) { await sleep(ms); return 0; } let count = 0; let observer = null; try { observer = new PerformanceObserver((list) => { count += list.getEntries().length; }); observer.observe({ type: "longtask", buffered: true }); } catch (_error) { return 0; } await sleep(ms); if (observer) { observer.disconnect(); } return count; }; const shouldProbe = () => { const lastTs = Number(window.localStorage.getItem(PERF_PROBE_TS_KEY) || "0"); if (!Number.isFinite(lastTs) || lastTs <= 0) { return true; } return Date.now() - lastTs > 6 * 60 * 60 * 1000; }; const runProbe = async (baseMode) => { if (document.hidden || !("requestAnimationFrame" in window)) { return; } if (!shouldProbe()) { const cached = window.localStorage.getItem(PERF_PROBE_RESULT_KEY); if (cached) { try { const payload = JSON.parse(cached); if (payload && typeof payload.refresh_hz === "number") { setRefreshTier(payload.refresh_hz); } } catch (_error) { // no-op } } return; } const deltas = []; let last = performance.now(); for (let i = 0; i < 42; i += 1) { await new Promise((resolve) => requestAnimationFrame((ts) => { deltas.push(ts - last); last = ts; resolve(undefined); }), ); } const samples = deltas.slice(4).filter((value) => Number.isFinite(value) && value > 1 && value < 100); if (!samples.length) { return; } const sorted = [...samples].sort((a, b) => a - b); const avg = samples.reduce((sum, value) => sum + value, 0) / samples.length; const p95 = sorted[Math.min(sorted.length - 1, Math.floor(sorted.length * 0.95))]; const refreshHz = Math.round(1000 / Math.max(1, avg)); setRefreshTier(refreshHz); const longTasks = await measureLongTasks(1200); let nextMode = baseMode; const unstable = avg > 19 || p95 > 30 || longTasks >= 2; const excellent = avg < 13.5 && p95 < 20 && longTasks === 0; if (unstable) { nextMode = downgradeMode(baseMode); } else if (excellent) { nextMode = upgradeMode(baseMode); } if (isTelegramAndroid) { const maxMode = telegramUltraLite ? "lite" : "balanced"; if (modeRank(nextMode) > modeRank(maxMode)) { nextMode = maxMode; } } if (nextMode !== baseMode) { setPerformanceMode(nextMode); setRuntimeMode(nextMode); } if (nextMode === "full") { window.localStorage.removeItem(PERF_AUTO_KEY); } else { window.localStorage.setItem(PERF_AUTO_KEY, nextMode); } window.localStorage.setItem(PERF_PROBE_TS_KEY, String(Date.now())); window.localStorage.setItem( PERF_PROBE_RESULT_KEY, JSON.stringify({ avg_ms: Math.round(avg * 100) / 100, p95_ms: Math.round(p95 * 100) / 100, long_tasks: longTasks, refresh_hz: refreshHz, mode: nextMode, browser: browserName, ua_android: isAndroid, }), ); }; window.setTimeout(() => { void runProbe(autoMode); }, 900); } catch (_error) { // no-op } })();

Отзывы

Оставить отзыв

Отзывы клиентов