ഞങ്ങളുടെ പേജ് ലോഡ് സമയം 10 ​​സെക്കൻഡ് കൊണ്ട് ഞങ്ങൾ എങ്ങനെ കുറയ്ക്കും

ഒരു മികച്ച വെബ്‌സൈറ്റിലേക്ക് വരുമ്പോൾ വേഗതയും സാമൂഹികവും ഒരുമിച്ച് പ്രവർത്തിക്കുന്നതായി തോന്നുന്നില്ല. ഞങ്ങൾ ഞങ്ങളുടെ സൈറ്റിലേക്ക് മൈഗ്രേറ്റുചെയ്തു ഫ്ല്യ്വ്ഹെഎല് (അനുബന്ധ ലിങ്ക്) മാത്രമല്ല ഇത് ഞങ്ങളുടെ സൈറ്റിന്റെ പ്രകടനവും സ്ഥിരതയും വളരെയധികം മെച്ചപ്പെടുത്തി. എന്നാൽ ഞങ്ങളുടെ സൈറ്റ് രൂപകൽപ്പന - ഫേസ്ബുക്ക്, ട്വിറ്റർ, യൂട്യൂബ്, പോഡ്കാസ്റ്റ് എന്നിവയിൽ ഞങ്ങളുടെ സാമൂഹിക പ്രവർത്തനങ്ങളെ പ്രോത്സാഹിപ്പിക്കുന്ന ഒരു തടിച്ച അടിക്കുറിപ്പ് ഉപയോഗിച്ച് - ഞങ്ങളുടെ സൈറ്റിനെ ഒരു ക്രാളിലേക്ക് മന്ദഗതിയിലാക്കി.

അത് മോശമായിരുന്നു. ഒരു മികച്ച പേജ് 2 സെക്കൻഡോ അതിൽ കുറവോ ഉള്ളിൽ ലോഡുചെയ്യുമ്പോൾ, ഒരു പേജ് പൂർത്തിയാകുന്നതിന് ഞങ്ങളുടെ സൈറ്റ് 10 സെക്കൻഡിലധികം എടുക്കുന്നു. പ്രശ്നം വേർഡ്പ്രസ്സ് അല്ലെങ്കിൽ ഫ്ലൈ വീൽ ആയിരുന്നില്ല, മറ്റ് സേവനങ്ങളിൽ നിന്ന് ഞങ്ങൾ ലോഡ് ചെയ്ത എല്ലാ സംവേദനാത്മക ഘടകങ്ങളുമാണ് പ്രശ്നം… ഫേസ്ബുക്ക്, ട്വിറ്റർ വിജറ്റുകൾ, യൂട്യൂബ് പ്രിവ്യൂ ഇമേജുകൾ, ഞങ്ങളുടെ പോഡ്കാസ്റ്റ് ആപ്ലിക്കേഷൻ, അവ എത്ര സാവധാനത്തിൽ ലോഡുചെയ്യുന്നുവെന്ന് എനിക്ക് നിയന്ത്രിക്കാനായില്ല. അതുവരെ.

ഞങ്ങളുടെ പേജുകൾ ഏകദേശം 2 സെക്കൻഡിനുള്ളിൽ ലോഡുചെയ്യുന്നത് നിങ്ങൾ ഇപ്പോൾ ശ്രദ്ധിക്കും. ഞങ്ങൾ അത് എങ്ങനെ ചെയ്തു? ഞങ്ങളുടെ അടിക്കുറിപ്പിലേക്ക് ഒരു ചലനാത്മക വിഭാഗം ഞങ്ങൾ ചേർത്തു, അത് ഉപയോക്താവ് ആ സ്ഥാനത്തേക്ക് സ്ക്രോൾ ചെയ്യുമ്പോൾ മാത്രം ലോഡുചെയ്യുന്നു. ഒരു ബ്ര browser സറിൽ (മൊബൈൽ, അപ്ലിക്കേഷൻ അല്ലെങ്കിൽ ടാബ്‌ലെറ്റ് അല്ല) ഞങ്ങളുടെ പേജിന്റെ അടിയിലേക്ക് സ്ക്രോൾ ചെയ്യുക, ഒരു ലോഡിംഗ് ഇമേജ് ഏറ്റെടുക്കുന്നത് നിങ്ങൾ കാണും:

