Почему небольшой динамический файл динамического импорта (~ 3,7 КБ) занимает 650 мс при первой нагрузке, но только 45 мс ⇐ Javascript

[Anonymous]

У меня есть приложение React, развернутое на aws s3 + cloudfront .

Код: Выделить всё

import()

), и соответствующий js -чанк очень мал (~ 3,7 кб).
На первой нагрузке , запрос на этот файл требует до 650 мс , но если я сразу же обновляю страницу, запрашивается только для . Файл: < /p>

Код: Выделить всё

Request URL: https://admin.simprosysapis.com/assets/RolesList-DVgRFD0k.js
Request Method: GET
Status Code: 200 OK
Remote Address: 18.66.57.77:443
Referrer Policy: strict-origin-when-cross-origin
< /code>
 Заголовки ответов < /h4>
cache-control: max-age=3600, must-revalidate
content-encoding: br
content-type: text/javascript
server: SimprosysAPI
via: 1.1 ...cloudfront.net (CloudFront)
x-cache: Miss from cloudfront
< /code>
 Заголовки запросов < /h4>
accept-encoding: gzip, deflate, br, zstd
cache-control: no-cache
pragma: no-cache
user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) ...
< /code>

 мои вопросы < /h3>

  Почему файл 3,7 кб требует ~ 650 мс для загрузки в первый раз? x-cache: Miss From CloudFront 

Заголовок ответственный? Копировать ? /> Что я попробовал < /h3>

Проверенные заголовки: Кодирование контента: br < /code> подтверждает сжатие.max-age=3600< /code>). < /li>
Поведение согласуется по нескольким сборкам. < /li>
< /ul>

ожидаемое /желаемое < /h3>
Я хочу понять, не может ли это быть в плане.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... rst-load-b