Semalt کے ساتھ آپ کی ویب سائٹ کے بنیادی اہم اور پیج کے تجربے کے سگنل کو بہتر بنانا

فھرست

  1. تعارف
  2. کور ویب اہمیت کیا ہیں؟
  3. صفحہ کے تجربے کے اشارے کیا ہیں؟
  4. اپنی ویب سائٹ کی بنیادی اہمیت اور صفحے کے تجربے کے اشاروں کو کیسے بہتر بنائیں
    1. HTTP کیچنگ
    2. کم سے کم براؤزر ریفلو
    3. HTML دستاویزات کا فائل سائز کم کرنا
    4. امیجیز کو کمپریس کریں
  5. نتیجہ اخذ کرنا

تعارف

ناظرین/قاری کے نقطہ نظر سے ویب صفحے کے تجربے کی کارکردگی کو صفحے کے بوجھ کے وقت کے حساب سے ماپا جاتا ہے۔ یہ وہ وقت ہے جس وقت ناظرین کسی نئے صفحے کے لئے درخواست کرتا ہے اور اس وقت کے درمیان صفحہ دیکھنے کے ل for دیکھنے کے لئے مکمل طور پر دستیاب ہوتا ہے۔ تیز لوڈنگ ویب سائٹیں مسلسل دکھاتی ہیں۔ اس کا مطلب یہ ہے کہ وہ براستہ براؤزر کے لوڈ ہونے کے ساتھ ہی وہ ویب صفحہ پر آہستہ آہستہ ڈسپلے کرتے ہیں۔

ایک ایسا ویب صفحہ جو اس کے مندرجات کو آہستہ آہستہ ظاہر کرتا ہے دیکھنے والوں کو بصری تاثرات فراہم کرتا ہے کہ صفحہ لوڈ ہورہا ہے اور صارف کو وہ معلومات دستیاب ہوتا ہے جیسے ہی وہ درخواست کرتا ہے۔

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

ویب سائٹ کھولتے وقت ہر کوئی وقت ضائع کرنے سے نفرت کرتا ہے۔ اور سب سے زیادہ استعمال شدہ سرچ انجن کے ساتھ ، گوگل کسی ویب سائٹ کی رینکنگ کا فیصلہ کرنے کے ل a کسی ویب صفحے کی لوڈنگ کی رفتار کو ایک عنصر کے طور پر استعمال کررہا ہے ، پروگرامرس کے لئے ضروری ہے کہ وہ اپنی ویب سائٹ کو تیزرفتاری کے ل optim بہتر بنانے میں سنجیدہ ہوں۔

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

پوسٹ میں یہ دیکھا گیا ہے کہ کسی ویب سائٹ کے بنیادی اہم اور صفحے کے تجربے کے اشاروں کو کیسے بہتر بنایا جائے۔

2. کور ویب اہمیت کیا ہیں؟

کسی ویب سائٹ کے بنیادی جزء خاص ان عوامل کا ایک مجموعہ ہوتے ہیں جن کو گوگل ویب صفحے کے عام صارف کے تجربے میں سمجھتا ہے۔

یہ عوامل تین صفحے باہمی تعامل کی پیمائش پر مشتمل ہیں۔ وہ ہیں:

  1. سب سے بڑا مشمولات والا صفحہ (LIP): اس کی وضاحت کی جاتی ہے کہ کسی صفحے کو حقیقی صارف کے نقطہ نظر سے لوڈ کرنے میں کتنا وقت لگتا ہے۔ آلہ (پی سی یا موبائل) کی سکرین پر موجود زیادہ تر مواد کو دیکھنے کے ل a لنک پر کلک کرنے کا وقت آ گیا ہے۔
  2. پہلا ان پٹ تاخیر (ایف آئی ڈی): اس کی وضاحت اس وقت کے طور پر کی جاتی ہے جب صارفین کو ویب پیج پر بات چیت کرنے میں وقت لگتا ہے۔ ذیل میں کچھ بات چیت کی مثالیں ہیں:
    • اوپر یا پرائمری مینو میں سے کسی کا انتخاب کرنا
    • سائٹ کے نیویگیشن مینو میں موجود کسی لنک پر کلک کرنا
    • صارف/ناظرین کا ای میل ایڈریس ایک تبصرہ خانے میں داخل کرنا
  3. مجموعی لے آؤٹ شفٹ (سی ایل ایس): کسی صفحے کے بوجھ کے ساتھ ہی یہ کتنا مستحکم ہوتا ہے۔ دوسرے الفاظ میں ، یہ بصری استحکام ہے۔ اس کا مطلب یہ بھی ہے کہ اگر کسی صفحے پر موجود عناصر اس صفحے کے بوجھ کے ساتھ ہی پھرتے ہیں تو پھر اس ویب پیج میں اعلی سی ایل ایس ہوتا ہے ، جسے برا سمجھا جاسکتا ہے۔

