كيف يمكنني تقليل وقت تحميل الصفحة وحجم الصفحة؟


الاجابه 1:

الخلف -

سيعتمد تحسين النهاية الخلفية على مجموعة التكنولوجيا التي تستخدمها ، حيث توجد الاختناقات على الخادم ثم تبدأ في التحسين

يمكن أن تساعد أدوات مثل New Relic على هذه الجبهة ولكن هناك طرق أخرى مثل سجلات الاستعلام في MySQL ، وإضافة الوقت المستغرق في تكوين Apache ، والسجلات ، واستخدام xdebug's ، وملف التعريف إلخ.

نهاية المقدمة

1) صور

التركيز الكبير لأدائنا هو

تحسين الصور.

استخدم تنسيقات ملفات مناسبة بأبعاد مناسبة ، ادمج عدة صور في نقش متحرك ، استخدم خرائط الصور ، صغيرة

صور مضمنة

(

البيانات

: مخطط URL

) ، يستخدم الضغط بدون فقد للصور ، التحميل البطيء ، التحميل اللاحق أسفل صور المحتوى القابل للطي.

2) جافا سكريبت

تجنب و

التقليل من استخدام حظر جافا سكريبت

. احتفظ بجافا سكريبت صغير الحجم مضمّنًا وهو ضروري للجزء المرئي من الصفحة. postload جميع شبيبة غير مطلوب لما فوق محتوى fiold. لمنع js الخارجية من حظر المحلل اللغوي استخدم علامة غير متزامنة

وضع

أوراق الأنماط في الجزء العلوي

يسمح للصفحة بالتقديم بشكل تدريجي.

4) التقليل من طلبات HTTP

لتقليل عدد طلبات HTTP ، قم بدمج جميع ملفات النصوص البرمجية الصغيرة في برنامج نصي واحد ، وبالمثل ، دمج جميع CSS في ورقة أنماط واحدة.

5) الاستخدام

شبكة توصيل المحتوى.

6) تصغير مكونات JavaScript و CSS و Gzip

7) تقسيم المكونات في نطاقات متعددة لتعظيم التنزيلات المتوازية

8) تجنب صورة فارغة src ، تقليل حجم ملفات تعريف الارتباط

9) تحميل علامات الطرف الثالث ، التحليلات ، إعادة التوجيه ، الإعلانات ، الحاجيات الاجتماعية.

10) استخدم الحد الأدنى من ملفات الخطوط ، استخدم CSS

يبحث عن

مسار العرض الحرج

على جوجل وقراءة

مقالات

تشغيل اختبارات أداء الويب الأساسية

باستخدام أدوات أداء الويب المتاحة مجانًا مثل Google PageSpeed ​​،

اختبار أداء الموقع وتحسينه


الاجابه 2:

يتم قضاء 80 إلى 90 في المائة من وقت المستخدم النهائي في الواجهة الأمامية. لجعل موقعك أسرع حاول اتباع بعض الإجراءات مثل 1. يجب تحميل برامج جافا سكريبت في موقعك في النهاية ، أي يجب أن أضعها بعد ذلك هذا لأنه يمنع طلبات / تنزيلات الملفات المتبقية المطلوبة لعرض موقعك .2 قم بتقليل عدد الطلبات (ملفات css / js / images) قدر الإمكان. بشكل عام 4-8 أصول (صور / js / css / fonts) يتم تنزيلها بالتوازي من نفس المجال .3 إرسال أقل قدر ممكن من البيانات عن طريق ضغطه. أيضًا إزالة أنماط css غير الضرورية وملفات js. استخدام إصدارات مصغرة من ملفات css و js. وضع جميع طلبات ملفات css في الأعلى في منطقة الرأس .4 استخدم العفاريت أي دمج رموز متعددة في صورة واحدة أكبر لأنها تقلل من طلبات العدد .5 قم بنشر أصولك عبر عدة نطاقات. استخدم الموازاة قدر الإمكان. استخدم شبكات CDN إن أمكن.

آمل أن يكون هذا مفيدا :)


الاجابه 3:

بادئ ذي بدء ، أود أن أقترح عليك التعامل مع شركة اختبار البرمجيات لتحليل وقت تحميل موقع الويب الخاص بك بشكل كامل ..

لتقليل وقت التحميل ، يجب عليك تصغير حجم الصور وتقليل css و js .. إذا لم ينجح أي شيء ، فحاول دمج جميع ملفات جافا سكريبت في ملف واحد.

