اذهب إلى المحتوى
  • 0

تحميل الأيقونات و الصور قبل محتوى الصفحة

حسن الشافعي2

السؤال

هذا موقع الشخصي https://hashafai.github.io/EL-Shafeai/src/# لعرض أعمالي على GitHup عند الدخول إلى الموقع في أغلب الأحيان يتم تحمل المحتوى قبل الأيقونات اي تظهر النصوص و تنسيقات CSS لكن ايقونات fonawson تتأخر في الظهور أو حتى لا تظهر مع العلم اني أضع ملف fontawson قبل ملف التنسيقيات css و ايظا في معرض أعمالي موقع ب عنوان انطلاق تطبيق يحتوي على حركات animation عند الدخول للموقع يتم تفعيل الحركة قبل حتى تحميل الصورة اي العنصر يتحرك و الصورة لم يتم تحميلها ما هي الطريق لحل هذه المشكلة 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

مشكلة عدم تحميل الصور بشكل سريع هو سبب حجم الصورة الكبير والذي يأخذ وقت طويل في تحميل الصورة, ولكن ما الحل؟ الحل لهذه المشكلة هو استخدام صور لها حجم قليل ومناسبة للعرض في الموقع بحيث يتم تحميل الموقع بطريقة سريعة ولا يأخذ وقت لتحميلها, من هذه الطرق استخدام الفوتوشوب لحفظ الصورة لاستخدام الويب, سوف تجدا هذا الخيار عند استخدامك للفوتوشوب ويمكنك الوصول اليه كما في الصورة التالية1.thumb.png.f6c48d12ae9e64c6e7161a0f4fc75818.png
أما بالنسبة لتحميل الأيقونات المتأخر فهو يحدث بسبب اما انك تستخدم رابط cdn الذي من الممكن يؤخر عملية تحميل الأيقونات , أو انك تستخدم ملف حجمه كبير بعض الشيء ولذلك تجد بعض التأخير في تحميل الأيقونة, وأيضا لا ننسى ان السبب قد يكون السيرفر الذي رفعت عليه ملفاتك فربما يكون بطيء

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

في الواقع هناك العديد من الطرق لتسريع تحميل الصورة و الأيقونات أهمها:

  1. تغيير حجم الصور قبل استخدامها 
  2. ضغط الصور لتوفير حجم أكبر
  3. استخدم CDN لتضمين صورك ومحتوياتك الأخرى
  4. تفعيل التخزين المؤقت في المتصفح الخاصبك
  5. إذا طبقت كل هذا ومازال تحميل الصور و الأيقونات فأنصحك تغببر الإستضافة وإختيار إستضافة أسرع

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

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

أو إذا كنت تبحث عن خيارات أرخص لكنها لا تزال فعالة ، فأنا من أشد المعجبين بـ SiteGround. 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...