12 постов

#перформанс

Статьи с тегом #перформанс.

← Все статьи

(01) Реальные мобильные скорости в РФ — 3G и ниже всё ещё существуют Замеряем сайт на офисном Wi-Fi 200 Мбит, всё летает. Реальный пользователь сидит в электричке на 2G, в подвальном ТЦ на EDGE, в городе с переполненной 4G-вышкой. По данным операторов и Roskomswoboda 2025, 12-18% мобильного трафика в РФ — это скорости ниже 1 Мбит/с. Что это значит для дизайна сайта и где у нас расходится теория с практикой. (02) Web Workers для тяжёлых вычислений в браузере — когда и как Парсинг 50 МБ CSV, кадрирование 200 фотографий, генерация PDF, сжатие, шифрование — всё это блокирует UI, если делать в основном потоке. Web Workers вытаскивают вычисления в фон, страница не подвисает. Разбираем, когда воркеры реально помогают, а когда — overkill, и как их подружить с React/Vue. (03) PageSpeed Insights — что красное надо чинить, а что можно проигнорить PageSpeed Insights показывает 25-40 пунктов, большая часть красная даже у крупных сайтов. Половина из них реально влияет на UX, половина — академические нюансы. Разбираем, что чинить в первую очередь, что во вторую и что можно спокойно игнорировать. (04) Сайт открывается 6 секунд — где именно теряем время «Сайт тормозит» — общая жалоба. Конкретные секунды теряются в 5-6 типовых местах: DNS, TLS, TTFB, шрифты, JS, картинки. Разбираем по этапам с реальной разбивкой, что тратит больше всего, и куда смотреть в первую очередь. (05) Как скорость сайта влияет на продажи — реальные цифры из исследований «Скорость важна» — это очевидно, но насколько именно? Google, Amazon, Walmart, Booking регулярно публикуют замеры. Цифры пугающие: +1 секунда к загрузке = −20% к конверсии в e-commerce, −30% к мобильному поиску. Разбираем, что значит каждая секунда для бизнеса. (06) Анимации на CSS scroll-driven — без библиотек Раньше для анимации по скроллу тянули GSAP, Lenis, ScrollTrigger — 50–120 КБ JS. В 2026 нативный CSS `animation-timeline: scroll()` и `view()` закрывают 80% задач без единой строки JS. Разбираем синтаксис, поддержку и реальные кейсы. (07) Server Components в продакшене — где помогают, где мешают React Server Components обещают меньше JS на клиенте, нативный доступ к БД и быстрый TTFB. На практике — половина команд возвращается на SSR-only. Разбираем, где RSC выигрывают, где ловушки. (08) Локальный хостинг шрифтов и иконок — простая инструкция Перенести шрифты и иконки с Google Fonts и FontAwesome к себе на сервер — 1-2 часа работы. Зависит сайт от зарубежных CDN не будет, плюс +200-500 мс к скорости загрузки. Пошаговая инструкция. (09) Сайт без внешних CDN — убираем Cloudflare, Google Fonts, jsDelivr Сайт грузит шрифт с fonts.googleapis.com, jQuery с jsDelivr, иконки с cdn.fontawesome.com — и в момент блокировки или фильтрации зарубежных CDN сайт ломается визуально и функционально. Разбираем, как убрать зависимости от внешних ресурсов за один день. (10) CDN внутри РФ: Selectel, Yandex Cloud, ITGLOBAL — настройка и нюансы Cloudflare и зарубежные CDN в РФ в 2026 работают нестабильно и не считаются «белыми». Внутренние российские CDN закрывают задачу: ускоряют сайт по регионам, защищают от DDoS, попадают в whitelist. Разбираем тройку лидеров. (11) Производительность 1С — типовые узкие места и как их искать «1С тормозит» — самая частая жалоба. Причина почти никогда не в самой платформе. Разбираем шесть типовых узких мест: блокировки, тяжёлые запросы, конфликты обмена, индексы, объёмы регистров, тонкий клиент. (12) Размер приложения и холодный старт — бюджет производительности 150 МБ APK и 4 секунды до первого экрана — это не «вырасли с фичами», это потеря 20-30% юзеров на первой установке. Разбираем, какой бюджет реально держать, что грузит размер сильнее всего и где экономить на старте.