Оптимизация производительности фронтенда

Никто не любит, когда сайты тормозят, но для разработчиков это особенная боль, потому что мы отвечаем за те эмоции, которые люди испытывают на сайтах, и негативный опыт – наша вина. Игорь Алексеенко преподаватель Академии HTML и эксперт по JS разложил по полочкам, почему интерфейсы тормозят и как оптимизировать производительность фронтенда.

Игорь Алексеенко

Итоговые рекомендации такие:

  • Начните с процессора, то есть улучшите ваш процесс вычислений:

— Уменьшите память, не надо ее забивать, делайте маленькие операции.

— Проверьте, не слишком ли часто вы производите эти вычисления.

Разгрузите процессор, отдайте сложные алгоритмы бэкендеру, несмотря на то, что вы – красавец и можете его написать.

  • Добавьте правильную обратную связь в интерфейс, чтобы пользователь понимал, что, да, идут вычисления, но это нормально.
  • После этого, оптимизируйте память.

За подробностями о том, как попадать в кадры Event Loop, почему сборка мусора может стать проблемой, откуда берется утечка памяти, как использовать тротлинг, куда и какие вычисления стоит отдать и др., стоит обратиться непосредственно к докладу. Там все наглядно, с примерами и тестами.

И, кстати, профи во фронтенде мы приглашаем поделиться опытом на следующей FrontendConf в рамках фестиваля РИТ++. Здесь наша схема работы с докладчиками и форма для подачи заявок.

Подать заявку!