صفحہ کے تجربے کے اشارے کیا ہیں؟

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

اس میں متعدد موجودہ سرچ سگنلز بھی شامل ہیں ، جیسے موبائل دوستانہ ویب ماحول ، محفوظ براؤزنگ ، دخل اندازی کرنے والا بیچوان رہنما خطوط ، اور HTTPS۔

Your. اپنی ویب سائٹ کے بنیادی اہمیت اور صفحے کے تجربے کے اشاروں کو کیسے بہتر بنائیں

کسی ویب سائٹ کا صفحہ تجربہ کئی عوامل پر منحصر ہے ، جیسے:
  1. کسی خاص ویب صفحے پر موجود مواد
  2. براؤزر
  3. ناظرین/صارف کا جغرافیائی محل وقوع
  4. ویب سائٹ کی بینڈوتھ وغیرہ۔

ویب پیج کے مندرجات کو ہلکا بنانا اور اس کی شکل ، فنکشن اور ٹیمپلیٹ کو تبدیل کیے بغیر کم بائٹس لینا ممکن اور اہم ہے۔ اس حکمت عملی کا استعمال صارف/ناظرین کو تیز صفحہ بوجھ کا تجربہ کرنے کی اجازت دیتا ہے۔

ویب سائٹ کے بنیادی وٹالز اور صفحے کے تجربے کے اشاروں کو بہتر بنانے کے لئے یہ دوسرے طریقے ہیں۔ اس کے علاوہ ، کسی ویب ڈویلپمنٹ اور SEO ایجنسی کی خدمات حاصل کرنا Semalt نیچے دیئے گئے عوامل کو بہتر بنانے میں آپ کی مدد کرسکتا ہے۔

  1. HTTP کیچنگ: کسی ویب ماسٹر کے لئے یہ مناسب مشورہ دیا جاتا ہے کہ وہ درست HTTP کیچنگ ہیڈر ترتیب دیں۔ اس کا دوگنا فائدہ ہوگا کیونکہ جب بھی کسی ویب سائٹ پر دوبارہ نظرثانی (جب دیکھنے والا/صارف ویب پیج پر ایک سے زیادہ بار ملاحظہ کرتا ہے) ہوتا ہے تو وہ تیزی سے بوجھ پڑتا ہے ، اور ویب سرور پر کم بوجھ پڑتا ہے۔

    کیش ، وسائل کی مقامی کاپیاں کا ایک تالیف ، کام کرتی ہے کیونکہ یہ وسائل اکثر تبدیل نہیں ہوتے ہیں۔ جب براؤزر مقامی کاپی کو دوبارہ استعمال کرسکتا ہے تو ، اس سے کنکشن لگانے اور اس مخصوص صفحے کو لوڈ کرنے میں وقت کی بچت ہوتی ہے۔

    کیش کو مؤثر طریقے سے کام کرنے کی ترکیب HTTP کیشنگ ہیڈرز ہے ، جو ویبسرور کے ذریعہ ارسال کی جاتی ہے تاکہ یہ بتایا جائے کہ وسائل کتنے عرصے تک درست ہے اور کب آخری بار تبدیل ہوا۔ HTTP پروٹوکول یہ جاننے کے طریقے بتاتا ہے کہ وسائل کتنے عرصے تک درست ہے۔ ان میں سے ایک میعاد ختم ہونے والا ہیڈر ہے۔ میعاد ختم ہونے والا ہیڈر ایک خاص تاریخ دیتا ہے جس کے بعد وسائل غلط ہے۔ اس مقام پر پہنچنے پر ، براؤزر دوبارہ وسائل طلب کرے گا۔

    وسیلہ کتنے عرصے تک درست ہے یہ جاننے کا دوسرا طریقہ یہ ہے کہ زیادہ سے زیادہ عمر۔ زیادہ سے زیادہ عمر اسی طرح کے فیشن میں کام کرتی ہے جیسے ہیڈر کی میعاد ختم ہوجاتی ہے ، بس اس سے یہ طے ہوتا ہے کہ کسی مخصوص تاریخ کو بتانے کے بجائے وسائل ڈاؤن لوڈ کرنے کے بعد کتنا طویل ہوتا ہے۔

    تاہم ، ایسا مواد پیش کرنا جس کے لئے صارف کو غیر محفوظ HTTP کنکشن پر تعامل کی ضرورت ہوتی ہے تو صارف کو ڈیٹا چوری کا خطرہ لاحق ہوجاتا ہے۔ یہ جاننا ضروری ہے کہ صارف کسی بھی ذاتی معلومات کو کہاں اور کب ان پٹ دیتے ہیں ، جیسے چیک آؤٹ جہاں ادائیگی کی معلومات کا اشتراک کیا جارہا ہے۔

    ناظرین کو محفوظ طریقے سے براؤز کرنے کی اجازت دینے کے ل a ، ایک بلاگر کو یہ یقینی بنانا ہوگا کہ ویب سائٹ میں تازہ ترین SSL سرٹیفکیٹ موجود ہے اور آپ کے URLs اور صفحے کے وسائل میں سے کسی کو HTTPS میں منتقل کرنا ہوگا۔

  2. براؤزر ریفلو کو کم کرنا: ریفلو ، ویب براؤزنگ کے طریقہ کار کا نام ہے جس میں دستاویز میں موجود عناصر کے مقامات اور جیومیٹریوں کا دوبارہ گنتی کرنے کا حصہ یا تمام دستاویز کو دوبارہ پیش کرنا ہوتا ہے۔

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

    اکثر ، دستاویز میں کسی ایک عنصر کو ختم کرنا اس کے بنیادی عناصر اور اس کی پیروی کرنے والے کسی بھی عنصر کو ختم کرنا پڑ سکتا ہے۔

    سب سے زیادہ استعمال ہونے والی تکنیکوں کو چھ قسموں میں شامل کیا گیا ہے جن کا احاطہ کیا گیا ہے
    صفحہ لوڈ کی اصلاح کے مختلف پہلو:
    1. سب سے موثر براؤزر ڈسپلے: کسی صفحے کے براؤزر کی ترتیب کو بہتر بنانا۔
    2. انتہائی موثر کیچنگ: کسی کے اطلاق کا ڈیٹا اور منطق کو مکمل طور پر نیٹ ورک سے دور رکھنا۔
    3. موبائل آلات کے لti زیادہ سے زیادہ استعمال: موبائل نیٹ ورکس اور موبائل آلات کی خصوصیات کے ل Tun سائٹ کا رخ کرنا۔
    4. راؤنڈ ٹرپ کی تعداد کو کم کرنا: سیریل درخواستوں کے ردعمل کی گردش کی تعداد میں کمی۔
    5. اوور ہیڈ کی درخواست کو کم کرنا: اپ لوڈ سائز کم کرنا۔

  3. HTML دستاویزات کے فائل سائز کو کم کرنا: ویب سائٹ کے ویب پیج کے تجربے کو بہتر بنانے کی ایک واضح تکنیک یہ ہے کہ HTML دستاویزات کا فائل سائز کم کیا جائے۔ ایسا کرنے کے مختلف طریقے ہیں۔ ان میں سخت کمپریشن ، ایکیوپنکچر نما ID اور کلاس کے نام کی تبدیلیاں شامل ہیں۔

    ایچ ٹی ایم ایل ، جب مائم ٹائپ ٹیکسٹ/ایچ ٹی ایم ایل کے ساتھ ڈلیور کیا جاتا ہے تو - پروگرامرز کو کچھ ٹیگ چھوڑنے کی اجازت دیتا ہے۔
    آئیے ، مثال کے طور پر ، اگر کسی پروگرامر کے پاس <Pp> لسٹ آئٹم </ p>> کے بطور نشان زدہ آئٹمز کی فہرست موجود ہے تو وہ پروگرامر <Pp> لسٹ آئٹم لکھ سکتا ہے۔ یا کسی پیراگراف کے بجائے جسے وہ عام طور پر </ strong> کے ساتھ بند کردیتے ہیں ، وہ صرف <q> میرا پیراگراف استعمال کرسکتے ہیں۔

    یہ طریقہ آزمایا اور بھروسہ کیا گیا ہے ، اور یہ HTML ، سر اور جسم کے ساتھ کام کرتا ہے ، جس کی ضرورت HTML میں نہیں ہے۔ اختیاری ٹیگ کو چھوڑنا کسی کے HTML کو باضابطہ طور پر درست رکھتا ہے جبکہ فائل کے سائز کو کم کرتا ہے اور کوڈ بہت چھوٹا نظر آتا ہے۔ ایک اوسط دستاویز میں ، اس کا مطلب ہے کہ لگ بھگ دس سے 20 فیصد جگہ کامیابی کے ساتھ محفوظ کی گئی ہے۔

  4. کمپریس امیجز: تصویری فائلیں زیادہ تر معلومات میں فائل میں سرایت کی گئی ہیں۔ مثال کے طور پر ، جے پی ای جی فائل کی قسم مختلف شبیہہ پروگراموں کے ذریعہ لکھی جاتی ہے ، جس میں اس پروگرام کا نام بھی شامل ہے جس میں انھوں نے لکھا تھا۔ دریں اثنا ، PNG تصاویر کو اکثر انکوڈ کرنے کے طریقے کو تبدیل کرکے چھوٹا بنایا جاسکتا ہے۔

    ان تبدیلیوں سے ڈیٹا کو نقصان نہیں ہوگا۔ اس کا مطلب یہ ہے کہ کمپریسڈ امیج کمپریسڈ تصویر سے ملتی جلتی دکھائی دیتی ہے لیکن کم بائٹس کا استعمال کرتی ہے اور کم جگہ لیتا ہے۔

