⚡️ Workers Cache: региональный кеш прямо перед воркером

Cloudflare запустил Workers Cache — слой кеширования, который размещается непосредственно перед точкой входа Cloudflare Worker и управляется стандартными HTTP-заголовками кеширования. Это позволяет кешировать ответы Workers на региональном уровне, снижая нагрузку на функциональность edge compute.

Технически кеш построен как regionally tiered cache: он работает на уровне региона, улучшая hit ratio и уменьшая задержку по сравнению с централизованным кешем. Настройка выполняется через знакомые заголовки ответа — Cache-Control, CDN-Cache-Control, s-maxage, stale-while-revalidate и другие директивы — которые Worker выставляет в своём ответе. Никакой дополнительной инфраструктуры не требуется.

Для проектов, активно использующих Workers для API-гейтвеев, динамического HTML или персонализации, это прямой способ сократить TTFB и затраты на вычислительные ресурсы без внедрения отдельного CDN-слоя. Стоит проверить, можно ли безопасно кешировать ответы ваших Workers и добавить соответствующие заголовки — результат может быть заметен в метриках Web Vitals.

Источник

#CDN #Edge #Caching #WebPerf #Cloudflare

Проверь, что замедляет твой сайт @milten_io

🔍 Дешёвая модель и вымышленные спикеры: почему трейсы агентов важнее eval

Автор внедрил в бесплатный тир продукта более дешёвую LLM для генерации карточек спикеров конференций. Модель начала массово придумывать несуществующих людей, но стандартные автоматические оценки (eval) этого не обнаружили.

Проблема выявилась только при чтении трейсов агента — цепочек вызовов и рассуждений модели. Трейсы показали, что модель искала подтверждение вымышленным данным в ненадёжных источниках и зацикливалась на них. Такие баги почти невозможно покрыть наборами eval-кейсов, потому что они проявляются в сложных многозвенных сценариях.

При развёртывании AI-агентов нельзя полагаться только на Eval-пайплайны. Инструментирование с полным трассировочным контекстом (подход, аналогичный OpenTelemetry в веб-приложениях) необходимо для обнаружения галлюцинаций и деградаций в продакшене. Особенно это критично при переходе на более быстрые, но менее точные модели.

Источник

#Observability #Tracing #DevTools

Проверь, что замедляет твой сайт @milten_io

🚀 Next.js уже собирает трейсы. Как их выгрузить в Sentry через OpenTelemetry

Next.js автоматически создаёт спаны для серверных операций — обработки запросов, рендеринга, API-роутов. Но без настройки экспорта эти данные остаются внутри процесса.

С пакетом @vercel/otel трейсы передаются в любой OTLP-совместимый бэкенд: Sentry, Grafana Tempo, Jaeger. Интеграция минимальна — достаточно обернуть приложение и указать endpoint.

Это даёт разработчикам готовый production-трейсинг без самописных инструментов. Видно цепочки вызовов, время выполнения операций, узкие места в Next.js API. Полезно для отладки медленных страниц и поиска N+1 запросов.

Источник

#NextJS #OpenTelemetry #Observability #WebPerf #Frontend

Проверь, что замедляет твой сайт @milten_io

🤖 Lighthouse добавил аудит для AI-агентов

Chrome представил тулкит для проверки готовности сайтов к взаимодействию с AI. Lighthouse получил новую категорию «Agentic browsing», а расширение Chrome DevTools for agents помогает симулировать поведение агента в браузере.

Категория аудитов проверяет, насколько хорошо страница структурирована для AI-агента: доступность, семантические элементы, наличие aria-атрибутов, ясность навигации, интерактивные элементы и структурированные данные. DevTools показывает дерево доступности, на которое опирается агент, и подсвечивает потенциальные проблемы.

Оптимизация под агентов становится новым слоем технического SEO. Сайты, которые агенты не могут корректно прочитать и активировать, рискуют потерять видимость в AI-powered поиске и ассистентах. Проверьте свой сайт с новым инструментом уже сейчас — это влияет на будущее ранжирования и взаимодействия с пользователями через агентов.

Источник

#WebPerf #DevTools #SEO #Frontend #Lighthouse
Проверь, что замедляет твой сайт @milten_io

🗄️ Трейсинг запросов MongoDB в .NET через OpenTelemetry и Sentry

