How to reduce a url loading time?

I want to create an app for users to read the news. I am doing something like this.

 <Modal
          animated
          animationType="fade"
          visible={visible}
          transparent
          onRequestClose={() => {
            Alert.alert('Modal has been closed.');
          }}>
          <View style={styles.overlay}>
            <Animated.View
              style={{
                ...styles.ModalContainer,
                transform: [{ translateY: translateY }],
              }}
              {...panResponders.panHandlers}>
              <View style={styles.sliderIndicatorRow}>
                <View style={styles.sliderIndicator} />
              </View>
              <TouchableHighlight
                style={{ ...styles.openButton }}
                onPress={() => {
                  setVisible(false);
                }}>
                <AntDesign name="close" size={24} color="black" />
              </TouchableHighlight>
              <WebView
                source={{ uri: item.url }}
                originWhitelist={['*']}
                javaScriptEnabled={true}
                domStorageEnabled={true}
                scrollEnabled={true}
                startInLoadingState={true}
                renderLoading={() => <ActivityIndicator size="large" color="#0000ff" />}
              />
            </Animated.View>
          </View>
        </Modal>

But it is taking too long to open up the link in the demo, how can I reduce the loading time?

How does the load time compare with you opening up the url in a browser on the same device you are running the app?

its like an instant open with webbrowsers, but it takes up to 6 seconds to open up in webview