أضف إجابة
يجب عليك تسجيل الدخول او التسجيل لتستطيع اضافه إجابة .
طريقة تأجيل تحميل اكواد CSS و JS للحصول على تحميل اسرع
تبليغسؤال
يرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذا السؤال.
يوجد الكثير من العمليات التي يمكنك القيام بها لاننا نفترض انك تحتاج الى الحصول على نتيجة كاملة 100% من تعديلات الاكواد التي يتكون منها موقعك لكي يكون التصميم متجاوب مع الكمبيوتر والجوال وهذا سوف يعطيك تقدم ملحوظ يساعدك في الحصول على ترتيب أفضل لنتائجك على الويب.
كيف يمكن تأجيل تحميل الملفات أو الشفرات البرمجية بلغتي CSS و جافا سكريبت بحيث يمكننا ازالة هذه المشكلة نهائيا عند فحص سرعة تحميل صفحات الموقع ؟
إجابة ( 1 )
يرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذه الإجابة.
خطوات تأجيل Defer تحميل كل اكواد CSS و JS المتضمنة ضمن ملفات HTML والحصول على نتيجة عالية في اختبار سرعة تحميل صفحات الموقع وكالاتي :
التوجه الى هذه الصفحة sitelocity.com وعمل استخلاص لكل أكواد CSS وجافا سكريبت المتضمنة داخل اكواد HTML في صفحات الموقع وكما في الصورة التالية.
بعد الضغط على Critical Path CSS Generate التي تعني توليد مسار حرج لاكواد CSS المتضمنة داخل أكواد HTML ستظهر كما في الصورة ادناه.
يتم تحميل الاكواد في الصندوق اعلاه ويمكن تحميلها من نفس الصفحة على شكل ملف تم تجميع كل الشفرات البرمجية الخاصة بلغة Css واختيار الكود في الصندوق أسفله مع وضع مسار الملف الموجود بدلا من PATH_TO_COMBINED_CSS_FILE الموجود بين علامتي التنصيص كما نشاهد في الصورة ليكون الشكل قبل عملية التأجيل لهذه الملفات وتجميعها كما في الصورة.
ليكون بالشكل التالي :
أو يمكن اختصار ذلك عبر اضافة WP Rocket عبر الخيار File Optimization ووضعه في الصندوق الموجود بعد تفعيل الخيار Optimize CSS Delivery لكي يتم انشاؤه تلقائيا عبر الاضافة ويتم الحصول على سرعة كبيرة لانها سوف تقوم بتحميل الملفات بعد تحميل الصفحة مباشرة.