(function() { var PSI_GOOD = { fcp: 1800, lcp: 2.5, cls: 0.1, inp: 200, ttfb: 800 }; function evaluateRatings(m) { var lcpVal = m.lcpMs ? m.lcpMs : (m.lcp > 100 ? m.lcp : m.lcp * 1000); return { fcp: m.fcp <= PSI_GOOD.fcp ? 'good' : (m.fcp <= 3000 ? 'needs-improvement' : 'poor'), lcp: lcpVal <= 2500 ? 'good' : (lcpVal <= 4000 ? 'needs-improvement' : 'poor'), cls: m.cls <= PSI_GOOD.cls ? 'good' : (m.cls <= 0.25 ? 'needs-improvement' : 'poor'), inp: m.inp <= PSI_GOOD.inp ? 'good' : (m.inp <= 500 ? 'needs-improvement' : 'poor'), ttfb: m.ttfb <= PSI_GOOD.ttfb ? 'good' : (m.ttfb <= 1800 ? 'needs-improvement' : 'poor') }; } window.__LOCAL_METRICS__ = { lcp: 0, lcpMs: 0, cls: 0, inp: 0, fcp: 0, ttfb: 0, ratings: { fcp: 'good', lcp: 'good', cls: 'good', inp: 'good', ttfb: 'good' }, isGoodCondition: true, lcpElement: null, shifts: [] }; function updateRatings() { window.__LOCAL_METRICS__.ratings = evaluateRatings(window.__LOCAL_METRICS__); var r = window.__LOCAL_METRICS__.ratings; window.__LOCAL_METRICS__.isGoodCondition = ( r.fcp === 'good' && r.lcp === 'good' && r.cls === 'good' && r.inp === 'good' && r.ttfb === 'good' ); if (typeof window.dispatchEvent === 'function') { try { window.dispatchEvent(new CustomEvent('web-vitals-update', { detail: window.__LOCAL_METRICS__ })); } catch(e) {} } } // Track Navigation Timing (TTFB) if (window.performance && window.performance.getEntriesByType) { var nav = window.performance.getEntriesByType('navigation')[0]; if (nav) { window.__LOCAL_METRICS__.ttfb = Math.round(nav.responseStart - nav.requestStart); updateRatings(); } } // Track FCP & LCP via PerformanceObserver if (typeof PerformanceObserver !== 'undefined') { try { // Paint Observer (FCP) var paintObserver = new PerformanceObserver(function(entryList) { var entries = entryList.getEntries(); for (var i = 0; i < entries.length; i++) { if (entries[i].name === 'first-contentful-paint') { window.__LOCAL_METRICS__.fcp = Math.round(entries[i].startTime); updateRatings(); } } }); paintObserver.observe({ type: 'paint', buffered: true }); // Largest Contentful Paint (LCP) var lcpObserver = new PerformanceObserver(function(entryList) { var entries = entryList.getEntries(); if (entries.length > 0) { var lastEntry = entries[entries.length - 1]; window.__LOCAL_METRICS__.lcp = +(lastEntry.startTime / 1000).toFixed(2); window.__LOCAL_METRICS__.lcpMs = Math.round(lastEntry.startTime); window.__LOCAL_METRICS__.lcpElement = lastEntry.element ? (lastEntry.element.id ? '#' + lastEntry.element.id : lastEntry.element.tagName.toLowerCase()) : 'hero_section'; updateRatings(); } }); lcpObserver.observe({ type: 'largest-contentful-paint', buffered: true }); // Cumulative Layout Shift (CLS) var clsObserver = new PerformanceObserver(function(entryList) { var entries = entryList.getEntries(); for (var i = 0; i < entries.length; i++) { if (!entries[i].hadRecentInput) { window.__LOCAL_METRICS__.cls = +(window.__LOCAL_METRICS__.cls + entries[i].value).toFixed(4); window.__LOCAL_METRICS__.shifts.push({ score: entries[i].value, sources: entries[i].sources }); updateRatings(); } } }); clsObserver.observe({ type: 'layout-shift', buffered: true }); // Interaction to Next Paint (INP) var inpObserver = new PerformanceObserver(function(entryList) { var entries = entryList.getEntries(); for (var i = 0; i < entries.length; i++) { if (entries[i].duration > window.__LOCAL_METRICS__.inp) { window.__LOCAL_METRICS__.inp = Math.round(entries[i].duration); updateRatings(); } } }); inpObserver.observe({ type: 'event', buffered: true, durationThreshold: 16 }); } catch (e) {} } })();

Workfreaks

About Workfreaks

Open Vacancies at Workfreaks (0)