@MrZillaGold

Как можно оптимизировать рендеринг элементов?

Я перебираю больше 500 элементов массива и для каждого элемента создаю создаю span.
На мобильных устройствах происходит большой фриз.
Как можно оптимизировать загрузку элементов в таком случае?

[...Array(542)].map((value, index) => 
                                <span 
                                       key={icon}
                                       className={`item-icon item-icon-${icon}`}
                                    />
                            }
                        )
  • Вопрос задан
  • 484 просмотра
Решения вопроса 3
@Al6xand6r
Маловато информации, конечно... Но, мне кажется, такую операцию лучше выполнять на бэке, и отдавать фронту готовую страницу.
Ответ написан
hzzzzl
@hzzzzl
что за 500 спанов, эмоджи для чатика?
может их поделить на категории и в каждой категории рендерить по 50?
или еще как-то пагинировать, через слайдер или "бесконечную подгрузку"

и да! ты это делаешь один раз при маунте компонента, или это происходит каждый раз при рендере?
Ответ написан
@McBernar
В статике сделать. Сделать простенький скрипт на ноде, который нарендерит в файл весь массив. И подключать его как компонент. Это если нет сервер-сайд рендера.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы