I am in the process of creating three websites. Two of them are functioning perfectly fine, but I am encountering a speed issue with the third one. Sometimes it loads slowly initially, but if I wait a bit longer, it eventually loads and works well. However, if I switch to another tab while waiting for it to load, the entire site freezes. What could potentially be causing this problem?
body {
font-family: sans-serif;
background: url(wallpaper.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.fading {
background-image: url('fatyol.png');
width: 880px;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
text-align: center;
}
#cim {
font-family: sans-serif;
text-decoration: underline;
font-size: 30px;
}
#nav {
font-family: sans-serif;
}
.kep {
width: 800px;
height: 500px;
margin-left: 50px;
...
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e684889892959394878095b0d7ccd3ccd5">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT...
<li class="nav-item">
<a class="nav-link" href="site2.html">Második nap</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="fading">
<header class="fejlec">
<h1>Első nap</h1>
</header>
<div class="row">
<div class="col-md">
<img src="SiofokViztorony.jpg" alt="Víztorony" class="hajokep">
</div>
<div class="col-md-6">
<img src="szallas.jpg" alt="Szállás" class="hajokep">
</div>
</div>
<p>Késő reggel, 9:30 körül indultunk el a vonatállomásról, nekivágva egy 2 és fél órás egy helyben utazásnak Siófokra.</p>
<p>A vonatról leszállva negyed órás séta mellett keresztül vágtunk Siófok Fő terén, melynek közepén egy hatalmas víztorony áll, amely 2022 őszén lett felújítva. Jelenleg kil&a...
...
<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e0828f8f949394928190a0d5ced1ced3">[email protected]</a>/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP...After carefully reviewing the entire code base, I couldn't pinpoint any specific reason that might be causing this performance issue.