anacondaA probléma nem az internet sebességed miatt van, azon már rég túl vagyunk böngészés területén, hogy gyorsan betöltődjön egy weboldal.
Amióta 4~5 Mbps / eszköz rendelkezésre áll, nem a sáv széllesség a probléma, mert azzal villám gyorsan lejőnek a szükséges adatok.
Akkor miért is lassú!?
A weboldal amit meglátogatsz, sokszor szerver oldalon optimalizálatlan, WordPress, Joomla...
és hasonló tartalom kezelő moduláris portálok, ha nincs agyon cachelve másodpercek csak a szerver válasz idő.
Aztán ha meg jön a válasz, a FrontEnd felületi FW -k tucatjait tölti le, ami alapvetően még nem lenne gond, pár száz KByte csak.
DE! Ezeket a JS - CSS lib -eket utána kliens oldalon értelmeznie kell, ez géptől függően 1 másodperc és 10 másodperc közt is változhat.
És mikor végre már ott az oldal előtted, akkor se lélegezhetsz fel, mert elkezdi betölteni a 3. fél dolgait, ADS és Soc modulokat.
Ha pedig nincs kihagyva előre neki fix -en a hely, akkor bizony össze - vissza ugrálhat.
De ha be is töltődött az oldal egyszer, amint navigálnál rajta többnyire, csak a letöltést spórolod mg a JS - CSS és alap képi elemeknél,
Vagy is az internet sávszéllességednek itt már semmi hasznát nem veszed, hogy gyors, mert már gépeden van Cacheben.
Viszont onnan betöltve, elkezdi újra inicializálni őket és újra legenerálni az oldalt, és géped hardvereitől függően változik mennyi idő.
Hogy ezt az utóbbi eseten javítani lehessen pár helyen láthatod, hogy mikor rákattintasz valamire szinte pillanatok alatt bejön,
ezt az AJAX integrációval próbálják erősíteni, ilyenkor csak részben kerül újra rajzolásra a weboldal, és nem kell újra inicializálni a JS CSS lib -eket.
Ilyen pl. a pizzaforte.hu ott is AJAX -al töltik be az oldalakat, és cache -ben is tárolja.
Aztán tényleg fehér holló szinten van az amikor WebSocket -en keresztül szolgálja ki az ügyfelet.
Ilyenkor a szerveroldalon a méretes FW fáljainak inicializálása, betőltése már megtőrtént előre,
és csak gyors adatcsere tőrténik a szerver és kliens közt, aminek extra bónusza, hogy szerver oldalról is indulhat tranzakció,
azaz pl. egy chat esetén nem kell x időnként lekérni hogy van -e új üzenet, hanem amint érkezik, az aktív kapcsolaton keresztül értesít.
Miért volt gyorsabb 2001~2004 közt!?
Mert minimális JS volt, azt is ráért betölteni, az oldal után, mert extra volt, nem alap része.
A weboldalak sokkal egyszerűbbek voltak, jelentős részük csak statikus HTML.
Nem egy kész 40 ezer fájlból álló tartalom kezelő generálta le, hanem max 1-2 PHP/CGI fájl.
CSS is inkább a natív HTML kiegészítése volt, és nem az adata a weboldal teljeses szerkezetét.
Akkoriban Frame és táblákkal osztották fel a weboldalt, így formázások HTML része voltak.
Manapság CSS3 -al, Grid/Flex szerkezet -t responzívan ír le egy stílus lap, nem csak pár formázást, padding, margin, betűméret, szín...
A HTML kód manapság inkább formázást már nem is tartalmaz, csak egy minimális vázat, amit utána CSS -el rendeznek, formáznak.
Sőt lassan csak egy Canvas réteg / rajzalap lesz, és át fog lépni egyre inkább a WebASM és WebGL felé, és akár 3D grafikai felület lessz.