أداء الموقع واختبار التحميل | Indium Software USA


الاجابه 4:

سأركز إجابتي على الصور لأن ما يقرب من ثلثي محتوى الويب يتكون منها.

هذا عامل لا يمكن تجاهله.

هناك بعض الأسباب التي قد تؤدي إلى إبطاء الصور لوقت تحميل صفحاتك. لحسن الحظ ، يمكن التحكم فيها بسهولة تامة.

أولا ، يجب أن تتجه إلى

PageSpeed ​​Insights

واختبر موقع الويب الخاص بك لمعرفة ما إذا كانت صورك مزعجة.

***

1. يمكن أن يستغرق تحميل ملفات الصور الكبيرة جدًا وقتًا طويلاً

لإصلاح هذا ، ابحث عن الأمثل

عرض الحجم

&

الدقة.

حدد العرض والارتفاع المناسبين لعرض الصور على أجهزة المستخدم النهائي المختلفة مثل سطح المكتب والكمبيوتر المحمول والكمبيوتر اللوحي والهاتف الذكي.

تتميز شاشة الكمبيوتر المحمول القياسية مقاس 15 بوصة بإمكانية عرض تبلغ حوالي 100 نقطة لكل بوصة (بكسل لكل بوصة) أو نقطة لكل بوصة (النقاط لكل بوصة). ليس هناك جدوى من عرض 300 صورة بدقة DPI.

تنسيقات الملفات JPEG و GIF و PNG هي تنسيقات الملفات القياسية التي يمكنها ضغط الصور لاستيعاب عدد أقل من وحدات البايت ، وبالتالي تقليل حجم الملف الذي سيتم تنزيله. ومع ذلك ، يمكن تحسين هذه الأنواع الثلاثة من الملفات بشكل أكبر عن طريق تقليل الحمل غير الضروري الذي يتم تخزينه مع الصور في شكل بيانات وصفية.

2. تحميل HTML و CSS وجافا سكريبت والصور بشكل متزامن

عندما تقوم صفحة الويب الخاصة بك بتحميل كل ملفات HTML و CSS و JavaScript والصور معًا بشكل متزامن ، يمكن أن يكون وقت العرض الأولي مرتفعًا جدًا.

إصلاح هذا عن طريق تأجيل تحميل الصور. قم بتحميلها بشكل غير متزامن بعد تقديم CSS و HTML الضروريين. يمكن وضع الصور أسفل الطية وتحميلها بشكل مشروط باستخدام جافا سكريبت عندما يقوم الزائر بالتمرير لأسفل إلى الجزء ذي الصلة من الصفحة.

3.

الكثير من الصور وطلبات HTTP

لا تؤدي الصور الكثيرة الموجودة في صفحة الويب إلى زيادة حجم التحميل فحسب ، بل يمكنها أيضًا خنق الاتصال بالخادم عن طريق إرسال أكثر من طلبات HTTP المسموح بها.

هناك عدد قليل من الحلول لذلك ، بما في ذلك تقليل عدد الصور واستخدام شبكة CDN وترقية الخادم الخاص بك.

***

إذا لم تتمكن من تقليل عدد الصور ، أو جربت كل شيء دون إرضاء النتائج ، فانتقل إلى هذا المنشور

لمزيد من التقنيات التي يجب أن تجعلك تمضي!


الاجابه 5:

ما هي الجناة المعتادة في الصفحات البطيئة؟

تعتبر الصور الضخمة والرمز الضعيف تقليديًا العوامل الرئيسية التي تسبب المشكلة.

  • غالبًا ما تكون الصور الكبيرة هي السبب الرئيسي في بطء تحميل صفحات الويب. هذا هو السبب في عدم تحسين صور الموقع ، فأنت تخاطر بجعل الصفحات تحتل عدة ميجابايت من المساحة.
  • إلى جانب ذلك ، يمكن للموضوع والملفات الكبيرة التي تتجاوزه أن تبطئ الأمور.
  • يمكن أن يكون الاستضافة سبب فقدان سرعة التحميل.
  • الإضافات والتطبيقات والأدوات ، في الواقع ، قد تؤدي أي نصوص خارجية إلى إبطاء الموقع.
  • عمليات إعادة التوجيه جديرة بالذكر بالإضافة إلى JavaScript ، وهي نقاط مهمة يجب النظر إليها.

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

