Читаемость или производительность кода важнее во Frontend

«Читаемость или производительность кода важнее во Frontend» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Читаемость важнее в большинстве случаев.

  1. Поддержка кода: фронтенд часто меняется, и код читают чаще, чем оптимизируют. Чистый код легче поддерживать.

  2. Преждевременная оптимизация: микрооптимизации редко дают заметный прирост, но усложняют код.

  3. Инструменты: современные фреймворки (React, Vue) и минификаторы (Webpack) сами оптимизируют код.

Пример:

// Читаемо, но "медленно"
const filteredItems = items.filter(item => item.isActive);

// "Быстро", но сложно читать
const activeItems = [];
for (let i = 0; i < items.length; i++) {
  if (items[i].isActive) activeItems.push(items[i]);
}

Оптимизируйте только узкие места после профилирования!