ان 6 تراکیب کو اپنی کاروباری سائٹ کے موبائل لوڈنگ کی رفتار کو بہتر بنانے کے لئے درخواست دیں

فہرست کا خانہ:

Anonim

اگرچہ بلاشبہ بے شمار طور پر آمدنی پر بہت سے عوامل ہیں، زیادہ تر ماہرین کا کہنا ہے کہ 5 سیکنڈ کے اندر اندر لوڈنگ کاروباری سائٹس تقریبا دو گنا اس میں کرتے ہیں، اوسط سائٹ لوڈنگ وقت.

اس مطالعہ کو مزید پتہ چلتا ہے کہ 5 سیکنڈ کے اندر اندر لوڈ ہونے والے سائٹس ہیں:

  • 25٪ زیادہ اشتہار کی نمائش،
  • 35٪ کم اچھال کی شرح، اور
  • 70٪ طویل صارف کے سیشن.

یہ ٹھیک ہے کہ ہمیں اپنے کاروبار کو کامیاب کرنے میں مدد کے لئے موبائل - پہلے حل پر توجہ مرکوز کی ضرورت ہے. سب کے بعد، موبائل رفتار کبھی بھی زیادہ اہم نہیں ہے.

$config[code] not found

سست لوڈنگ کی رفتار واقعی ایک مسئلہ بن سکتی ہے

گوگل کے مطابق،
  • 2 افراد میں سے 1 سے زیادہ صفحے کو 2 سیکنڈ سے کم سے کم اندر لوڈ کرنے کی امید ہے.
  • 53 فیصد دوروں کو ترک کر دیا جائے گا اگر صفحے کو ایک موبائل ڈیوائس پر لوڈ کرنے کیلئے 3 سیکنڈ سے زائد عرصہ تک لیتا ہے.
  • موبائل آلہ پر ویب براؤز کرتے ہوئے، 46٪ افراد نے صفحات کے انتظار میں انتظار میں ناپسندیدہ دکھائی دی ہے.

موبائل انٹرنیٹ پر سائٹس کو کم کرنے والے 3 اہم عوامل سرور کی درخواستیں، فائل کا سائز اور صفحہ لوڈنگ عناصر کے ترتیب وار ترتیب کی تعداد ہیں. لہذا اب ہم نے اس وجوہات پر روشنی ڈالی ہے؛ چلو حل کرو.

موبائل سائٹ کی رفتار میں اضافہ کیسے کریں

اپنے سرور کے جواب کا وقت کم اور کم کریں

آپ کے موبائل پیج کی رفتار صرف آپ کے کوڈ پر منحصر نہیں ہے بلکہ سرور کے نام سے ایک اہم ٹیک آلے پر انحصار بھی ہے.

طویل عرصہ سے آپ کے سرور براؤزر کی درخواست کے جواب میں انتظار کر رہی ہے، آپ کے صفحہ بوجھ کو آلہ پر کم کرنا. گوگل پر زیادہ سے زیادہ ماہرین کو مشورہ دیتے ہیں کہ آپ کے سرور 1 کو منتقل کرنا شروع ہوst وسائل کا بائٹ ایک اور زیادہ سے زیادہ نتائج کے لئے درخواست کے دو سو ملسیس کے اندر اندر.

عام طور پر، آپ کے سرور کے رد عمل کا وقت میں اضافہ میں شامل 3 بڑے طریقوں ہیں:

  • اپنے ویب سرور کی ترتیب یا سافٹ ویئر میں بہتری.
  • آپ کی میزبان سروس کی گنجائش اور معیار کو بڑھانے، خاص طور پر آپ کو مناسب یادداشت اور سی پی یو وسائل کو یقینی بنانے کے.
  • آپ کے ویب صفحات کی طرف سے ضروری وسائل کی تعداد کو کم کرنے.

تصاویر کو لوڈ کرنے کیلئے سی ایس ایس کا استعمال کریں

اگر آپ اپنی مرضی کے مطابق تصاویر کو موبائل صارفین کے لئے چھپا دینا چاہتے ہیں تو، انہیں سی ایس ایس کے ذریعہ پس منظر تصاویر کے طور پر لوڈ کریں اور انہیں شرط کو چھپانے کیلئے میڈیا سوالات استعمال کریں.

