Я делаю простой выборки следующим образом
useLayoutEffect(() => {
var v1 = performance.now();
fetch('https://example.com/api/')
.then(result => {
var v2 = performance.now();
console.log("total time taken for fetch = "+(v2-v1)+"milliseconds");
return result.json()
})
.then(data => {
var v3 = performance.now();
console.log("total time taken = "+(v3-v1)+"milliseconds");
console.log(data.data);
})
},[])
![Fetch console.log](https://i.stack.imgur.com/3YnEJ.png)
На стороне сервера я включил время выполнения сервера, которое показывает 0,00759 секунд, чтобы обработать весь сценарий php, включая запрос php.
У меня есть доступ к API напрямую через браузер, и это очень быстро, почти мгновенно.
Однако, когда я использую реагировать / javascript, иногда огромная задержка достигает 7-10 секунд.
Я sh, чтобы узнать, как найти узкое место для задержки / задержки.