ہم اپنے پیج لوڈ کا وقت 10 سیکنڈ میں کیسے کاٹتے ہیں

جب کسی عظیم ویب سائٹ کی بات آتی ہے تو تیز رفتار اور سماجی صرف مل کر کام نہیں کرتے۔ ہم نے اپنی سائٹ کو منتقل کردیا Flywheel کی (وابستہ لنک) اور اس نے ہماری سائٹ کی کارکردگی اور استحکام میں بہت حد تک بہتری لائی ہے۔ لیکن ہماری سائٹ کا ڈیزائن - ایک ایسے موٹے فوٹر کے ساتھ جس نے فیس بک ، ٹویٹر ، یوٹیوب اور ہمارے پوڈ کاسٹ پر ہماری سماجی سرگرمی کو فروغ دیا - ہماری سائٹ کو کرال تک کم کردیا۔

یہ برا تھا۔ اگرچہ ایک عمدہ پیج 2 سیکنڈ یا اس سے کم عرصے میں پڑتا ہے ، ہماری سائٹ کو ایک صفحے کے مکمل ہونے میں 10 سیکنڈ سے زیادہ وقت لگ رہا ہے۔ مسئلہ ورڈپریس یا فلائی وہیل کا نہیں تھا ، مسئلہ وہ تمام انٹرایکٹو عنصر تھا جو ہم نے دوسری خدمات سے بھری ہیں… فیس بک اور ٹویٹر ویجٹ ، یوٹیوب پیش نظارہ کی تصاویر ، ہمارے پوڈ کاسٹ ایپلی کیشن ، میں بس کنٹرول نہیں کرسکتا تھا کہ انھوں نے کتنی سست رفتار سے لوڈ کیا۔ اب تک.

اب آپ دیکھیں گے کہ ہمارے صفحات تقریبا 2 XNUMX سیکنڈ میں لوڈ ہوجاتے ہیں۔ ہم نے یہ کیسے کیا؟ ہم نے اپنے فوٹر میں ایک متحرک سیکشن شامل کیا ہے جو صرف تب ہی بھرا پڑتا ہے جب صارف اس مقام تک سکرول کرتا ہے۔ ہمارے صفحے کے نیچے براؤزر میں (موبائل ، ایپ یا ٹیبلٹ نہیں) پورے راستے پر اسکرول کریں اور آپ کو ایک لوڈنگ امیج نظر آئے گی۔

لوڈ

jQuery کو استعمال کرتے ہوئے ، ہم اس وقت تک صفحے کی بنیاد کو اس وقت تک لوڈ نہیں کرتے ہیں جب تک کہ کوئی سکرال نہ ہوجائے۔ کوڈ اصل میں بہت آسان ہے:

$ (ونڈو) .اسکرول (فنکشن () {اگر (jQuery (دستاویز) ). ٹیکسٹ () لمبائی <200) {$ ("# ضمیمہ")۔ لوڈ ('[لوڈ کرنے کے لئے صفحہ کا پورا راستہ]')؛}}})؛

ایک بار جب صارف صفحے کی بنیاد پر سکرول کرتا ہے تو ، jQuery جاؤ مخصوص کردہ راستے کے صفحے کے مندرجات کو نکالتا ہے اور آپ کے منتخب کردہ DIV کے اندر ان پر بوجھ ڈال دیتا ہے۔

اگرچہ سائٹ اب وہاں بھرے ہوئے مواد سے فائدہ نہیں اٹھا رہی ہے (کیونکہ ایک سرچ انجن اسے نہیں کرال رہا ہے) ، ہمیں اس بات کا کافی حد تک اعتماد ہے کہ صفحے کی رفتار ہماری درجہ بندی ، شیئرنگ اور مصروفیت میں کسی کی مدد کرنے سے کہیں زیادہ مددگار ثابت ہوگی۔ بے صبری سے ہمارے پیج کو بے حد آہستہ آہستہ لوڈ کرنے کا انتظار کریں۔ سب سے اچھی بات تو یہ کہ صفحہ میں ابھی بھی وہ تمام عناصر موجود ہیں جو ہم اپنے زائرین کے ساتھ شامل کرنا چاہتے ہیں… صفحہ کی رفتار کو قربان کیے بغیر۔

ہمیں ابھی بھی کچھ کام کرنا ہے… لیکن ہم وہاں پہنچ رہے ہیں!

آپ کا کیا خیال ہے؟

سپیم کو کم کرنے کے لئے یہ سائٹ اکزمیت کا استعمال کرتا ہے. جانیں کہ آپ کا تبصرہ کس طرح عملدرآمد ہے.