ലോഡ് ചെയ്യുക

JQuery ഉപയോഗിച്ച്, ആരെങ്കിലും അവിടെ സ്ക്രോൾ ചെയ്യുന്നതുവരെ ഞങ്ങൾ പേജിന്റെ അടിസ്ഥാനം ലോഡുചെയ്യില്ല. കോഡ് യഥാർത്ഥത്തിൽ വളരെ ലളിതമാണ്:

window (വിൻഡോ) .സ്‌ക്രോൾ (പ്രവർത്തനം () {if (jQuery (പ്രമാണം). ഉയരം () == jQuery (വിൻഡോ) .സ്‌ക്രോൾടോപ്പ് () + jQuery (വിൻഡോ). ഉയരം ()) {if ($ ("# പ്ലാസെലോഡ്" ) .ടെക്സ്റ്റ് (). നീളം <200) {$ ("# സപ്ലിമെന്ററി"). ലോഡ് ('[ലോഡുചെയ്യാനുള്ള പേജിന്റെ പൂർണ്ണ പാത]');}}});

ഉപയോക്താവ് പേജിന്റെ അടിയിലേക്ക് സ്ക്രോൾ ചെയ്തുകഴിഞ്ഞാൽ, jQuery go വ്യക്തമാക്കിയ പാതയുടെ പേജ് ഉള്ളടക്കങ്ങൾ എക്‌സ്‌ട്രാക്റ്റുചെയ്‌ത് നിങ്ങൾ തിരഞ്ഞെടുത്ത ഒഴിവിനുള്ളിൽ ലോഡുചെയ്യുന്നു.

അവിടെ ലോഡുചെയ്ത ഉള്ളടക്കത്തിൽ നിന്ന് സൈറ്റിന് മേലിൽ പ്രയോജനം ലഭിക്കില്ലെങ്കിലും (ഒരു സെർച്ച് എഞ്ചിൻ അത് ക്രാൾ ചെയ്യാത്തതിനാൽ), പേജിന്റെ വേഗത ഞങ്ങളുടെ റാങ്കിംഗിനും പങ്കിടലിനും ഇടപഴകലിനുമായി ആരെയെങ്കിലും സഹായിക്കുന്നതിനേക്കാൾ കൂടുതൽ സഹായിക്കുമെന്ന് ഞങ്ങൾക്ക് ഉറപ്പുണ്ട് ഞങ്ങളുടെ പേജ് വളരെ സാവധാനത്തിൽ ലോഡുചെയ്യുന്നതിനായി അക്ഷമയോടെ കാത്തിരിക്കുക. എല്ലാറ്റിനും ഉപരിയായി, ഞങ്ങളുടെ സന്ദർശകരുമായി ഇടപഴകാൻ ആഗ്രഹിക്കുന്ന എല്ലാ ഘടകങ്ങളും പേജിൽ ഇപ്പോഴും ഉണ്ട്… പേജ് വേഗത പാഴാക്കാതെ.

ഞങ്ങൾക്ക് ഇനിയും കുറച്ച് ജോലികൾ ചെയ്യാനുണ്ട്… പക്ഷേ ഞങ്ങൾ അവിടെയെത്തുകയാണ്!

നീ എന്ത് ചിന്തിക്കുന്നു?

സ്പാം കുറയ്ക്കുന്നതിന് ഈ സൈറ്റ് Akismet ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ അഭിപ്രായ ഡാറ്റ പ്രോസസ്സുചെയ്യുന്നത് എങ്ങനെയെന്നറിയുക.