المصدر: LoadStorm

دعنا الآن نتعامل مع الطرق المطبقة لتحسين أداء موقع الويب الخاص بك على كل من الكمبيوتر والجوال.

1. تطبيق التصغير

يمكنك تحسين نقاط google الخاصة بك بشكل كبير لتقليل المساحة التي يشغلها كود HTML الخاص بك. تساعد عملية التصغير هنا كثيرًا من خلال إصلاح وإزالة البيانات غير الضرورية أو المكررة. على الرغم من أنها قد تنطوي على تغيير الرمز أو التنسيق أو التقصير أو الإزالة عند الضرورة ، إلا أنه لا يحتاج المرء إلى أن يكون عبقريًا في التنمية لتحقيق ذلك. هناك خيارات وأدوات ملحقة لبرنامج WP الإضافي لهذا الغرض ،

التقليل

كونها واحدة عليهم.

2. تحسين وقت تحميل صورة الموقع

لا يحب المستخدمون دوران هذه الدائرة أثناء تحميل الصورة ، لذلك قد يختفي الزوار المحبطون. لتجنب ذلك ، اختر التنسيق الصحيح أو ضغط صور الموقع. هناك الكثير من الأدوات ، البرنامج المساعد WP Smush Image أو تطبيق الويب Squoosh ، على سبيل المثال لا الحصر.

من ناحية أخرى ، من الضروري التأكد من أن الصور ليست صغيرة جدًا أو غير دقيقة أو منقطة ، فقد تضر باحترافك أو مصداقيتك. لذا اختبر أحجام الصور المختلفة على جميع الشاشات للتأكد من عرض كل شيء بشكل صحيح.

3. تنفيذ AMP

Accelerated Mobile Pages هي خيار تزويد موقعك بسرعة البرق على الهاتف المحمول. إنها بدائل لصفحات الموقع العادية مع إزالة المعلومات الأكثر أهمية. كونه نسخة مبسطة من الموقع الأصلي ، لا تحتوي AMP على الكثير من التنسيق. أكثر من ذلك ، يمكن الوصول إلى مقالات متعددة دون مغادرة صفحة واحدة أو النقر على زر العودة.

«AMP لـ WP»

هي أبسط أداة لصياغة AMP

content.it

يسمح بسحب وإفلات عناصر الصفحة.

4. احصل على موقع الويب المخبأ

بجهد قليل إلى حد معقول ، يمكنك تحقيق تأثير جيد على سرعة الصفحة من خلال التخزين المؤقت للمتصفح.

في كل مرة يزور فيها أحد المستخدمين موقعك ، يجب تحميل كل صورة وعنصر صفحة ، ثم يتبع HTML والتشفير. تتكرر هذه الإجراءات في كل مرة يتم فيها فحص الموقع ، ولكن التخزين المؤقت للمتصفح يمكن أن يخفف المورد من إعادة التحميل عند زيارة كل مستخدم. تم استدعاء العناصر التي تم تحميلها مسبقًا في وقت سابق ، على سبيل المثال ، الشعارات والتذييلات ، وما إلى ذلك. كقاعدة ، لوحظت زيادة كبيرة في سرعة تحميل الموقع عند تنفيذ الصرف. بالنسبة إلى المواقع على WordPress ، يمكنك تجربة المكوّن الإضافي W3 Total Cache والاستمتاع بالنتيجة.

5. حل الأخطاء 404

لا تؤدي أخطاء 404 إلى إحباط مستخدمي الموقع فحسب ، بل تشغل المساحة التي يمكن استخدامها للمحتوى وإبطاء الموقع.

ستساعدك إزالة هذه الصفحات أو إنشاء إعادة توجيه إلى أقسام الموقع الأخرى على توفير السرعة وحركة المرور الثمينة.


الاجابه 6:

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

هنا

، هذه بعض الطرق الأقل شيوعًا التي وجدتها:

