In the React app, loading an image from an iPhone on wi-fi is very slow, on the mobile Internet it is excellent. Someone faced?

Question

iPhone

I have an application written in React. Images are loaded using the following code:

<input type='file' id='single-file' onChange={props.onChange}/>

onChange = e => {
                let ua = navigator.userAgent;
                let is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
                if (is_ie === true) {
                        let file = document.getElementById('single-file').files[0];
                        this.props.uploadImage(file);
                        this.props.openUpload(true);
                } else {
                        this.props.uploadImage(e.target.files[0]);
                        this.props.openUpload(true);
                        e.target.value = '';
                }
        };

sent as standard by the axios module using FormData.
When testing, it turned out that sending files from a PC and Android phones is fast and normal. But on the iPhone on the mobile Internet of the network, the photo is sent perfectly, but it takes about two to three minutes on wi-fi. We checked different iPhones (X, XR, 6, 7), different browsers, different wi-fi networks - the result is the same.
Maybe someone faced a similar problem?

Answer 1

Perhaps the reason is caching (local or provider).

Answer 2

Are you sure it's because of react and because of wi fi?
in my opinion there is no connection here, the problem here is on the Internet
should be tested on different wi-fi networks of different providers and also with different mobile operators