تحسين سرعة الموقع الإلكتروني

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

هنا مثال من الموقع لملفات الجافا سكربت يمكنك الاطلاع عليها من waterfall لعرض جميع الملفات المستخدمة والغير مستخدمة . 

لقد قمت بفحص الموقع خاصتك على موقع pagespeed وتبين لي انك تستخدم في موقعك في تعليمة جافاسكربت 

document.write()

العديد من أدوات اختبار أداء الويب مثل Dareboost او Google Page Speed قد نصحت بتجنب استخدام هذه التعليمة لأنه لها تأثير كبير على وقت تحميل المواقع , كما أن متصفح ال google chrome لن يقوم بتنفيذ هذه التعليمة بعد اصدار 54 .

اذا كنت تستخدم هذه التعليمة لتقوم باضافة ملفات جافاسكربت خارجية داخل <script> بشكل غير متزامن async انصحك بتغيير طريقة الاضافة واستخدام خاصيتين defer و async داخل تاغ <script> مثال : 

<script src="demo_defer.js" defer async></script>

في الصورة  1 من موقع pagespeed يظهر لك المشكلة.

وفي الصورة 2 يظهر لك ملفات الجافاسكربت غير المستخدمة والتي يمكن ان تكون غير مستخدمة اي ان المتصفح لايقوم بتحميلها بسبب طريقة استدعائك الخاطء لها