Как улучшить реакцию рендеринга на мобильных устройствах?

Question

У меня есть приложение, написанное в responsejs, это довольно быстро, когда компоненты визуализируются, но слишком медленно для его визуализации. На компьютере это занимает около 2 секунд, но на мобильном устройстве для отображения страницы требуется около 8 секунд, это очень медленно.

Есть ли какие-либо общие методы для увеличения времени загрузки веб-сайта?

Я использовал хромированную шкалу времени для анализа производительности. Я видел, что много времени было потрачено browser.js. Мне было интересно, поможет ли конвертация jsx jjx в javascript.

Я также видел, что перед тем, как появляются домены, есть длинная пауза, я не уверен, что делает браузер за это время и как это решить.

Answer 1

Вы определенно должны заранее составить ваш React код для производства. Также очень важно установить process.env.NODE_ENV на production. Это ускорит общий и первоначальный рендеринг на много (тем более для рендеринга на стороне сервера). Для этого вы можете использовать плагин для браузера envify или соответствующий плагин webpack (в зависимости от вашего стека).

Также рекомендую эту конференцию беседу, которая включает в себя множество других мелких/крупных скорости рендеринга окна: https://www.youtube.com/watch?v=PnpfGy7q96U