I have a javascript websocket process in the main page like below, how to initialize once, right now everytime the page refresh or back from other page it always reinitialze so the socket reconnecting

    let socket = new WebSocket(socketUrl);
    socket.onopen = function (event)
    {
        const sm = JSON.stringify({
            data: {
                msg_id: 'lets_auth',
                users_pid: _users_pid
            }
        });

        document.getElementById("avatar").style.color = "lime";
        socket.send(sm);
    };

    socket.onclose = function (event)
    {
        document.getElementById("avatar").style.color = "red";
    };

    socket.onerror = function (event)
    {
        document.getElementById("avatar").style.color = "red";
    };

    socket.onmessage = function (event)
    {
        document.getElementById("avatar").style.color = "lime";
        var msg = $('<textarea />').html(event.data).text();
        /*alert('onmessage ' + msg);*/
    };