مشكله تحميل الصفحه قبل تحميل الملفات

تحتاجين إلى تسريع وقت تحميل صفحتك، يمكن للملاحظات التالية أن تساعدكِ في هذا الأمر:

• ملفات CSS:
  • حاولي تجنب وجود عدد كبير من  ملفات CSS. كلما زاد عدد الملفات يعني زيادة عدد طلبات HTTP.
  • تجنبي استخدام "import@" في ملفات CSS الخاصة بك بدلًا من ذلك استخدمي إستدعاء الخطوط من خلال HTML
  • يمكنك تصغير ملفات CSS الخاصة بك. باستخدام أداة تصغير عبر الإنترنت مثل CSS minifier أو باستخدام عدة مكتبات برمجيًا.
  • قمي بتحميل تنسيقات CSS الخاصة بكِ <link> في الجزء العلوي من ملف HTML وليس في نهاية عنصر head.
• ملفات JS:
  • أنقلي كل ملفات js إلى أسفل ملف HTML، أي قبل نهاية العنصر body مباشرة
  • يمكنك تصغير ملفات js الخاصة بك. باستخدام أداة تصغير عبر الإنترنت مثل JavaScript-minifier أو باستخدام عدة مكتبات برمجيًا.

الملاحظات السابقة تساعد في تقليل الوقت اللازم لتحميل الصفحة وخصوصًا ملفات CSS، فكلما تم تحميل ملفات CSS بشكل أسرع كلما ظهرت التنسيقات على العناصر بشكل أسرع.