MongoDB-запросы в .NET часто остаются слепым пятном — без трассировки сложно понять, почему падает TTFB или откуда берутся ошибки тайм-аутов. Sentry теперь принимает трейсы по OTLP, что позволяет встроить детальный трейсинг прямо в существующий мониторинг.

Технически это реализуется через NuGet-пакет MongoDB.Driver.Core.Extensions.OpenTelemetry: он добавляет стандартные активности OpenTelemetry к каждому вызову драйвера. Достаточно зарегистрировать подписку при инициализации клиента и настроить экспорт трейсов через OTLP-экспортер в эндпоинт Sentry. В спан попадают текст команды, коллекция, длительность и статус выполнения.

Для команд разработки это означает сквозную видимость от фронтенда до базы: медленный запрос MongoDB теперь виден рядом с ошибкой в Sentry, можно выявить паттерны N+1 и отложенную загрузку. При оптимизации TTFB или устранении аномалий в ответах сервера такая трассировка резко сокращает время диагностики.

Источник

#Observability #Tracing #OpenTelemetry #Performance #Monitoring #Infrastructure

Проверь, что замедляет твой сайт @milten_io

📋 Структурированные логи: event name, severity, кастомные атрибуты

В статье Sentry описан прагматичный подход к структурированному логированию, который заменяет неструктурированные текстовые сообщения на машиночитаемые события.

Ключевые элементы: имена событий вида object_action (например, payment_created), чёткие уровни severity от debug до fatal, и обязательное добавление контекста — атрибутов вроде requestId, userId или durationMs. Авторы советуют внедрить линтер логов, проверяющий соответствие событий схеме (например, на CI), чтобы избежать ошибок форматирования.

Для команд разработки это означает единый стандарт логов, который упрощает поиск по инцидентам, агрегацию и корреляцию событий в observability-инструментах. Стоит адаптировать практику под свой стек и добавить проверки в пайплайн.

Источник

#Observability #Logging #Monitoring #DevTools #Reliability
Проверь, что замедляет твой сайт @milten_io

📜 Chrome halved scroll jank on Android: consistent input-to-frame delivery

В Chrome для Android удалось сократить рывки при скролле вдвое за счёт синхронизации входящих touch-событий с циклом вертикальной синхронизации (vsync). Раньше событие могло приходить после сигнала начала кадра, и композитор использовал устаревшие координаты.

Техническая суть — изменение планировщика ввода: теперь каждое событие touchmove гарантированно доставляется до генерации очередного фрейма, исключая «stale frames». Это особенно заметно на устройствах с частотой опроса сенсора 120 Гц и выше, где рассинхрон проявлялся сильнее.

Для сайтов и приложений это автоматическое улучшение плавности скролла на Android без вмешательства разработчиков. Метрика INP напрямую выигрывает от снижения задержек ввода, что может улучшить Core Web Vitals. При этом длинные задачи JS, блокирующие главный поток, остаются главной причиной джанка на стороне клиента.

Источник

#WebPerf #CoreWebVitals #BrowserAPI #Android #Frontend #Chrome

Проверь, что замедляет твой сайт @milten_io

🔗 Загрузка страницы: DNS, TCP, TLS, HTTP и браузерные движки

Когда вы кликаете по ссылке, Chrome запускает цепочку сетевых протоколов и внутренних механизмов, чтобы превратить URL в интерактивную страницу.
Сначала DNS преобразует домен в IP-адрес, затем через сетевой стек ОС и оборудование устанавливается TCP-соединение (трёхстороннее рукопожатие). Поверх TCP выполняется TLS-рукопожатие, после чего по HTTP отправляется запрос. Сервер возвращает HTML, CSS, JS, изображения и другие файлы — в заголовках могут передаваться cookie.

За обработку контента отвечают движки: Blink (рендеринг HTML/CSS), V8 (парсинг и выполнение JavaScript/WebAssembly) и Skia (отрисовка графики через GPU). WebGL используется для 2D/3D-графики. Понимание этого конвейера помогает находить узкие места: задержки DNS, лишние RTT при установке соединений, блокирующие ресурсы и тяжелый рендеринг. RUM- и synthetic-мониторинг позволяют изолировать вклад каждого этапа.

Источник

#WebPerf #BrowserInternals #Frontend #Networking #Rendering #JavaScript
Проверь, что замедляет твой сайт @milten_io

