Site performance

Ask the community
, ,
1

Hello everyone have a good week. I need some help about how to make my site load faster because ive written many lines of code (1306 to be excact) and it seems that makes my site slower (i get 6.2 seconds time and 4.5 viewing time). I have many texts that hide and show while mouse is hovering on them (one behind another to make the underline effect coz i couldnt get the other code found on wix forum to work) and I would like some suggestions for coding to make it faster except the tips already provided by wix. An example of my code is shown below

$w.onReady( function () {

});

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
export function bedroom_mouseIn(event) {
if ($w(‘#kidroombox’).isVisible /|| $w(‘#bedroombox’).isVisible/ || $w(‘#bathroombox’).isVisible || $w(‘#kitchenbox’).isVisible || $w(‘#livingroombox’).isVisible || $w(‘#baptishbox’).isVisible || $w(‘#marrybox’).isVisible
|| $w(‘#gardenbox’).isVisible || $w(‘#hotelbox’).isVisible || $w(‘#discountbox’).isVisible || $w(‘#homebox’).isVisible )
{
$w(‘#kidroom’).style.color = ‘#000000’;
$w(‘#kidroombox’).hide();
$w(‘#box4’).hide();

        $w('#bathroom').style.color = '#000000'; 
        $w('#bathroombox').hide(); 
        $w('#box6').hide(); 

        $w('#kitchen').style.color = '#000000'; 
        $w('#kitchenbox').hide(); 
        $w('#box8').hide(); 

        $w('#livingroom').style.color = '#000000'; 
        $w('#livingroombox').hide(); 
        $w('#box10').hide(); 

        $w('#baptish').style.color = '#000000'; 
        $w('#baptishbox').hide(); 
        $w('#box12').hide(); 

        $w('#marry').style.color = '#000000'; 
        $w('#marrybox').hide(); 
        $w('#box14').hide(); 

        $w('#garden').style.color = '#000000'; 
        $w('#gardenbox').hide(); 
        $w('#box18').hide(); 

        $w('#hotel').style.color = '#000000'; 
        $w('#hotelbox').hide(); 
        $w('#box16').hide(); 

        $w('#discount').style.color = '#000000'; 
        $w('#discountbox').hide();

// $w(‘#box20’).hide();

// $w(‘#bedroom’).style.color = ‘#000000’;
// $w(‘#bedroombox’).hide();
// $w(‘#box1’).hide();
}
$w(‘#bedroom’).style.backgroundColor = “#2B2B2B”;
$w(‘#bedroom’).style.color = ‘#FFFFFF’;
$w(‘#bedroombox’).show();
$w(‘#columnStrip13’).show();
$w(‘#box1’).show();
}

export function bedroom_mouseOut(event) {
return true ;

}