💳 Страница стоимости: человек должен понять, из чего складывается цена
На многих сайтах услуг стоит одна строка «от 10 000» и кнопка «уточнить». Цифра не врёт, но не объясняет, что в неё входит. Человек либо уходит сравнивать наугад, либо пишет в чат вопрос, который страница могла закрыть сама.
Рабочая страница стоимости отвечает на три вещи: что входит в базовый объём, что считается отдельно, от чего цена растёт. Это не прайс на сорок строк. Это короткая логика, по которой можно прикинуть свой случай.
Отдельно стоит сказать, чего в цену не входит. Именно скрытые добавки потом выглядят как обман, даже если в договоре они были. Если выезд, срочность или материалы идут сверх базы, это лучше видно до заявки.
Такая страница не заменяет смету. Она убирает первый круг одинаковых вопросов и оставляет в заявках людей, которые уже понимают порядок цифр.
На многих сайтах услуг стоит одна строка «от 10 000» и кнопка «уточнить». Цифра не врёт, но не объясняет, что в неё входит. Человек либо уходит сравнивать наугад, либо пишет в чат вопрос, который страница могла закрыть сама.
Рабочая страница стоимости отвечает на три вещи: что входит в базовый объём, что считается отдельно, от чего цена растёт. Это не прайс на сорок строк. Это короткая логика, по которой можно прикинуть свой случай.
Отдельно стоит сказать, чего в цену не входит. Именно скрытые добавки потом выглядят как обман, даже если в договоре они были. Если выезд, срочность или материалы идут сверх базы, это лучше видно до заявки.
Такая страница не заменяет смету. Она убирает первый круг одинаковых вопросов и оставляет в заявках людей, которые уже понимают порядок цифр.
💡 Настройка Open Graph картинок для сайта в 2026 году
Как сделать превью, которое открывают, а не пролистывают.
Что важно знать
🔹 Размер и формат
1200×630, JPG или PNG, до 300 КБ.
🔹 Полный набор тегов
og:image, og:image:width/height, og:type, og:url.
🔹 Кэш соцсетей
Превью обновляют через отладчик.
📌 Вывод: аккуратная обложка повышает клики из чатов.
Полная статья на сайте
──────────────
💻 Нужна помощь с сайтом?
Разработка, доработки и поддержка. Опишите задачу — обсудим решение, стоимость и сроки.
🌐 WEBFULL.RU · 💬 Написать программисту
Как сделать превью, которое открывают, а не пролистывают.
Что важно знать
🔹 Размер и формат
1200×630, JPG или PNG, до 300 КБ.
🔹 Полный набор тегов
og:image, og:image:width/height, og:type, og:url.
🔹 Кэш соцсетей
Превью обновляют через отладчик.
📌 Вывод: аккуратная обложка повышает клики из чатов.
Полная статья на сайте
──────────────
💻 Нужна помощь с сайтом?
Разработка, доработки и поддержка. Опишите задачу — обсудим решение, стоимость и сроки.
🌐 WEBFULL.RU · 💬 Написать программисту
📱 Чат, пиксель и виджет: что они делают с первым экраном на телефоне
Сайт сам по себе лёгкий, а на телефоне первый экран появляется поздно. В коде висят чат поддержки, два счётчика, виджет записи и плеер отзыва. Каждый тянет свой скрипт. Пока они не отработали, человек смотрит на пустой блок или на прыгающую вёрстку.
Имеет смысл смотреть не «сколько скриптов», а что нужно до первого экрана. Счётчик и чат редко нужны в первую секунду. Их можно подключать после того, как страница уже нарисована. Виджет, без которого нельзя сделать главный шаг, наоборот, должен быть своим и лёгким, а не чужим комбайном.
Проверка простая: открыть сайт на телефоне в обычной сети и посмотреть, что успевает появиться без ожидания. Если кнопка заявки есть, а вокруг ещё крутятся чужие загрузчики, лишнее уже видно без лабораторного отчёта.
Скорость здесь не самоцель и не гонка за баллом. Это про то, успевает ли человек увидеть суть страницы до того, как решит, что сайт «завис».
Сайт сам по себе лёгкий, а на телефоне первый экран появляется поздно. В коде висят чат поддержки, два счётчика, виджет записи и плеер отзыва. Каждый тянет свой скрипт. Пока они не отработали, человек смотрит на пустой блок или на прыгающую вёрстку.
Имеет смысл смотреть не «сколько скриптов», а что нужно до первого экрана. Счётчик и чат редко нужны в первую секунду. Их можно подключать после того, как страница уже нарисована. Виджет, без которого нельзя сделать главный шаг, наоборот, должен быть своим и лёгким, а не чужим комбайном.
Проверка простая: открыть сайт на телефоне в обычной сети и посмотреть, что успевает появиться без ожидания. Если кнопка заявки есть, а вокруг ещё крутятся чужие загрузчики, лишнее уже видно без лабораторного отчёта.
Скорость здесь не самоцель и не гонка за баллом. Это про то, успевает ли человек увидеть суть страницы до того, как решит, что сайт «завис».
💡 Настройка кеширования в Битрикс: полное руководство
Кеш — это 80% производительности Битрикс. Разбираем по шагам: от админки до Redis.
Что важно знать
🔹 Админка — включаем кеш файлов и компонентов, автокеширование осторожно.
🔹 OPcache — +20–30% скорости почти бесплатно, validate_timestamps=0.
🔹 Время жизни — каталог 86400, новости 3600-7200 секунд.
📌 Вывод: после включения кеша проверьте формы, корзину и авторизацию.
Полная статья на сайте
──────────────
💻 Нужна помощь с сайтом?
Разработка, доработки и поддержка. Опишите задачу — обсудим решение, стоимость и сроки.
🌐 WEBFULL.RU · 💬 Написать программисту
Кеш — это 80% производительности Битрикс. Разбираем по шагам: от админки до Redis.
Что важно знать
🔹 Админка — включаем кеш файлов и компонентов, автокеширование осторожно.
🔹 OPcache — +20–30% скорости почти бесплатно, validate_timestamps=0.
🔹 Время жизни — каталог 86400, новости 3600-7200 секунд.
📌 Вывод: после включения кеша проверьте формы, корзину и авторизацию.
Полная статья на сайте
──────────────
💻 Нужна помощь с сайтом?
Разработка, доработки и поддержка. Опишите задачу — обсудим решение, стоимость и сроки.
🌐 WEBFULL.RU · 💬 Написать программисту
🪑 Каталог мастерской: фильтр не должен плодить тысячи адресов
У небольшой мастерской десять моделей и фильтры: материал, размер, цвет. Если каждая комбинация становится отдельной страницей, поисковик видит сотни почти одинаковых адресов. В выдаче они мешают друг другу, а живых описаний на все комбинации нет.
Нормальная схема: у модели одна страница с нормальным текстом и фото. Фильтр в каталоге меняет список, но не создаёт новый адрес на каждый цвет. Для поиска важны страницы моделей и, если нужно, отдельные страницы типов — «столы», «шкафы», — а не «дуб + 160 см + серый» как самостоятельный сайт.
Исключение есть, когда сочетание само по себе ищут и под него есть свой текст. Тогда это отдельная страница с смыслом, а не автоматический дубль фильтра.
Каталог от этого не становится беднее для покупателя. Он перестаёт притворяться, что у мастерской сотни разных товаров там, где на самом деле десять моделей и удобный отбор.
У небольшой мастерской десять моделей и фильтры: материал, размер, цвет. Если каждая комбинация становится отдельной страницей, поисковик видит сотни почти одинаковых адресов. В выдаче они мешают друг другу, а живых описаний на все комбинации нет.
Нормальная схема: у модели одна страница с нормальным текстом и фото. Фильтр в каталоге меняет список, но не создаёт новый адрес на каждый цвет. Для поиска важны страницы моделей и, если нужно, отдельные страницы типов — «столы», «шкафы», — а не «дуб + 160 см + серый» как самостоятельный сайт.
Исключение есть, когда сочетание само по себе ищут и под него есть свой текст. Тогда это отдельная страница с смыслом, а не автоматический дубль фильтра.
Каталог от этого не становится беднее для покупателя. Он перестаёт притворяться, что у мастерской сотни разных товаров там, где на самом деле десять моделей и удобный отбор.
🧹 Одна услуга — одна страница, а не пункт в меню на сорок строк
Клининговая компания пишет на главной «убираем всё»: квартиры, офисы, после ремонта, окна. Меню повторяет тот же список. Человек после ремонта не понимает, есть ли отдельная услуга или это абзац внутри общей простыни. Он уходит к тому, у кого страница называется так же, как его задача.
Отдельная страница нужна там, где другой объём, другая цена и другие вопросы. «После ремонта» — это не тот же текст, что «поддерживающая уборка офиса». На такой странице видны, что входит, чего не делают и как считают площадь.
Мегаменю из десятков пунктов создаёт ощущение выбора и одновременно прячет его. Если пунктов больше, чем человек готов просмотреть, работает не меню, а прямой заход на нужную страницу из поиска или рекламы. Значит, страница должна жить самостоятельно, без обязательного чтения главной.
Сайт услуг выигрывает не количеством разделов. Он выигрывает, когда по названию задачи сразу открывается ответ, а не оглавление всего, что компания умеет.
Клининговая компания пишет на главной «убираем всё»: квартиры, офисы, после ремонта, окна. Меню повторяет тот же список. Человек после ремонта не понимает, есть ли отдельная услуга или это абзац внутри общей простыни. Он уходит к тому, у кого страница называется так же, как его задача.
Отдельная страница нужна там, где другой объём, другая цена и другие вопросы. «После ремонта» — это не тот же текст, что «поддерживающая уборка офиса». На такой странице видны, что входит, чего не делают и как считают площадь.
Мегаменю из десятков пунктов создаёт ощущение выбора и одновременно прячет его. Если пунктов больше, чем человек готов просмотреть, работает не меню, а прямой заход на нужную страницу из поиска или рекламы. Значит, страница должна жить самостоятельно, без обязательного чтения главной.
Сайт услуг выигрывает не количеством разделов. Он выигрывает, когда по названию задачи сразу открывается ответ, а не оглавление всего, что компания умеет.
📋 Страница заявки: какие данные нужны сразу, а какие можно узнать позже?
Представьте: посетитель хочет обсудить разработку сайта. Он открывает страницу заявки, а там 12 обязательных полей: название компании, должность, бюджет, сроки, подробное ТЗ и даже юридические реквизиты.
Проблема не только в количестве вопросов. Часть информации на этом этапе человек просто не готов предоставить.
💡 Разделяйте данные по моменту их необходимости.
До первого ответа:
• Имя — чтобы персонально обратиться к человеку.
• Email или телефон — достаточно одного удобного канала связи.
• Краткое описание задачи — чтобы понять суть обращения.
Например: «Нужен сайт для образовательного проекта с возможностью регистрации пользователей».
Этого уже достаточно, чтобы специалист подготовился к первому разговору.
После первого контакта:
• Подробные требования к функциональности.
• Планируемые сроки запуска.
• Бюджетные ограничения.
• Информация о текущей инфраструктуре.
• Контактные данные других участников проекта.
Эти вопросы удобнее обсуждать, когда специалист уже понимает задачу и может объяснить, зачем нужны дополнительные сведения.
⚙️ Важный технический нюанс
Необязательно хранить всю информацию в одной форме. Первичная заявка может создавать запись в CRM, а дополнительные данные — постепенно дополнять её после общения.
При этом для разных услуг набор обязательных полей может отличаться. Например, для заявки на техническую поддержку адрес сайта полезен сразу, а для нового проекта он необязателен.
Главный принцип: каждое поле должно помогать выполнить следующий шаг, а не собирать информацию на всякий случай.
Хорошая страница заявки учитывает не только потребности бизнеса, но и то, какой информацией посетитель располагает в момент обращения.
Представьте: посетитель хочет обсудить разработку сайта. Он открывает страницу заявки, а там 12 обязательных полей: название компании, должность, бюджет, сроки, подробное ТЗ и даже юридические реквизиты.
Проблема не только в количестве вопросов. Часть информации на этом этапе человек просто не готов предоставить.
💡 Разделяйте данные по моменту их необходимости.
До первого ответа:
• Имя — чтобы персонально обратиться к человеку.
• Email или телефон — достаточно одного удобного канала связи.
• Краткое описание задачи — чтобы понять суть обращения.
Например: «Нужен сайт для образовательного проекта с возможностью регистрации пользователей».
Этого уже достаточно, чтобы специалист подготовился к первому разговору.
После первого контакта:
• Подробные требования к функциональности.
• Планируемые сроки запуска.
• Бюджетные ограничения.
• Информация о текущей инфраструктуре.
• Контактные данные других участников проекта.
Эти вопросы удобнее обсуждать, когда специалист уже понимает задачу и может объяснить, зачем нужны дополнительные сведения.
⚙️ Важный технический нюанс
Необязательно хранить всю информацию в одной форме. Первичная заявка может создавать запись в CRM, а дополнительные данные — постепенно дополнять её после общения.
При этом для разных услуг набор обязательных полей может отличаться. Например, для заявки на техническую поддержку адрес сайта полезен сразу, а для нового проекта он необязателен.
Главный принцип: каждое поле должно помогать выполнить следующий шаг, а не собирать информацию на всякий случай.
Хорошая страница заявки учитывает не только потребности бизнеса, но и то, какой информацией посетитель располагает в момент обращения.
💡 Настройка логов сайта
Гайд по логам для быстрого поиска проблем.
Что важно знать
🔹 Access, error, PHP, MySQL — у каждого своя задача
🔹 GoAccess, ELK, grep — анализ без паники
🔹 По логам видны взломы, брутфорс и DDoS
📌 Правильные логи экономят часы отладки.
Читать на сайте
──────────────
💻 Нужна помощь с сайтом?
Разработка, доработки и поддержка. Опишите задачу — обсудим решение, стоимость и сроки.
🌐 WEBFULL.RU · 💬 Написать программисту
Гайд по логам для быстрого поиска проблем.
Что важно знать
🔹 Access, error, PHP, MySQL — у каждого своя задача
🔹 GoAccess, ELK, grep — анализ без паники
🔹 По логам видны взломы, брутфорс и DDoS
📌 Правильные логи экономят часы отладки.
Читать на сайте
──────────────
💻 Нужна помощь с сайтом?
Разработка, доработки и поддержка. Опишите задачу — обсудим решение, стоимость и сроки.
🌐 WEBFULL.RU · 💬 Написать программисту
🍽️ Сайт ресторана: почему меню на странице лучше, чем PDF
Представьте ситуацию: гость открывает сайт ресторана со смартфона, хочет посмотреть блюда и цены, но вместо удобного меню получает PDF-файл на 15 страниц.
Приходится увеличивать текст, прокручивать документ и искать нужный раздел. А если ресторан обновил цены, но забыл заменить файл, информация становится недостоверной.
Решение — интерактивное HTML-меню, которое редактируется через админ-панель.
Вместо статичного документа ресторан получает полноценный раздел сайта, где каждое блюдо представлено отдельной карточкой.
🍕 Как это работает на практике?
• Администратор меняет цены и описания без участия разработчика.
• Новые блюда появляются на сайте сразу после публикации.
• Временно недоступные позиции можно скрывать.
• Для каждого блюда доступны фото, состав, вес и информация об аллергенах.
• Меню автоматически адаптируется под экран смартфона.
А что с технической стороной?
Для реализации подойдёт CMS с отдельным типом записей для блюд. Например, WordPress с настраиваемыми полями или Strapi.
Каждая позиция хранится как структурированные данные, а не как часть большого документа.
Это позволяет обновлять информацию централизованно и отображать её в разных разделах сайта.
💡 Дополнительное преимущество — индексация.
Поисковые системы могут читать текст HTML-меню непосредственно на странице. Это создаёт больше возможностей для появления сайта по запросам, связанным с конкретными блюдами.
В результате меню становится не просто файлом для скачивания, а полноценным цифровым инструментом ресторана, который удобно использовать гостям и легко поддерживать сотрудникам.
Представьте ситуацию: гость открывает сайт ресторана со смартфона, хочет посмотреть блюда и цены, но вместо удобного меню получает PDF-файл на 15 страниц.
Приходится увеличивать текст, прокручивать документ и искать нужный раздел. А если ресторан обновил цены, но забыл заменить файл, информация становится недостоверной.
Решение — интерактивное HTML-меню, которое редактируется через админ-панель.
Вместо статичного документа ресторан получает полноценный раздел сайта, где каждое блюдо представлено отдельной карточкой.
🍕 Как это работает на практике?
• Администратор меняет цены и описания без участия разработчика.
• Новые блюда появляются на сайте сразу после публикации.
• Временно недоступные позиции можно скрывать.
• Для каждого блюда доступны фото, состав, вес и информация об аллергенах.
• Меню автоматически адаптируется под экран смартфона.
А что с технической стороной?
Для реализации подойдёт CMS с отдельным типом записей для блюд. Например, WordPress с настраиваемыми полями или Strapi.
Каждая позиция хранится как структурированные данные, а не как часть большого документа.
Это позволяет обновлять информацию централизованно и отображать её в разных разделах сайта.
💡 Дополнительное преимущество — индексация.
Поисковые системы могут читать текст HTML-меню непосредственно на странице. Это создаёт больше возможностей для появления сайта по запросам, связанным с конкретными блюдами.
В результате меню становится не просто файлом для скачивания, а полноценным цифровым инструментом ресторана, который удобно использовать гостям и легко поддерживать сотрудникам.
Небольшой сайт для бизнеса услуг
Сайт услуг нужен, чтобы человек за минуту понял, чем вы занимаетесь, увидел, что вы уже делали, и смог оставить обращение.
Состав
• страницы услуг — что делаете и для кого
• примеры работ — чтобы было на что посмотреть
• форма обращения — имя, контакт и коротко задача
Опубликованные работы такого формата: Alternative Horeca и The Ostrov. Это живые сайты, без обещания чужого результата.
Чтобы оценить стоимость и срок, нужны описание бизнеса, материалы (тексты, фото, логотип) и желаемые функции. Цену до просмотра задачи не называю.
Описать сайт услуг в боте
Сайт услуг нужен, чтобы человек за минуту понял, чем вы занимаетесь, увидел, что вы уже делали, и смог оставить обращение.
Состав
• страницы услуг — что делаете и для кого
• примеры работ — чтобы было на что посмотреть
• форма обращения — имя, контакт и коротко задача
Опубликованные работы такого формата: Alternative Horeca и The Ostrov. Это живые сайты, без обещания чужого результата.
Чтобы оценить стоимость и срок, нужны описание бизнеса, материалы (тексты, фото, логотип) и желаемые функции. Цену до просмотра задачи не называю.
Описать сайт услуг в боте
Доработка интернет-магазина с одной задачи
Магазин не обязательно переделывать целиком. Можно начать с одного места, где теряется заказ.
Состав
• каталог — товары и то, как их находят
• корзина — состав заказа до оплаты
• оформление заказа — поля и подтверждение
• передача заявки — чтобы заказ дошёл до вас, а не остался в браузере
Опубликованный магазин: Иль-Мари. Это пример витрины, не отзыв и не обещание продаж.
Пришлите адрес магазина и опишите одну конкретную проблему. WordPress и Битрикс смотрим по факту страницы.
Прислать адрес магазина и задачу
Магазин не обязательно переделывать целиком. Можно начать с одного места, где теряется заказ.
Состав
• каталог — товары и то, как их находят
• корзина — состав заказа до оплаты
• оформление заказа — поля и подтверждение
• передача заявки — чтобы заказ дошёл до вас, а не остался в браузере
Опубликованный магазин: Иль-Мари. Это пример витрины, не отзыв и не обещание продаж.
Пришлите адрес магазина и опишите одну конкретную проблему. WordPress и Битрикс смотрим по факту страницы.
Прислать адрес магазина и задачу
Внедрение готового SEO-ТЗ
Если техническое задание уже написано, его можно внедрить на действующем сайте, а не писать заново.
Состав
• WordPress и 1С-Битрикс
• согласование пунктов: что входит в эту работу, а что остаётся за рамками
• оценка стоимости и сроков после просмотра ТЗ и сайта
• проверка результата по пунктам ТЗ
Готового чужого кейса с цифрами здесь нет: стоимость зависит от числа пунктов и шаблонов. Страница услуги: внедрение SEO-ТЗ.
Пришлите ТЗ файлом или ссылкой и адрес сайта.
Передать SEO-ТЗ в бот
Если техническое задание уже написано, его можно внедрить на действующем сайте, а не писать заново.
Состав
• WordPress и 1С-Битрикс
• согласование пунктов: что входит в эту работу, а что остаётся за рамками
• оценка стоимости и сроков после просмотра ТЗ и сайта
• проверка результата по пунктам ТЗ
Готового чужого кейса с цифрами здесь нет: стоимость зависит от числа пунктов и шаблонов. Страница услуги: внедрение SEO-ТЗ.
Пришлите ТЗ файлом или ссылкой и адрес сайта.
Передать SEO-ТЗ в бот
💡 Срочное обновление PHP
21 октября в PHP закрыли две ошибки: чужой код на сервере без входа в админку.
Что важно знать
🔹 CMS не спасёт — патч нужен в PHP на хостинге.
🔹 Версии — 8.2.35, 8.3.36, 8.4.27, 8.5.12.
🔹 Своя ветка — с 8.2 на 8.5 переходить не нужно.
📌 Вывод: проверьте обработчик и закройте обе CVE.
Полная статья на сайте
──────────────
💻 Нужна помощь с сайтом?
Разработка, доработки и поддержка. Опишите задачу — обсудим решение, стоимость и сроки.
🌐 WEBFULL.RU · 💬 Написать программисту
21 октября в PHP закрыли две ошибки: чужой код на сервере без входа в админку.
Что важно знать
🔹 CMS не спасёт — патч нужен в PHP на хостинге.
🔹 Версии — 8.2.35, 8.3.36, 8.4.27, 8.5.12.
🔹 Своя ветка — с 8.2 на 8.5 переходить не нужно.
📌 Вывод: проверьте обработчик и закройте обе CVE.
Полная статья на сайте
──────────────
💻 Нужна помощь с сайтом?
Разработка, доработки и поддержка. Опишите задачу — обсудим решение, стоимость и сроки.
🌐 WEBFULL.RU · 💬 Написать программисту
🖼 Почему сайт «прыгает», пока загружаются картинки?
Открываете страницу, начинаете читать текст — и вдруг всё содержимое смещается вниз. Кнопка, на которую собирались нажать, оказывается в другом месте.
Причина часто не в медленном интернете, а в том, что браузер заранее не знает, сколько места потребуется изображению.
Что происходит технически?
Когда браузер получает HTML, он начинает строить страницу. Если у изображения не указаны размеры, место под него может не резервироваться.
Затем фотография загружается, браузер узнаёт её пропорции и перестраивает расположение элементов.
Это явление называется Layout Shift — сдвиг макета.
📐 Как предотвратить смещение?
Есть несколько технических решений:
• Указывать атрибуты width и height у изображений. Например: <img src="photo.jpg" width="800" height="600">.
• Использовать CSS-свойство aspect-ratio, чтобы браузер заранее знал пропорции блока.
• Для адаптивных изображений задавать max-width: 100% и height: auto, сохраняя правильное соотношение сторон.
• Для динамического контента заранее резервировать пространство под изображения.
💡 Как проверить результат?
В Google Lighthouse есть метрика CLS (Cumulative Layout Shift), которая оценивает визуальную стабильность страницы.
Хорошим считается показатель CLS не выше 0,1.
Важно понимать: даже быстро загружающийся сайт может иметь плохой CLS, если элементы неожиданно меняют положение.
Поэтому оптимизация изображений — это не только сжатие файлов и выбор WebP или AVIF.
Это ещё и правильное резервирование пространства, благодаря которому интерфейс остаётся стабильным с первых мгновений загрузки.
Открываете страницу, начинаете читать текст — и вдруг всё содержимое смещается вниз. Кнопка, на которую собирались нажать, оказывается в другом месте.
Причина часто не в медленном интернете, а в том, что браузер заранее не знает, сколько места потребуется изображению.
Что происходит технически?
Когда браузер получает HTML, он начинает строить страницу. Если у изображения не указаны размеры, место под него может не резервироваться.
Затем фотография загружается, браузер узнаёт её пропорции и перестраивает расположение элементов.
Это явление называется Layout Shift — сдвиг макета.
📐 Как предотвратить смещение?
Есть несколько технических решений:
• Указывать атрибуты width и height у изображений. Например: <img src="photo.jpg" width="800" height="600">.
• Использовать CSS-свойство aspect-ratio, чтобы браузер заранее знал пропорции блока.
• Для адаптивных изображений задавать max-width: 100% и height: auto, сохраняя правильное соотношение сторон.
• Для динамического контента заранее резервировать пространство под изображения.
💡 Как проверить результат?
В Google Lighthouse есть метрика CLS (Cumulative Layout Shift), которая оценивает визуальную стабильность страницы.
Хорошим считается показатель CLS не выше 0,1.
Важно понимать: даже быстро загружающийся сайт может иметь плохой CLS, если элементы неожиданно меняют положение.
Поэтому оптимизация изображений — это не только сжатие файлов и выбор WebP или AVIF.
Это ещё и правильное резервирование пространства, благодаря которому интерфейс остаётся стабильным с первых мгновений загрузки.