Loading strony.

Question

cześć, mam pytanie odnośnie skryptu potrzebnego do loadingu strony,

mam taki skrypcik

<script>
var myVar;

function myFunction() {
    myVar = setTimeout(showPage, 2000);
}

function showPage() {
  document.getElementById("loader").style.display = "none";
  document.getElementById("myDiv").style.display = "block";
}
</script>	
	

Moje pytanie jest takie, co wpisać w tym miejscu "myVar = setTimeout(showPage, tutaj);" zeby strona się załadowała dopiero po jej całkowitym załadowaniu, bo w tej chwili strona się pokazuje po 2sekundach

Answer 1

showPage powinno być wywołane przy zdarzeniu load strony. Inna rzecz: po co Ci to?

Comments

Jest to nowy trend aby user nie widział skaczacych doczytywnych obrazków a od razu gotową strone.

---

Ale to przecież wpływa negatywnie na perceived performance, więc ten trend nie ma najmniejszego sensu… Loader z góry sprawia, że strona sprawia wrażenie ciężkiej, bo… potrzebuje loadera.

---

Głównie stosuję się to tylko na content strony który dłużej się wczytuje niz nagłówek i potem content wchodzi na opacity. Mi też sie ten trend nie podoba i pewnie szybko umrze.

Answer 2

Zamiast 

myVar = setTimeout(showPage, 2000);

musisz posłużyć sie eventami. np Tak :

window.onload = showPage;

lub tak 

window.onload = function () {

  document.getElementById("loader").style.display = "none";

  document.getElementById("myDiv").style.display = "block";

};

 

Comments

Polecałbym mimo wszystko addEventListener.