192 поста
(*) — Журнал
Журнал.
Заметки о вебе, автоматизации и ИИ от нашей команды.
(01)
Формы на телефоне — тип клавиатуры, автокомплит, минимум полей
Хорошая мобильная форма заполняется за 8-12 секунд. Плохая — за минуту с матерным выдохом. Разница в трёх вещах: правильный inputmode для каждого поля, autocomplete на нужные значения, и трезвый ответ на вопрос "а это поле точно нам нужно?". Разбираем по каждому пункту.
→
(02)
Зона большого пальца — почему важные кнопки должны быть внизу экрана
Большой палец легко достаёт нижнюю треть экрана, средне — середину, и почти не дотягивается до верха. Это база эргономики смартфона, которую игнорируют 80% сайтов. Кнопка "Заказать" вверху на iPhone 14 Pro Max — пользователь либо тянется второй рукой, либо забивает. Разбираем, где должны быть критичные элементы.
→
(03)
Мобильная версия в 2026 — отдельный сайт, адаптив или PWA
Когда-то делали m.site.ru рядом с основным. Потом победил адаптив. Сейчас всё чаще встречаем PWA. Разбираем три подхода: где каждый ещё жив, что выбрать под коммерческий сайт под ключ в 2026, и почему вопрос "сделайте мне мобильную версию" от заказчика — звоночек.
→
(04)
Реальные мобильные скорости в РФ — 3G и ниже всё ещё существуют
Замеряем сайт на офисном Wi-Fi 200 Мбит, всё летает. Реальный пользователь сидит в электричке на 2G, в подвальном ТЦ на EDGE, в городе с переполненной 4G-вышкой. По данным операторов и Roskomswoboda 2025, 12-18% мобильного трафика в РФ — это скорости ниже 1 Мбит/с. Что это значит для дизайна сайта и где у нас расходится теория с практикой.
→
(05)
Sticky-кнопки и плавающие меню — где помогают, где раздражают
Sticky-кнопка "Заказать" в нижнем правом углу — стандартный приём для мобильных лендингов. Поднимает конверсию или мешает читать? Зависит от того, что прилипает, как часто появляется и не перекрывает ли реально нужный контент. Разбираем по типам элементов: что работает, что бесит, и где грань.
→
(06)
Прогрессивное улучшение в 2026 — не мёртвая ли идея
Прогрессивное улучшение — сначала рабочий HTML, потом CSS поверх, потом JS поверх. Идея из 2003. В мире, где у всех React и SPA на 1 МБ JS, звучит как археология. Но статистика показывает, что 1-2% пользователей сидят с отключённым или сломавшимся JS — и для бизнеса это сотни заявок в год. Разбираем, что из принципов всё ещё актуально, а что можно отпустить.
→
(07)
Web Workers для тяжёлых вычислений в браузере — когда и как
Парсинг 50 МБ CSV, кадрирование 200 фотографий, генерация PDF, сжатие, шифрование — всё это блокирует UI, если делать в основном потоке. Web Workers вытаскивают вычисления в фон, страница не подвисает. Разбираем, когда воркеры реально помогают, а когда — overkill, и как их подружить с React/Vue.
→
(08)
Как скорость сайта влияет на продажи — реальные цифры из исследований
«Скорость важна» — это очевидно, но насколько именно? Google, Amazon, Walmart, Booking регулярно публикуют замеры. Цифры пугающие: +1 секунда к загрузке = −20% к конверсии в e-commerce, −30% к мобильному поиску. Разбираем, что значит каждая секунда для бизнеса.
→
(09)
Сайт открывается 6 секунд — где именно теряем время
«Сайт тормозит» — общая жалоба. Конкретные секунды теряются в 5-6 типовых местах: DNS, TLS, TTFB, шрифты, JS, картинки. Разбираем по этапам с реальной разбивкой, что тратит больше всего, и куда смотреть в первую очередь.
→
(10)
PageSpeed Insights — что красное надо чинить, а что можно проигнорить
PageSpeed Insights показывает 25-40 пунктов, большая часть красная даже у крупных сайтов. Половина из них реально влияет на UX, половина — академические нюансы. Разбираем, что чинить в первую очередь, что во вторую и что можно спокойно игнорировать.
→
(11)
Защита форм от спама без капчи — honeypot, rate limit, токены
Каждая капча на форме режет 5-15% конверсии. На большинстве сайтов её можно убрать совсем — связка honeypot + rate limit + временной токен ловит 95% автоматического спама невидимо для пользователя. Разбираем 5 техник и порядок их подключения.
→
(12)
Yandex SmartCaptcha vs reCAPTCHA — что выбрать для защиты форм в 2026
reCAPTCHA от Google в РФ ловит проблемы доступности, грузится 3-5 секунд, портит конверсию формы. Yandex SmartCaptcha — российский аналог: невидимая для большинства пользователей, грузится за 200-300 мс, бесплатно до 1000 проверок в день. Разбираем по пунктам.
→
(13)
Обмен 1С ↔ сайт через REST вместо CommerceML — когда оправдан
CommerceML — типовой обмен между 1С и сайтом, родной для Битрикса и многих CMS. Работает, но грузит партиями XML по cron, режет real-time и плохо переносит сложные витрины. REST-обмен — гибче и быстрее, но требует инженерных решений. Разбираем, когда REST окупается и как его собрать без вечных конфликтов остатков.
→
(14)
Гибридный поиск BM25 + эмбеддинги для базы знаний
Чистый BM25 не находит синонимы и парафразы. Чистые эмбеддинги пролетают мимо аббревиатур, артикулов и точных фраз. Гибридный поиск закрывает оба слабых места. Разбираем, как собрать BM25 + векторный поиск с reciprocal rank fusion на PostgreSQL и Elasticsearch.
→
(15)
Цена на сайте студии — выкладывать или прятать
«Цена по запросу» отсекает половину лидов, цифры на главной — другую половину. Разбираем, что реально происходит с конверсией, когда студия публикует прайс, как выкручиваются те, кто не может или не хочет, и какие форматы цен работают в 2026.
→
(16)
Гарантийный период после запуска сайта — что включать
Гарантия после запуска сайта — самая мутная часть договора. У одних «3 месяца на всё, включая хотелки», у других «исправление багов, выявленных в первые 14 дней». Разбираем, что реально стоит включать в гарантию, что вынести в платную поддержку и как формулировать в договоре.
→
(17)
Зеркало сайта и фолбэк-домен — как переключаться без простоя
Основной сайт упал, заблокирован или DNS не отвечает. Зеркало на резервном домене должно подняться за секунды, без участия админа. Разбираем архитектуру active-passive с автопереключением, реальные настройки и грабли.
→
(18)
Как мерить SEO-результаты — не позиции, а заявки и выручка
Отчёт SEO-агентства часто выглядит как таблица «позиции по ключам выросли». Собственник смотрит на 100 позиций и не понимает, заработал ли что-то. Правильные метрики SEO — заявки, выручка, ROI. Разбираем, что и как мерить.
→
(19)
Кейсы на VC.ru и Хабре — выхлоп vs затраты времени
Написать кейс на VC.ru или Хабре — это 15-40 часов работы автора, редактора и руководителя. Что в обмен: трафик, лиды, репутация — или ноль и комменты «реклама»? Разбираем механику обеих площадок и реальную экономику публикаций.
→
(20)
Open Source как маркетинг студии — что отдавать, а что не стоит
Open Source — медленный, но один из самых дешёвых каналов привлечения клиентов для веб-студии. Лиды приходят через GitHub, доклады и репутацию команды. Разбираем, что отдавать в открытый код, что оставлять себе и как не сжечь пару месяцев впустую.
→
(21)
Призывы к действию — сколько CTA должно быть на странице и где
Один CTA не работает на длинной странице — пользователь забывает о нём, скроля. Пять разных CTA тоже не работают — внимание рассеивается. Разбираем правило одного действия и где ставить кнопки на лендинге, чтобы они вели к одной цели.
→
(22)
Отказ от Google reCAPTCHA — Yandex SmartCaptcha и honeypot
Google reCAPTCHA в РФ в 2026 — это медленная загрузка, неработающие виджеты у части юзеров, риск блокировки. Замена за 30 минут: Yandex SmartCaptcha как виджет, honeypot + rate limit как невидимая защита. Сравнение и реальная защита.
→
(23)
Контентная стратегия для блога — кластеры, перелинковка, годовая загрузка
Случайные статьи в блоге не ранжируются. Кластеры + pillar-страницы + перелинковка — это формула, по которой блог накапливает авторитет и приводит лиды. Разбираем, как сделать годовой контент-план без хаоса.
→
(24)
Доступные формы — нативная валидация vs кастом
Половина форм в рунете ломают скринридер, перехватывают Tab и показывают ошибку красным текстом без `aria-describedby`. Разбираем, что даёт нативная HTML-валидация бесплатно, где её недостаточно, и как сделать кастомную без потери доступности.
→
(25)
Анимации на CSS scroll-driven — без библиотек
Раньше для анимации по скроллу тянули GSAP, Lenis, ScrollTrigger — 50–120 КБ JS. В 2026 нативный CSS `animation-timeline: scroll()` и `view()` закрывают 80% задач без единой строки JS. Разбираем синтаксис, поддержку и реальные кейсы.
→
(26)
Локальный хостинг шрифтов и иконок — простая инструкция
Перенести шрифты и иконки с Google Fonts и FontAwesome к себе на сервер — 1-2 часа работы. Зависит сайт от зарубежных CDN не будет, плюс +200-500 мс к скорости загрузки. Пошаговая инструкция.
→
(27)
SEO услуг — почему страница услуги важнее лендинга
Лендинг с большим спросом «всё в одном» проигрывает 10 отдельным страницам услуг в SEO. Поисковая система ранжирует страницу под один запрос, не лендинг под пять. Разбираем, как организовать раздел услуг для максимального трафика.
→
(28)
Web Components в 2026 — стоит ли без фреймворка
Web Components стандартизированы 10 лет назад, но «React победил». В 2026 ситуация поменялась: Shadow DOM, Declarative Shadow DOM, slots в SSR — реально работают. Разбираем, когда брать.
→
(29)
Server Components в продакшене — где помогают, где мешают
React Server Components обещают меньше JS на клиенте, нативный доступ к БД и быстрый TTFB. На практике — половина команд возвращается на SSR-only. Разбираем, где RSC выигрывают, где ловушки.
→
(30)
Поиск по сайту — нужен ли и когда лучше его убрать
Поиск по сайту — типовой блок, который ставят «потому что у всех есть». На лендинге студии или каталоге из 30 страниц он не нужен и часто вредит. Разбираем, когда поиск действительно нужен и как его сделать.
→
(31)
Сайт без внешних CDN — убираем Cloudflare, Google Fonts, jsDelivr
Сайт грузит шрифт с fonts.googleapis.com, jQuery с jsDelivr, иконки с cdn.fontawesome.com — и в момент блокировки или фильтрации зарубежных CDN сайт ломается визуально и функционально. Разбираем, как убрать зависимости от внешних ресурсов за один день.
→
(32)
SEO интернет-магазина — структура каталога и пагинация
В интернет-магазине каждая страница каталога ранжируется по своему запросу. Неправильная структура — теряете сотни тысяч показов в месяц. Разбираем, как строить иерархию категорий, фильтры, пагинацию и какие частые ошибки убивают SEO магазина.
→
(33)
KPI для отдела продаж в CRM — что считать, что игнорировать
20 метрик, которые показывает CRM-дашборд, и 5, которые реально двигают выручку. Разбираем, какие KPI работают на сделки, а какие создают видимость деятельности и портят систему.
→