🐛 Автофикс 57 багов в Sentry через AI: результат

Команда Sentry применила собственный инструмент Seer к своему продукту и за один подход обработала 57 ошибок. После ревью и мёрджа автоматических PR в баг-трекере осталась только одна незакрытая задача.

Seer анализирует группы ошибок в Sentry, сопоставляет их с кодом в репозитории и генерирует патч. Для этого используется Cloud Coding Agent, который на основе предложенного исправления создаёт Pull Request. В текущей итерации из 57 предложенных PR 43 были приняты без правок или с минимальными изменениями, остальные отклонены или требовали ручной доработки.

Для команд, уже использующих Sentry, это способ сократить time-to-fix и разгрузить разработчиков от рутинных исправлений. Однако полностью полагаться на автоматику опасно: патчи требует ревью, а доступные языки и фреймворки пока ограничены бета-программой Seer. Тренд на AI-ассистентов в observability усиливается — стоит оценить потенциальную экономию времени на своём проекте.

Источник

#Observability #DevTools #Reliability #Monitoring

Проверь, что замедляет твой сайт @milten_io

📦 Тест сжатия по словарям: проверяем RFC 9842

Патрик Минан выпустил compdict — инструмент для тестирования поддержки Compression Dictionary Transport (RFC 9842). Это метод сжатия HTTP-ответов, использующий предварительно согласованные словари для сокращения объёма передаваемых данных.

Технология работает через заголовок Use-As-Dictionary: сервер указывает, что ответ может быть использован как словарь для будущих запросов того же пути. Клиент сохраняет его и последующие ответы сжимаются с помощью Brotli или Zstd с учётом этого словаря, что позволяет уменьшить размер на 80-90% для инкрементальных обновлений кода. compdict проверяет корректность заголовков, доступность словарей, оценивает эффективность сжатия и совместимость с текущими версиями браузеров.

Для проектов с частыми релизами JS-бандлов или CSS это прямое улучшение метрик загрузки без увеличения нагрузки на CPU. Если ваш CDN или origin поддерживает RFC 9842, включение словарного сжатия может сократить время загрузки ресурсов и улучшить LCP. Используйте compdict для аудита текущего состояния и настройки.

Источник

#WebPerf #Compression #CoreWebVitals #HTTP #CDN #Testing

Проверь, что замедляет твой сайт @milten_io

🔍 Chrome не показывает все блокирующие запросы

Chrome помечает как «render-blocking» только запросы, которые явно блокируют парсинг (синхронные скрипты и некоторые стили). Однако FCP и LCP на практике задерживают и другие ресурсы, которые отнимают пропускную способность или CPU, не получая метку.

Инструмент Bottleneck Finder от DebugBear анализирует сетевой водопад и определяет запросы, чей приоритет или положение в очереди негативно влияют на скорость отрисовки. Он находит файлы без метки блокировки, которые коррелируют с задержкой FCP, LCP или H1-visible.

Это позволяет выявить «скрытых виновников» — например, некритичные скрипты или шрифты, загружаемые до ключевых изображений. Их можно отложить или сдвинуть вниз по приоритету, чтобы ускорить первые кадры. Тонкая настройка таких узких мест даёт прирост без изменения структуры DOM.

Источник

#WebPerf #CoreWebVitals #LCP #FCP #SyntheticMonitoring #DevTools

Проверь, что замедляет твой сайт @milten_io

🌐 Сетевая конкуренция: почему даже быстрые компоненты замедляют загрузку

Современные веб-приложения собираются из множества независимых частей: собственный код, аналитика, сторонние скрипты, изображения, видео. Даже если каждый компонент по отдельности оптимизирован, при совместной загрузке они начинают конкурировать за сетевые ресурсы — время загрузки страницы может значительно возрасти.

Проблема кроется в ограничениях браузера на число одновременных сетевых соединений к домену, очередях запросов и приоритизации. Сторонние скрипты и медиа могут перехватывать пропускную способность, блокируя рендеринг или задерживая загрузку основного контента. Материал предлагает подходы к выявлению таких узких мест через анализ сетевого водопада и метрик Core Web Vitals.

Разработчикам стоит регулярно аудировать все сетевые запросы на ключевых страницах, оценивать влияние third-party на LCP и TTI, избегать цепочек долгих последовательных запросов. Даже незначительное изменение порядка загрузки или использование resource hints (preconnect, dns-prefetch) может заметно улучшить восприятие скорости пользователем.

