#оптимизация_изображений — Public Fediverse posts

Большой каталог интернет-магазина: как расти и не терять скорость и конверсию

Привет, Хабр! Меня зовут Дмитрий, руководитель отдела рекламы и продвижения в

https://habr.com/ru/companies/aspro/articles/1080642/

#большой_каталог #интернетмагазин #фасетные_фильтры #скорость_сайта #синхронизация_с_1С #оптимизация_изображений #кеширование #база_данных #навигация_каталога #органический_трафик

Технический аудит сайта — что проверять, чтобы сайт быстро работал

Привет, Хабр! Меня зовут Дмитрий, руковожу отделом рекламы и продвижения в

https://habr.com/ru/companies/aspro/articles/1071700/

#Технический_аудит_сайта #скорость_загрузки_сайта #Core_Web_Vitals #LCP_INP_CLS #SEOоптимизация_сайта #индексация_сайта #robotstxt_sitemapxml #оптимизация_изображений #микроразметка_Schemaorg #видимость_сайта_в_нейросетях

Приложение течёт, а утечки нет: как оптимизатор картинок Next.js съел 4-гигабайтный VPS

История про то, как я три дня искал утечку памяти в Node-приложении, не нашёл — и был прав, что не нашёл. А ещё про то, что у каждого починенного пункта тут оказывался свой счёт: фикс памяти через месяц вернулся жалобой на скорость, а разбор скорости вскрыл третью проблему, о которой я не думал вовсе.

https://habr.com/ru/articles/1070312/

#nextjs #nodejs #sharp #libvips #утечка_памяти #malloc_arena_max #systemd #nginx #оптимизация_изображений #avif

Оптимизация под Pagespeed: работа с изображениями как с наиболее частой и весомой проблемой сайтов

Разработчики часто сталкиваются с проблемой: сайт успешно протестировали на мастере, выкатили на прод, провели контрольное тестирование — вроде всё хорошо. Сайт работает пару месяцев — и вдруг приходит задача от SEO «увеличить скорость загрузки сайта» или «исправить просевшее количество баллов в PageSpeed». Причём ничего принципиально нового не добавляли, просто наполняли контентом. Начинаем разбираться — и выясняется, что есть общая проблема, которая почти всегда повторяется. А именно — изображения. В статье расскажем, что с ними делать — как оказывается, проблема распространённая и до сих пор актуальная.

https://habr.com/ru/companies/first/articles/1045832/

#оптимизация_сайта #скорость_загрузки_сайта #оптимизация_изображений

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

24 «привычки» оптимизации изображений

Я работаю с графикой для web с тех бородатых времен, когда случайное нажатие кнопки wap на телефоне могло привести к инфаркту и моментальному списанию всех средств на счете. В погоне за мобильной доступностью цифровых продуктов в те времена приходилось исхитриться каждый раз и делать это по новому. Сегодня, специалисты в вэб — как спецы в геймдеве «оптимизация? не не слышал» для игр у тебя должна быть 5090, в для сайтов 5g и гигабит, 2026 ведь на носу. Я решил поделится теми «привычками» оптимизации контента/графики, которые уже 20 лет в моем арсенале и остаются актуальными и по сей день.

https://habr.com/ru/articles/969236/

#webразработка #графика #графика_для_сайта #адаптивная_вёрстка #адаптивный_вебдизайн #адаптивный_сайт #оптимизация_изображений #оптимизация #оптимизации #svg

Оптимизируя фаянс

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

https://habr.com/ru/articles/959674/

#застройщики #застройка #застройщик #застрощики #схемы #оптимизация #оптимизация_сайта #оптимизация_изображений #оптимизации

Как мы ускоряли виртуальные фоны в Толке

Однажды осенью мы сделали так, что Толк стал меньше нагревать ноутбуки пользователей. Кому интересно техно-мяско, как же у нас получилось ускорить виртуальные фоны в два раза, прошу в статью.

