En años anteriores usábamos un poco las precargas y mostrábamos algún tipo de animación en lo que la pagina estaba lista para el usuario (esos detalles ya los he olvidado), hay algún modo de mostrar la animación o el circulito girando en lo que la pagina se carga bien para los usuarios, no es mucho lo que demora mi pagina en cargar pero en el primer vistazo algunos objetos no están listos o las animaciones no corren hasta después de unos segundo en que has dados scroll down
-->He encontrado un codigo para la pregarca el cual he modificado segun los archivos CSS y JS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS and CSS preload example</title>
<link rel="preload" href="ani.css" as="style">
<link rel="preload" href="custom_styles.css" as="style">
<link rel="preload" href="xr_all.css" as="style">
<link rel="preload" href="xr_fonts.css" as="style">
<link rel="preload" href="xr_fontsie.css" as="style">
<link rel="preload" href="xr_fontsrep.css" as="style">
<link rel="preload" href="xr_ie.css" as="style">
<link rel="preload" href="xr_ios.css" as="style">
<link rel="preload" href="xr_main.css" as="style">
<link rel="preload" href="xr_text.css" as="style">
<link rel="preload" href="jquery.js" as="script">
<link rel="preload" href="png.js" as="script">
<link rel="preload" href="replaceMobileFonts.js" as="script">
<link rel="preload" href="roe.js" as="script">
<link rel="stylesheet" href="custom_styles.css">
</head>
<body>
<h1>bouncing balls</h1>
<canvas></canvas>
<script src="/index_htm_files/main.js"></script>
</body>
</html>
lo he insertado en el "Codigo HTML (head)" de las propiedades web, no estoy seguro si esta bien la ubicación y el código en si.