5. نتیجہ اخذ کرنا

پچھلے کچھ سالوں میں ، اوسط ویب صفحے کے سائز میں زبردست اضافہ ہوا ہے ، اور اسی طرح کے تناسب میں بیرونی اشیاء کی تعداد میں بھی اضافہ ہوا ہے۔ اس کے ساتھ ، صرف براڈ بینڈ صارفین نے لوڈ ڈسپلے کے تیز اوقات کا تجربہ کیا ہے۔ دوسری طرف ، تنگ بینڈ صارفین نے لوڈ ڈسپلے کے سست وقت کا تجربہ کیا ہے۔

پچاس سے زیادہ بیرونی اشیاء رکھنے والے سو میں سے ہر پچاس صفحات کے ساتھ ، آبجیکٹ اوورہیڈ ویب پیج لوڈنگ میں تاخیر کا سبب بنتی ہے۔ سی ایس ایس کا استعمال کرکے ، جاوا اسکرپٹ یا سی ایس ایس فائلوں کو ملا کر ، ای او کی تعداد کو کم کرنا ، اور گرافیکل تاثرات کو سی ایس ایس میں تبدیل کرکے HTTP درخواستوں کو کم کرنا اس کیلئے سب سے اہم ہنر ثابت ہوا ہے ویب کی کارکردگی کے اصلاح کار

ان طریقوں کو استعمال کرکے اور پیج کے تجربے کی اصلاح کی جدتوں کو کسی ویب صفحہ میں اپنانے سے ، ایک پروگرامر/مصنف اپنے ویب صفحہ کے تجرباتی اشاروں کو بہتر بنا سکتا ہے۔ اس سے قلیل مدتی اور طویل مدتی رن دونوں پر مثبت اثر پڑے گا ، جس کی نشاندہی کرنے کا سب سے اہم اور سب سے بڑا مقصد ہے۔