اس تکنیک کی ایک تنازع ایمیزون کے ذریعہ باضابطہ طور پر ڈیوائس مخصوص تصاویر کو استعمال کرتی ہے.

اپنے موبائل پیج کی رفتار کو بڑھانے کیلئے ریڈائرشنز کی تعداد کو کم سے کم کریں

ری ڈائریکڈز خود کار طریقے سے ایک صفحہ سے دوسرے صفحے پر ویب سائٹ والے زائرین کو لے جانے کے قابل ہونے والی ہدایات کے سوا کچھ بھی نہیں ہیں.

ہر ممکنہ طور پر قابل قدر ملٹی سیکنڈ کھا سکتے ہیں، جس کے نتیجے میں سست صفحہ لوڈ ہوتا ہے. یہ موبائل آلات کے لئے خاص طور پر دشواری ہے کیونکہ وہ اکثر ڈیسک ٹاپ صارفین کے مقابلے میں قابل اعتماد نیٹ ورک پر انحصار کرتے ہیں.

اس مسئلے کو حل کرنے کا پہلا قدم آپ کی ویب سائٹ پر ریڈرائرشنز کی تعداد سروے کرنے والے نقشے کی طرح استعمال کرتے ہوئے کرتے ہیں. اگر نمبر بہت بڑی ہے تو، اسے کم سے کم یا مثالی طور پر، بہترین نتائج کے لۓ اسے صفر میں لائیں.

جے ایس اور سی ایس ایس فائلوں کو کم کریں

مزید ڈیٹا کا مطلب ہے کہ زیادہ وزن کا وزن. یہ آپ کے صفحات کو ایک موبائل ڈیوائس پر لوڈ کرنے کیلئے زیادہ وقت لگے گا.

اسی وجہ سے ان کے بڑے پیمانے پر ویب ڈویلپرز کو صفحہ لوڈنگ کی رفتار کو بڑھانے کے لئے اثاثوں کی اصلاح اور کم سے کم کرنے کی ضرورت ہے.

صفحہ کے ڈسپلے پر اثر انداز کئے بغیر "معدنیات" بے حد بے حد ختم ہوتی ہے. گوگل ٹولز کی ایک وسیع صفہ آپ کو اس طرح کی بے ترتیبیاں ختم کرنے میں مدد مل سکتی ہیں، بشمول:

  • CSSNano (CSS کے لئے)
  • UglifyJS (جے ایس کے لئے)

تصاویر کے بجائے، CSS3 استعمال کریں

ڈراپ سائے، گول کونے، اور تدریسی بھرتی ہوتے ہیں - ان تمام خصوصیات کو تصاویر کے بجائے سی ایس ایس کے ذریعے کیا جا سکتا ہے.

اس طرح HTTP درخواستوں کی تعداد کو کم کرنے میں بہت مدد ملتی ہے، اسی وقت لوڈنگ وقت کو تیز کرنے اور ایک ہی وقت میں.

ان لائن SVGs کا استعمال JPEGs کے بجائے

ڈیٹا یو آر ایل کی طرح، ایس وی جی (اسکبلبل ویکٹر گرافکس) HTTP درخواستوں کی تعداد کو کم کرنے کے لئے ایک صفحہ پر سرایت کیا جا سکتا ہے.

یہ فائلیں ویکٹر گرافکس ایڈیٹر جیسے انکسکیپ، ایڈوب Illustrator، وغیرہ پر پیدا کی جاسکتی ہے، ایک بار جب آپ تخلیق ہوجاتے ہیں، تو آپ اسے ٹیکسٹ ایڈیٹر میں کھول سکتے ہیں اور اسے اپنے کوڈ میں ڈال سکتے ہیں.

نوٹ: آپ کے طرز شیٹ میں SVG کو سرایت کرنے کے لئے، آپ اسے پہلے ہی ڈیٹا یو آرآر میں تبدیل کرنا چاہتے ہیں اور پھر اگلے مرحلے پر آگے بڑھیں.

تو اس سے زیادہ کم چیزیں چیزیں ہیں. امید ہے کہ آپ نے ایک اچھا اور روشن خیال پڑھا تھا.

شیٹی اسٹاک کے ذریعہ تصویر

1