Источник

#WebPerf #CoreWebVitals #NetworkEfficiency #ThirdParty #Monitoring
Проверь, что замедляет твой сайт @milten_io

🔗 Sentry связала OTel-спаны и ошибки в одном трейсе

Sentry представила интеграцию OtlpIntegration для связи OTel-трассировки с собственными ошибками. Теперь в интерфейсе Sentry можно увидеть полный трейс, включающий как спаны OpenTelemetry, так и зафиксированные ошибки, без переключения между инструментами.

Интеграция добавляется в Sentry SDK через Sentry.init() и принимает OTLP-трассировку от вашего приложения автоматически. Спаны и ошибки связываются по trace_id и span_id, контекст передаётся через стандартные заголовки W3C Trace Context. Дополнительно настраивать экспорт спанов в Sentry не требуется — достаточно включить OtlpIntegration и отправлять телеметрию в Sentry-совместимый OTLP endpoint.

Для команд, использующих OpenTelemetry для трейсинга и Sentry для мониторинга ошибок, это означает единое окно диагностики проблем. Больше не нужно сопоставлять трейс из Jaeger или Grafana с Sentry-ошибкой вручную: всё доступно в одном waterfall-представлении, что ускоряет поиск первопричины.

Источник

#Observability #OpenTelemetry #Tracing #Monitoring #DevTools

Проверь, что замедляет твой сайт @milten_io

🤖 Sentry автоматизирует дебаг: поиск ошибок и PR с исправлением

Sentry представила автоматизированный воркфлоу отладки, который самостоятельно находит ошибки в коде, анализирует их и генерирует готовый pull request с исправлением. Решение уже используется внутри компании.

В основе — система Seer autofix и Claude routines от Anthropic. При обнаружении ошибки Seer собирает трейс, контекст исполнения и исходный код, а Claude анализирует причину и предлагает конкретное изменение. Результат оформляется как PR в GitHub, который остаётся только просмотреть и применить.

Для команд, использующих Sentry, это означает потенциальное сокращение time-to-fix и снижение рутины при разборе инцидентов. Даже частичная автоматизация PR с исправлениями ускоряет реакцию на баги в production и высвобождает время на более сложные задачи.

Источник

#Observability #DevTools #ErrorTracking #Sentry
Проверь, что замедляет твой сайт @milten_io

🔍 Lighthouse для AI-агентов: автоматический аудит и категория agentic browsing

Lighthouse теперь доступен через Chrome DevTools for Agents: AI-кодинг-агенты могут автономно запускать аудиты качества и сразу исправлять обнаруженные проблемы.

Агентам доступны аудиты accessibility, SEO, best practices и новая экспериментальная категория agentic browsing. Для performance DevTools for Agents рекомендует специализированные performance tracing tools вместо Lighthouse. Agentic browsing оценивает accessibility tree, стабильность layout и корректность tool definitions для Model Context Protocol — это критично для безотказного взаимодействия AI-агентов с сайтом.

Разработчики могут встроить такие проверки в процесс: запросить у агента аудит доступности или SEO и получить готовый PR с исправлениями, а категория agentic browsing позволит подготовить сайт к эпохе AI-агентов, снизив риск сбоев при автоматизированных визитах.

Источник

#WebPerf #DevTools #Lighthouse #AI #SEO #Accessibility

Проверь, что замедляет твой сайт @milten_io

📁 HAR: сохраняем и анализируем сетевые трассировки

HAR-файлы (HTTP Archive) — стандартный способ сохранить и передать детальные логи всех сетевых запросов, выполненных в браузере. Они незаменимы при отладке проблем производительности, ошибок API и воспроизведении пользовательских сценариев.

Файл представляет собой JSON-документ с массивом записей, каждая из которых содержит полный URL, заголовки, код ответа, точные временные метки фаз (DNS, TCP, TTFB, загрузка) и размеры тел. Генерация: DevTools → Network, воспроизведите проблему и выберите Export HAR (в Safari предварительно включите Preserve Log). Открыть HAR можно в текстовом редакторе, но удобнее использовать онлайн-анализаторы вроде Google HAR Analyzer или импортировать обратно в DevTools.