تقليل حجم الصفحة (سيؤدي ذلك أيضًا إلى تقليل وقت تحميل الصفحة)

  • استخدم قواعد ترميز HTML صالحة لقص الترميز غير الضروري. وتشمل هذه تقليم العلامات الاختيارية وعدم تضمين اقتباسات السمة غير الضرورية (للحصول على وثائق W3C انقر هنا). هذا مفيد بشكل خاص إذا كان لديك جداول كبيرة أو قوائم منسدلة.
  • إذا كنت تستخدم محركًا نموذجيًا مثل Smarty ، فتأكد من التخلص من المسافات البيضاء من حلقات foreach (نعم ، يتم تضمين هذه المسافات البيضاء "المقروءة" في ناتج الاستجابة)
  • تحقق من جميع علامات العنوان للتأكد من أنها موجزة قدر الإمكان.
  • إذا كانت علامتك لا تحتاج إلى معرف ، فلا تقم بتضمينها - قم بتعيين الأنماط باستخدام المجمعات حيثما أمكن (على سبيل المثال ، div> p بدلاً من إعطاء طفل معرف).
  • إذا كانت يائسة ، اختصر أسماء الصف / المعرف للصفوف أو خلايا الجدول في الجداول الكبيرة جدًا.

تقليل وقت تحميل الصفحة

  • تأكد من أن جميع استفسارات الواجهة الخلفية محسنة قدر الإمكان. يتضمن هذا إضافة فهارس للاستعلامات واسترداد الحد الأدنى من البيانات الضرورية فقط (على سبيل المثال ، لا تحدد * ما لم تكن بحاجة إلى ذلك). سيؤدي ذلك إلى تقليل الوقت إلى أول بايت.
  • استخدم تقنيات التحميل البطيئة لتجنب تحميل ملفات .js وملفات .css حتى الضرورة القصوى.
  • استبدل الصور بـ GlyphIcons أو FontAwesome حيثما أمكن ذلك.
  • تأكد من تخزين أنواع الملفات المخبأة بشكل غير مألوف (عبر htaccess أو CDN) (مثل .woff و .eot).
  • استخدم أداة مثل CSSBurner للعثور على ترميز فائض وغير ضروري في CSS لتقليل أوقات تحميل cs.
  • استخدم جافا سكريبت نقيًا بدلاً من jQuery / AngularJS ، إلخ حيثما أمكن - Javascript أسرع كثيرًا. لاحظ أنه بشكل عام ، ستكون التأثيرات مهمة فقط لأعداد كبيرة من التكرارات.

الاجابه 7:

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

يجب على المرء اختيار مضيف ويب جيد لتحقيق أقصى أداء لموقعه على الويب. هناك المئات من موفري استضافة المواقع ، وبالتالي يجب على المرء اختيار مضيف الويب بأقصى قدر من الحذر والدراسة.

أقصى أداء مع خادم VPS HOSTINGRAJA

هناك عدد قليل من الطرق المهمة التي يمكنك من خلالها تقليل وقت تحميل الموقع.

تغيير حجم الصور وتحسينها

يعد تحسين الصور أحد أسهل الطرق التي يمكنك من خلالها تقليل حجم صفحة الويب وكذلك وقت تحميلها. تستهلك صور الموقع الكثير من النطاق الترددي الذي سيؤثر على وقت تحميل الموقع. هنا ليس تغيير حجم الموقع والصور في HTML هو الحل الوحيد لأنه لن يغير حجم الصورة. هناك بعض الأدوات الخارجية التي يمكنك من خلالها تغيير حجم الصورة. ستتمكن أيضًا من الاستفادة من تحسين الصورة الذي سيقلل الحجم دون فقدان جودة الصورة.

استخدام CDN لتحسين موقع الويب

عندما يكون هناك CDN يتم استخدامه لموقع الويب ، فهذا يعني أنه يتم نشر موقع الويب الخاص بك على عدد مختلف من الخوادم الموجودة في أجزاء مختلفة من العالم. عندما يتم تقديم طلب لرؤية موقع الويب ، فسوف يتلقون البيانات من الخوادم الموجودة في أقرب موقع. هناك العديد من الخوادم الكبيرة التي تقوم بتنفيذ شبكة CDN عن طريق التأكد من أن أداء الموقع أفضل وأسرع.

من خلال تجنب مقاطع الفيديو في صفحة الويب

هناك بعض ملفات الفيديو التي يمكن أن تكون كبيرة جدًا في بعض الأحيان. هنا تحميل مقاطع الفيديو على صفحة الويب مهمة محمومة. من الأفضل عدم استخدام مقطع فيديو مستضاف ذاتيًا لموقع الويب ، بدلاً من ذلك يمكنك استخدام مواقع الفيديو التابعة لجهات خارجية مثل youtube على موقع الويب الخاص بك.

عن طريق تبديل الإضافات عندما لا تكون قيد الاستخدام

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