ലേസി ലോഡ് - ഉൽപ്പന്ന ഫോട്ടോകൾ ലോഡുചെയ്യാൻ വൈകി. Joomla VirtueMart: Virtuemart 3 ഓൺലൈൻ സ്റ്റോറിന്റെ ഇൻസ്റ്റാളേഷനും കോൺഫിഗറേഷനും, സാധനങ്ങളുടെ ക്രമാനുഗതമായ ലോഡിംഗ്

നിങ്ങൾക്ക് പേജ് ലോഡിംഗ് വേഗത വ്യത്യസ്ത വഴികളിൽ വർദ്ധിപ്പിക്കാൻ കഴിയും:

കാഷിംഗ്
css, js ഫയലുകളുടെ കംപ്രഷൻ
ഇമേജ് ഒപ്റ്റിമൈസേഷൻ

ഈ ലേഖനത്തിൽ ഞങ്ങൾ അവസാന പോയിന്റ് വിശദമായി വിശകലനം ചെയ്യുകയും എന്ത് ഫലങ്ങൾ കൈവരിക്കാനാകുമെന്ന് കാണിക്കുകയും ചെയ്യും.

ഇമേജുകൾക്കായി നിങ്ങൾ അലസമായ ലോഡ് ഉപയോഗിക്കുമ്പോൾ, പേജിന്റെ ഭാരം കുറയുന്നു, അതിനാൽ പേജ് വേഗത്തിൽ ലോഡ് ചെയ്യാൻ തുടങ്ങുന്നു.

പ്രവർത്തന തത്വം ലളിതമാണ് - ഇമേജുകൾ ഉപയോക്താവിന്റെ വ്യൂ ഫീൽഡിൽ വരുമ്പോൾ തന്നെ ചലനാത്മകമായി ലോഡുചെയ്യപ്പെടും. ഉദാഹരണത്തിന്, ബ്രൗസറിന് ഒരു വിഭാഗത്തിൽ നിന്നുള്ള ഉൽപ്പന്നങ്ങളുടെ എല്ലാ ഫോട്ടോകളും ഉടനടി ഡൗൺലോഡ് ചെയ്യേണ്ടതില്ല; ആദ്യ സ്ക്രീനിൽ ദൃശ്യമാകുന്ന നിരവധി ഉൽപ്പന്നങ്ങൾക്കായി ചിത്രങ്ങൾ ഡൗൺലോഡ് ചെയ്ത് പ്രദർശിപ്പിക്കാൻ ഇത് മതിയാകും. പേജിൽ ധാരാളം ഉൽപ്പന്നങ്ങൾ പ്രദർശിപ്പിച്ചിട്ടുണ്ടെങ്കിൽ, ഇത് ലോഡിംഗ് വേഗത്തിലാക്കും.

virtuemart-ലേക്ക് അലസമായ ലോഡ് സംയോജിപ്പിക്കാൻ 2 വഴികളുണ്ട്:

സ്വമേധയാ, ടെംപ്ലേറ്റിൽ ചില മാറ്റങ്ങൾ വരുത്തുന്നു
സൈറ്റിലെ എല്ലാ ഇമേജുകൾക്കും അലസമായ ലോഡ് ചേർക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഒരു പ്ലഗിൻ ഉപയോഗിക്കുന്നു

അലസമായ ലോഡ് സ്വമേധയാ ചേർക്കുക

ഒരു വെബ്‌സൈറ്റിലേക്ക് അലസമായ ലോഡ് സംയോജിപ്പിക്കാൻ ഉപയോഗിക്കാവുന്ന നിരവധി സ്‌ക്രിപ്റ്റുകൾ ഉണ്ട്. ഞാൻ echo.js ആണ് ഉപയോഗിക്കുന്നത്. സ്ക്രിപ്റ്റിന്റെ കംപ്രസ് ചെയ്ത പതിപ്പിന് 2 KB മാത്രമാണ് ഭാരം. ജോലിയുടെ ഒരു ഉദാഹരണം ഈ പേജിൽ കാണാം.

നമുക്ക് സ്ക്രിപ്റ്റ് കാറ്റഗറി പേജിലേക്ക് ബന്ധിപ്പിക്കാം. മറ്റ് പേജുകളിൽ, എന്റെ അഭിപ്രായത്തിൽ, അലസമായ ലോഡിംഗ് ഉപയോഗിക്കുന്നതിൽ കാര്യമില്ല. നിങ്ങൾക്ക് എല്ലാ സൈറ്റ് ഇമേജുകൾക്കും ലാസി ലോഡ് ചേർക്കണമെങ്കിൽ, LLFJ പ്ലഗിൻ ഉപയോഗിക്കുന്നതാണ് നല്ലത് - ജൂംലയ്‌ക്കായുള്ള ലേസി ലോഡ്! , അത് അടുത്ത വിഭാഗത്തിൽ ചർച്ച ചെയ്യും.

അതിനാൽ, നമുക്ക് സ്ക്രിപ്റ്റ് ഫയലുകൾ ടെംപ്ലേറ്റ് ഫോൾഡറിലേക്ക് പകർത്താം /templates/template_name/echo/ .

വിഭാഗത്തിൽ ചിത്രം പ്രദർശിപ്പിക്കുന്നതിനുള്ള കോഡ് മാറ്റിസ്ഥാപിക്കാം.

വെർച്യുമാർട്ടിന് 3

ഫയലിൽ /components/com_siteblayouts/products.php ഞങ്ങൾ മാറ്റിസ്ഥാപിക്കും

< a title = " " href = " " >