Faceți o îmbunătățire mai bună a imaginilor progresive cu AntiModerate
Este posibil ca scriptul AntiModerate să nu pară prea mult. Dar este unul dintre cele mai bune scripturi JS pe care le puteți rula pentru a îmbunătăți performanța pe o pagină mai mare și pentru a menține o experiență puternică a utilizatorului.
Cu asta gratuit, puteți încărca imaginile atunci când apar în vedere și reduceți dimensiunea totală a paginii.
Astfel se poate încărca întreaga pagină primul cu suporturi mici pentru imagini. Atunci, vizitatorii dvs. navighează în mod natural fără a aștepta încărcarea fiecărui bun - întotdeauna un lucru bun din perspectiva utilizatorului!
Iată cum funcționează acest lucru: adăugați pluginul AntiModerate în pagină împreună cu scriptul StackBlur.js.
AntiModerate trage dimensiunile imaginii și forțează toate etichetele img într-o dimensiune fixă pe pagină. Aceste imagini pre-încărcate sunt împinse prin intermediul StackBlur.js care reduce drastic dimensiunea totală a fișierului de previzualizare, încărcând astfel pagina cu mult mai devreme.
Odată ce aceste imagini mai mici sunt instalate, AntiModerate încarcă imaginile de dimensiune completă în fundal. Fiecare fotografie neclare este apoi înlocuită cu fotografia obișnuită după terminarea descărcării. Uşor!
Acest salvează o grămadă de timp de așteptare pentru imagini și vă ajută să încărcați pagina mult mai rapid. Este un beneficiu uriaș pentru utilizatori, deoarece acestea pot începe să consume mai repede conținutul, și vă oferă avantaje în clasamentul SERP, deoarece Google are grijă foarte mult de viteza paginii.
Puteți instala biblioteca direct cu npm sau Bower sau trageți scriptul prin GitHub.
Acest lucru necesită doar câteva rânduri de JavaScript și este sigur că veți contribui la îmbunătățirea încărcărilor paginii. Luați o privire la repo GitHub și derulați până la ghidul de configurare pentru a începe.
Cu doar câteva linii de cod, AntiModerate ar trebui să fie un ne-brainer pentru a fi difuzate pe orice pagină.
Să nu mai vorbim de asta pur JavaScript astfel încât nu necesită niciun fel de dependență ca jQuery pentru a obține de lucru.