https://habr.com/ru/companies/skbkontur/articles/883094/

#gpu #оптимизация #оптимизация_изображений #гауссовский_фильтр #фоны #билатеральный_фильтр #размытие_фона

Как я создавал бесплатный сервис оптимизации изображений FlashImg.ru

Всем привет. В этом материале я расскажу как создавал беспслатный сервис оптимизации изображений FlashImg.ru

https://habr.com/ru/articles/856514/

#оптимизация_изображений #оптимизация #картинки #изображения

Летающий Санта, танцующие снегири и ёлочные игрушки: опыт реализации и оптимизации анимаций в игре

Привет! На связи Кристина, фронтенд-разработчик в KTS . Большое количество графики и анимаций потребляет достаточно много ресурсов. Однако благодаря оптимизации можно сделать так, чтобы всё работало без глюков и тормозов. Рассказываю, как создавала анимации для игры из внутреннего спецпроекта, какие SCSS-фичи использовала для оптимизации кода и как сделала CSS-анимации более производительными.

https://habr.com/ru/companies/kts/articles/819757/

#gif #анимация #вебанимация #оптимизация_анимаций #оптимизация_изображений #оптимизация #фронтенд

Форматы изображений в вебе (2024)

Сегодня трудно найти веб сайт, на котором нету хотя бы одного изображения, может быть у вас есть такой пример? На странице в интернете можно сразу увидеть много разных изображений: фото пользователя в личном кабинете, фото товара на маркетплейсе, иконка на вкладке браузера, иконка корзины на кнопке “добавить в корзину”, анимированное изображение-открытка от бабушки в мессенджере, [и еще тысяча примеров]. Если вы как-то связаны с вебом то вам будет полезно иметь общее представление об этих images, как минимум, и уметь с ними работать как максимум. Давайте попробуем разобраться с этим вопросом?

https://habr.com/ru/articles/803823/

#изображения #форматы_изображений #webp #avif #оптимизация_изображений #сравнение_изображений #вебсайт #вебграфика #svg #векторная_графика

Как уменьшить вес продуктовой анимации в 400 раз (без AI)

Все любят красивую и качественную графику, но обычно такая графика весит много и влечёт проблемы с её добавлением в дистрибутив проекта. А, возможно, и доработки по внешней загрузке или самое частое — сжатие с потерей качества. Каждый дизайнер хоть раз, да говорил «Вот бы можно было и качество сохранить, и отдать разработчикам легкие файлы…». Сегодня нет классных AI-решений для этой задачи, но в этой статье мы расскажем о том, как нам удаётся значительно ужимать графику с использованием растровых и векторных элементов, содержащей альфа-канал. В статье мы ответим на следующие вопросы: Какой формат анимации с растровыми элементами выбрать для использования в мобильном приложении? Как уменьшить вес файла и не потерять качество картинки? И как со всем этим связаны Lottie-анимации?

https://habr.com/ru/articles/793260/

#lottiefiles #анимация #оптимизация_изображений #дизайнеру #продуктовый_дизайн #командная_работа

Ускорение загрузки сайта: туториал для джунов

7 месяцев назад я стала тимлидом. От своих разработчиков я собираю обратную связь раз в пару месяцев. Поняла, что главный запрос от новичков — полезные и емкие инструкции по типовым задачам. Решила начать с таска, который наши программисты выполняют чуть ли не каждый день — ускорение сайтов. Если вы искали сборник лайфхаков, который можно спокойно отправить своим джунам — эта статья для вас. И для джунов, конечно. Инструменты проверки, оптимизация изображений, блокировка рендеринга — о всех этапах ускорения без воды с кодом и скринами. В начале — пару слов о себе. Меня зовут Полина и я работаю «

https://habr.com/ru/companies/rocketbusiness/articles/782346/

#ускорение_загрузки #ускорение_сайта #pagespeed #оптимизация_изображений #блокировка_рендеринга #кэширование