Joomla VirtueMart: internetinės parduotuvės diegimas ir konfigūravimas. Lazy Load – tingus vaizdų įkėlimas, skirtas „virtuemart“ papildinys LLFJ – „Lazy Load“, skirtas „Joomla“
Puslapio įkėlimo greitį galite padidinti įvairiais būdais:
- talpykloje
- css ir js failų suspaudimas
- vaizdo optimizavimas
Šiame straipsnyje mes išsamiai išanalizuosime paskutinį tašką ir parodysime, kokių rezultatų galima pasiekti.
Kai vaizdams naudojate tingų įkėlimą, puslapio svoris tampa mažesnis, todėl puslapis pradeda įkelti greičiau.
Veikimo principas paprastas – vaizdai dinamiškai įkeliami vos patekę į vartotojo matymo lauką. Pavyzdžiui, naršyklei nereikia iš karto atsisiųsti visų produktų nuotraukų iš kategorijos, užtenka atsisiųsti ir parodyti kelių pirmajame ekrane pasirodžiusių produktų nuotraukas. Jei puslapyje rodoma daug produktų, tai žymiai pagreitins įkėlimą.
Yra 2 būdai, kaip integruoti tingų apkrovą į virtueart:
- rankiniu būdu, atlikdami kai kuriuos šablono pakeitimus
- naudojant papildinį, kuris leis pridėti tingų apkrovą visiems svetainės vaizdams
Yra daug scenarijų, kuriuos galima naudoti norint integruoti tingų įkėlimą į svetainę. Aš naudoju echo.js. Suglaudinta scenarijaus versija sveria tik 2 KB. Darbo pavyzdį galite pamatyti šiame puslapyje.
Prijunkite scenarijų prie kategorijos puslapio. Kituose puslapiuose, mano nuomone, nėra prasmės naudoti tingų įkėlimą. Jei reikia pridėti tingų apkrovą visiems svetainės vaizdams, geriau naudoti LLFJ papildinį - Lazy Load for Joomla! , kuris bus aptartas kitame skyriuje.
Taigi, nukopijuokime scenarijaus failus į šablonų aplanką /templates/template_name/echo/ .
Pakeiskime vaizdo rodymo kategorijoje kodą.
Virtueart 3
Failo /components/com_siteblaouts/products.php pakeisime