it-swarm.asia

طرق فعالة لتقليل عرض النطاق الترددي (وبالتالي مرات تحميل الصفحة)؟

ما هي أكثر الطرق فعالية عندما يتعلق الأمر بتقليل مقدار النطاق الترددي الذي يحتاجه موقع الويب لتقديم صفحة؟

التخزين المؤقت العدوانية؟ تصغير JS/CSS؟ غزيب؟ CMS؟ العفاريت؟

12
Mark Henderson

بعض الطرق الأساسية قابلة للتنفيذ بسهولة من قبل أي موقع:

  • اضغط على HTML و CSS و Javascript باستخدام deflate أو gzip إذا كان المتصفح الذي قدم الطلب يدعمه.
  • تصغير جافا سكريبت الخاص بك باستخدام Google Closure Compiler
  • تصغير CSS الخاص بك باستخدام YUI Compressor

أكثر قليلا تشارك:

  • إذا كان من غير المرجح أن تتغير الصفحة أو الصورة ، فأخبر المستعرض بتخزينها مؤقتًا. تقوم معظم خوادم الويب بهذا بالفعل للملفات الثابتة ، لذلك كل ما عليك فعله هو إضافته إلى البرامج النصية الديناميكية الخاصة بك حيثما كان ذلك ممكنًا.
  • دمج ملفات CSS و JS في ملف واحد تلقائيًا . يعد هذا مفيدًا لأنه يقلل من طلبات HTTP (التي تحتوي على حمولة وأي متصفحات غبية معينة - وأعني بذلك Internet Explorer - تحدها طلبات 2 الافتراضية في كل مرة لكل مجال).
  • انقل ملفاتك الثابتة (CSS ، JS ، الصور ، إلخ) إلى اسم مجال منفصل. يؤدي هذا إلى عدم إرسال معلومات ملف تعريف الارتباط في طلب HTTP.
  • استخدم العفاريت التي تم إنشاؤها تلقائيًا . العفريت هي صورة واحدة تحتوي على أيقونات متعددة أو صور صغيرة أخرى ؛ يمكنك بعد ذلك اختيار الصورة التي تريد عرضها مع خاصية CSS background. مثال .

    الميزة هي أن العميل يقدم طلبات HTTP أقل (والتي لها حمولة).

لقد جرأت "تلقائيًا" لأنك إذا كنت تفعل هذه الأشياء يدويًا ، فهذا بالتأكيد لا يستحق كل هذا العناء ، مما يجعل صيانة الكود بمثابة كابوس. عادةً ما يعني القيام بذلك تلقائيًا كتابة نص مخصص ، وهذا هو السبب في أنه "متورط قليلاً" ،

10
Thomas Bonini

لقد أوضحت Google توصياتها وأوضحتها على أنها الأفضل تقليل حجم حمولة المستخدم وهي تشمل التقنيات التالية:

  1. تمكين ضغط
  2. إزالة CSS غير المستخدمة
  3. تصغير جافا سكريبت
  4. تصغير CSS
  5. تصغير HTML
  6. تأجيل تحميل جافا سكريبت
  7. تحسين الصور
  8. خدمة الصور تحجيمها
  9. خدمة الموارد من عنوان URL ثابت

تعد هذه الاقتراحات جزءًا من مشروع Firefox/Firebug الإضافي مفتوح المصدر والمسمى Page Page . يشبه Yahoo! ' YSlow plugin. ستقوم الوظيفة الإضافية لسرعة الصفحة بالتحقق من العديد من التحسينات أكثر من تلك القائمة التي توضح بالتفصيل. كما يتم تقديم إرشادات استخدام سرعة الصفحة.

Yahoo! ' أفضل الممارسات لتسريع موقع الويب الخاص بك حدد مجموعة مماثلة من أفضل الممارسات:

  1. تقليل طلبات HTTP
  2. استخدم شبكة توصيل المحتوى
  3. إضافة انتهاء صلاحية أو رأس Cache-Control
  4. مكونات Gzip
  5. ضع أوراق الأنماط في الأعلى
  6. ضع البرامج النصية في الأسفل
  7. تجنب تعبيرات CSS
  8. جعل جافا سكريبت و CSS الخارجية
  9. تقليل عمليات البحث عن DNS
  10. ...

(قائمة Yahoo! طولها حوالي 35 عنصرًا ، ولا حاجة إلى اقتباسها بالكامل.)

يسمح لك كل من YSlow (رابط الصورة) و سرعة الصفحة (رابط الصورة) بإجراء اختبارات على صفحاتك ، مما يشير إلى أشياء يمكنك القيام بها وإظهار ما لديهما ، توصيات ، تم تنفيذها بالفعل.

5
Bryson