Клиентская оптимизация

  • ХабрахабрФото Оптимизация изображений для пользователей с медленным интернетом с помощью Network Information API

    Оптимизация изображений для пользователей с медленным интернетом с помощью Network Information API

    Многие из нас привыкли к тому, что быстрый и стабильный интернет это данность в 2023 году, поэтому оптимизацией вебсайтов под этот случай особо не занимаются. Однако все еще остаются сценарии, когда это не так: например, в дороге между населенными пунктами или в некоторых помещениях, которые либо находятся под землей, либо плохо пропускают сигнал по какой-то другой причине. Для нашего проекта…

    Читать далее »
  • ХабрахабрФото [Перевод] Команда AArch64, о которой вам нужно знать

    [Перевод] Команда AArch64, о которой вам нужно знать

    Сегодня я бы хотел поговорить о недооценённой особенности архитектуры набора команд AArch64. На неё часто не обращают внимания, но её активно используют компиляторы. Это хорошая короткая история о том, как Arm стал лучше и «ещё более CISC» с точки зрения условных пересылок. История csinc заслуживает подобной статьи. Вероятно, вы слышали про cmov Когда в литературе говорится об условных пересылках, то обычно…

    Читать далее »
  • ХабрахабрФото AbortController для отмены запросов при смене страницы (SPA)

    AbortController для отмены запросов при смене страницы (SPA)

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

    Читать далее »
  • ХабрахабрФото Как yarn v3 и философия Zero Installs помогли нам сократить длительность ci/cd пайплайна в 3 раза

    Как yarn v3 и философия Zero Installs помогли нам сократить длительность ci/cd пайплайна в 3 раза

    Всем привет, меня зовут Фёдор — я руководитель фронтенд-разработки на проекте Smartbot Pro в компании KTS.  Наш проект — конструктор ботов для социальных сетей, в котором алгоритм бота представлен в виде визуального графа. Конструктор включает большое количество интеграций. Недавно на проекте остро встал вопрос оптимизации наших ci/cd пайплайнов, потому что релиз определенной версии мог занимать до 18 минут. Для нас…

    Читать далее »
  • ХабрахабрФото Spatium: цифровой завод в браузере или 3D в контексте клиент-серверных web приложений

    Spatium: цифровой завод в браузере или 3D в контексте клиент-серверных web приложений

    Всем привет! Меня зовут Евгений, я backend‑разработчик в компании Bimeister. Сегодня я хочу рассказать о нашем 3D движке Spatium для рендеринга сводных моделей масштаба промышленного предприятия в браузере. Материал может представлять интерес для разработчиков и пользователей BIM-систем, а также для инженеров и конструкторов, которые выполняют работы по проектированию 3D моделей, получению фотограмметрических моделей и облаков точек для таких систем. Контекст Не будет секретом тот факт,…

    Читать далее »
  • ХабрахабрФото Webpack. Создание WebP вместе с Jpeg и Png

    Webpack. Создание WebP вместе с Jpeg и Png

    Как вы знаете, формат изображений WebP в большинстве случаев имеет меньший вес, по сравнению со своими братьями: png и jpeg. Поэтому использовать его в своих приложениях - это хорошая практика. А как же пользователи, устройства которых не поддерживают данный формат? В этом случае нам помогает тег <picture> или значение image-set свойства background-image. Просто пишем такие магические конструкции и браузер сам…

    Читать далее »
  • ХабрахабрФото Оптимизация вставки в R-дереве в рамках Unity проекта

    Оптимизация вставки в R-дереве в рамках Unity проекта

    Привет, Хабр! В этой статье хочу поделиться небольшой историей оптимизации вставки данных в R-дереве в рамках проекта на Unity. В статье не будет кода, но будут сравнения результатов поэтапного процесса оптимизации вышеупомянутого алгоритма. * * * Немного предыстории. Некоторое продолжительное время назад я задался целью реализовать несложный геймплей игры уровня “танчики”, который бы поддерживал мультиплеерный режим по сети на удаленных…

    Читать далее »
  • ХабрахабрФото Как я сделал SPA в два раза быстрее

    Как я сделал SPA в два раза быстрее

    Существует огромное множество статей про оптимизацию загрузки веб-сайтов, но часто они обходятся лишь общими советами или абстрактными примерами. В этой статье я хочу поделиться своим опытом комплексной оптимизации реального проекта с конкретными примерами, в данном случае SPA, написанном на Vue 3 с использованием Vuetify для части UI компонентов и Firebase для авторизации. Немного контекста: я работаю frontend-разработчиком в компании, которая…

    Читать далее »
  • ХабрахабрФото Оптимизация бэкенда приложения с примерами на Symfony. Часть 1

    Оптимизация бэкенда приложения с примерами на Symfony. Часть 1

    Всех приветствую! Я планирую создать цикл статей, демонстрирующий распространенные ошибки, влияющие на производительность приложения со стороны бэкенда, а также методы их поиска и устранения. Для этого, я написал приложение, в котором специально допустил различные ошибки, чтобы по порядку найти и исправить их. В текущей статье, рассмотрим темы - n+1, пагинация и индексы. Приятного чтения! Описание приложения Рассматриваемый проект - это…

    Читать далее »
  • ХабрахабрФото Название имеет значение: как получить оптимизацию, переименовав браузер

    Название имеет значение: как получить оптимизацию, переименовав браузер

    Всем привет! Меня зовут Максим Смирнов, я руковожу командой, которая работает над производительностью Яндекс Браузера и отвечает за его графическую подсистему. В этой статье я расскажу об одном неочевидном улучшении, которое наша команда внедрила в Браузер для Windows. Если описать его в двух словах, то нам удалось улучшить стабильность и производительность браузера, убедив драйверы видеокарт, что наше приложение — это…

    Читать далее »


Кнопка «Наверх»