Такой слепок трафика позволяет точечно разобраться, почему задержан LCP, проверить каскад редиректов, обнаружить медленные серверные ответы или блокирующие запросы. Если вы в саппорте или проводите код-ревью проблем производительности, запрашивайте HAR у пользователя — он даст гораздо больше контекста, чем скриншот или номер ошибки.

Источник

#WebPerf #DevTools #Frontend #Tracing #Reliability

Проверь, что замедляет твой сайт @milten_io

📌 Sentry Logs: pinning, JSONL-экспорт и поиск на терабайтах

Разбор инцидентов по логам часто упирается в то, что нужная строка теряется в потоке, а выгрузка данных для внешнего анализа требует ручной работы. Летний апдейт Sentry Logs добавляет три заметных инструмента: закрепление записей, экспорт в JSONL и поиск по терабайтным объёмам.

Log pinning фиксирует конкретные записи, чтобы они не терялись при навигации по инциденту. JSONL-экспорт позволяет забирать сырые логи в собственные пайплайны обработки, а поиск рассчитан на хранилища терабайтного масштаба. Плюс около дюжины usability-улучшений интерфейса.

Для команд на Sentry это меньше ручной возни при инцидент-ревью и больше возможностей удерживать контекст при разборе больших объёмов. Если вы работаете с долгим retention или экспортируете логи во внешние системы, стоит проверить, как новые возможности ложатся на ваши сценарии поиска и выгрузки.

Источник

#Observability #Monitoring #Reliability

Проверь, что замедляет твой сайт @milten_io

📉 LCP: Shopify лениво загружает видео вне вьюпорта

Chrome начал поддерживать нативный loading="lazy" для видеоэлементов, и Shopify уже полностью развернул это в Liquid: фильтр video_tag автоматически добавляет атрибут для роликов ниже первого экрана.

Видео вне вьюпорта не начинают загружаться, пока пользователь к ним не приблизится, поэтому тяжёлые видеоресурсы перестают конкурировать с LCP-элементом за сеть и обработку кадра. По данным Shopify, real-user метрики подтверждают улучшение LCP.

Владельцам Shopify-тем важно не переопределять video_tag собственными обёртками, чтобы не потерять lazy loading. Остальным стоит проверить в RUM, как видео блокирует LCP на мобильных, и заменить кастомную JS-ленивую загрузку на нативный атрибут.

Источник

#WebPerf #CoreWebVitals #Frontend #BrowserAPI

Проверь, что замедляет твой сайт @milten_io

🤖 Автотриаж 800 диалогов AI-агентов за ночь

Sentry автоматически разобрала 800 диалогов AI-агентов за ночь: Claude Routine через Sentry MCP классифицировала разговоры и создавала баг-репорты без ручного участия.

Для этого данные Agent Tracing подаются в Claude Routine через Sentry MCP. Routine оценивает каждый диалог, определяет проблемы и фиксирует их как баги. В результате разбор инцидентов ускоряется, а инженеры получают готовые тикеты.

Для команд, использующих LLM-агентов, это практический пример связки трассировки и автоматизированного триажа: можно сократить ручной мониторинг сессий и быстрее находить повторяющиеся сбои. Подход стоит учесть при построении observability для агентных систем.

Источник

#Observability #Tracing #DevTools #Reliability

Проверь, что замедляет твой сайт @milten_io

🤖 Chrome DevTools MCP сам перезагружает расширения

Ручной цикл «поправил manifest — перезагрузил — проверил» исчезает: Chrome DevTools for Agents через MCP даёт coding agent прямой доступ к установке, удалению, перезагрузке и отладке расширений прямо в Chrome.

Под капотом два компонента. Modern Web Guidance добавляет агенту extension skill с актуальными best practices и данными о совместимости браузерных API. Chrome DevTools for Agents добавляет MCP-инструменты для extensions: достаточно включить category extensions в конфиге, например в .gemini/config/mcpconfig.json, после чего агент пишет код, сам перезагружает расширение и проверяет состояние в открытой браузерной сессии.

Для разработчиков расширений с Codex, Cloud Code или Antigravity это убирает ручную перезагрузку и ускоряет итерации. Перед запуском агента стоит включить extension skill pack через CLI Modern Web Guidance и просмотреть implementation plan, который предлагает агент.

Источник

#DevTools #BrowserAPI #Frontend #JavaScript

Проверь, что замедляет твой сайт @milten_io