Cum de a straluci timpul de așteptare al utilizatorului sau de a preîncărca pagina, shublog

Îmi amintesc că odată ce am avut o structură foarte complexă, deloc ascuțită pentru a face, ceea ce trebuia să fac, desigur, cauciuc. Deși în acel moment eram deja un designer foarte bun, site-ul sa dovedit a fi destul de complex în ceea ce privește aspectul.







Situl a fost tăiat în părți destul de mari, adică a fost bogat în grafică, care a mărit deja timpul de încărcare al paginii. Ulterior, site-ul a fost îmbogățit cu flash și scripturi.

Rezultatul a fost că - în timp ce pagina se încarcă (viteza de conectare 1 sau 2 mb a fost), toate elementele nu sunt clare unde sunt, unele bug-uri dezgustătoare ies și totul se află în fața utilizatorului. Apoi sa hotărât că scriptul de preloading a paginii este necesar: în timp ce site-ul este încărcat, utilizatorul vede o fereastră frumoasă, unde i se arată ceva.

Deoarece chiar și acum există o mulțime de locuri care nu stau pe liniile de mare viteză (din motive, nu numai în interiorul Rusiei, ci aproape în toată Belarusul - acolo au bideu pe Internet), atunci această metodă ar trebui să fie scrisă.







Scriptul de înlocuire pe JS, care ascunde și prezintă straturile necesare. Dacă doriți, îl puteți pune într-un fișier separat și îl puteți conecta. Sau doar pune-l în pălăria lui.

În cele din urmă, codul trebuie conținut în corp

Funcția preload_page este încărcată prin evenimentul onLoad și verifică dacă variabila check_preload a fost inițiată și dacă da, ea efectuează operații pe straturi (vă amintiți întotdeauna că 1 este adevărat și 0 este fals?).

De exemplu, aveți posibilitatea să creați două versiuni ale paginii, cu preîncărcare și fără și unde, cu preîncărcarea în partea de jos a literelor mici, să scrieți ceva de genul "dacă vedeți această fereastră mai mult de 20 de secunde, apoi urmați linkul".

Și, în final, o imagine pentru creșterea stării de spirit =).

Cum de a straluci timpul de așteptare al utilizatorului sau de a preîncărca pagina, shublog







Articole similare

Trimiteți-le prietenilor: