تشارك Google ست طرق لجعل موقع الويب الخاص بك أسرع وأكثر كفاءة من خلال تحسين JavaScript
تشارك Google ست طرق لجعل موقع الويب الخاص بك أسرع وأكثر كفاءة من خلال تحسين JavaScript.
في مقطع فيديو جديد من Google ، يشارك Developer Advocate Alan Kent ست طرق لتحسين محركات البحث SEO من خلال تحسين JavaScript لتحسين أداء موقع الويب الخاص بك.
يحدد Kent مشكلات الأداء الشائعة التي تسببها JavaScript ويتخطى الخطوات التي يمكنك اتخاذها لإصلاحها.
1. تجنب تكاثر ملفات JavaScript
تجنب تكاثر عدد ملفات JavaScript على موقعك.
يمكن أن يصبح عدد ملفات JavaScript مفرطًا إذا لم تكن حريصًا، خاصة إذا كان كل مكون من مكونات واجهة المستخدم في ملف منفصل.
يمكن أن يؤدي تقليل عدد ملفات JavaScript التي يتعين على المتصفح تنزيلها إلى تحسين أداء موقع الويب.
كيف تكتشف
يسرد قسم ” الفرص ” في تقرير PageSpeed Insights التوصيات الخاصة بموقعك.
ابحث عن التوصية بالإبقاء على عدد الطلبات منخفضًا وصغر أحجام النقل.
انقر فوق التوصية للحصول على ملخص لعدد وأحجام أنواع الموارد المطلوبة بما في ذلك ملفات JavaScript.
كيفية الإصلاح
يمكنك حل هذه المشكلة بعدة طرق مختلفة. أحد الخيارات التي توصي بها Google هو دمج الملفات الأصغر معًا للحصول على ملف واحد أكبر حجمًا لتنزيله.
حل آخر هو دعم HTTP2 على موقعك، حيث يمكنه تحسين الأداء دون الانضمام إلى الملفات.
2. تجنب عمليات بحث DNS الزائدة
تجنب عددًا كبيرًا من عمليات بحث DNS عن ملفات JavaScript المرجعية، حيث يمكن أن يؤدي ذلك إلى إبطاء زيارة المستخدم الأولى لموقعك.
كيف تكتشف
يمكن أن تعرض لك PageSpeed Insights قائمة بأسماء النطاقات المستخدمة في عناوين URL في أقسام مثل تقليل وقت تنفيذ JavaScript .
تعد علامة تبويب الشبكة في Chrome Developer Tools طريقة أخرى لمشاهدة جميع أسماء النطاقات المشار إليها.
كيفية الإصلاح
لتقليل عدد عمليات بحث DNS، تقترح Google أن تفكر في استضافة نسخة من ملفات JavaScript المشار إليها خارجيًا على موقعك الخاص.
3. القضاء على JavaScript غير فعال
قلل أو تخلص من JavaScript غير الفعال، حيث يمكن أن يبطئ صفحات الويب ويؤدي إلى تجارب مستخدم سيئة.
كيف تكتشف
ابحث عن الفرص التالية في تقرير PageSpeed Insights من Google:
- تقليل وقت تنفيذ JavaScript : يُبلغ هذا عن البرامج النصية حيث تم قضاء قدر كبير من وقت وحدة المعالجة المركزية في تحليل أو تنفيذ تعليمات JavaScript البرمجية.
- تخلص من موارد حظر العرض: يتضمن ذلك JavaScript التي قد يتم تنفيذها قبل عرض الصفحة، مما يجعل المستخدم ينتظر وقتًا أطول لمشاهدة أي محتوى.
- Document.write : في حالة إساءة الاستخدام، فقد يتسبب ذلك في حدوث مشكلات كبيرة في الأداء على الصفحة حيث يمنع حدوث عمليات أخرى.
- لا يستخدم المستمع السلبي: المستمع السلبي هو تلميح للمتصفح أن كود JavaScript لن يستدعي وظيفة تمنع التمرير، مما يسمح للمتصفح بتمرير الصفحة حتى أثناء استمرار تنفيذ JavaScript.
كيفية الإصلاح
يعد التخلص من JavaScript غير الفعال موضوعًا أكبر يتجاوز نطاق فيديو Google.
تتضمن الحلول عمومًا كتابة كود JavaScript بشكل مختلف. تتضمن الأساليب تحديد سمات الكود الموجود، وكتابة إصداراتك الخاصة المصغرة لمكونات أكثر قوة.
4. القضاء على JavaScript غير المستخدمة
جافا سكريبت غير المستخدمة هي أيضًا غير فعالة، لكن Google تقول إن هذه المشكلة شائعة بما يكفي لاستدعاءها من تلقاء نفسها.
يمكن أن تؤدي إعادة استخدام التعليمات البرمجية عبر المواقع إلى تضمين JavaScript غير مطلوب.
جافا سكريبت التي لم يتم استدعاؤها مطلقًا لا تزال بحاجة إلى تنزيلها وتحليلها بواسطة مستعرض الويب، مما يعد إهدارًا للموارد.
كيف تكتشف
ابحث عن الفرص التالية في تقرير PageSpeed Insights من Google:
- تقليل JavaScript غير المستخدمة: يوضح لك هذا JavaScript لم يتم تنفيذه كجزء من تحميل الصفحة.
- تجنب حمولات الشبكة الهائلة: هذا يحدد مجالات التحسين من خلال استدعاء تنزيلات مكتبة كبيرة.
- تصغير عمل الخيط الرئيسي: يشمل الوقت المستغرق في تحليل JavaScript وتجميعه وتنفيذه.
كيفية الإصلاح
توصي Google بتقنية تسمى tree-shaking يمكن استخدامها لتحديد جافا سكريبت التي لم يتم استدعاؤها مطلقًا، والتي يمكن حذفها بأمان.
5. ضغط ملفات JavaScript
تأكد من أن ملفات JavaScript مضغوطة عند تنزيلها. بينما يجب أن يقضي متصفح الويب وقتًا أطول لوحدة المعالجة المركزية لفك ضغط محتويات الملف، تقول Google إن الضغط هو فوز شامل.
كيف تكتشف
يحتوي تقرير PageSpeed Insights على قسم يبرز ملفات جافا سكريبت التي قد تستفيد من ضغطها.
سيؤدي النقر فوق تمكين ضغط النص إلى إظهار الملفات التي يوصى بضغطها.
كيفية الإصلاح
تحتوي معظم متصفحات الويب أو أنظمة إدارة المحتوى على دعم مدمج لضغط التنزيلات إذا تم تكوينها بشكل صحيح.
6. تعيين مدد مناسبة لذاكرة التخزين المؤقت لرمز JavaScript
تحقق من إرجاع ملفات جافا سكريبت مع رؤوس مناسبة لانتهاء ذاكرة التخزين المؤقت.
يساعد هذا المتصفحات على تجنب عبء التحقق مما إذا كانت ملفات JavaScript في ذاكرة التخزين المؤقت قديمة، مما يحسن الأداء.
كيف تكتشف
في علامة تبويب الشبكات في أدوات مطوري Chrome ، يمكنك التحقق من رؤوس استجابة HTTP لملفات جافا سكريبت التي تم تنزيلها. ابحث عن رؤوس مثل Cache Control .
في PageSpeed Insights ، ابحث عن الفرصة بعنوان عرض الأصول الثابتة بسياسة ذاكرة تخزين مؤقت فعالة. سيؤدي النقر فوقها إلى إظهار قائمة بالموارد، بما في ذلك ملفات JavaScript ، التي قد تستفيد من تعيين رؤوس ذاكرة التخزين المؤقت بشكل مناسب.
كيفية الإصلاح
تتمثل إحدى طرق تحسين التخزين المؤقت لملفات JavaScript شائعة الاستخدام في الرجوع إلى الملفات من موقع عام مشترك.
إذا قام أحد المستخدمين بزيارة مواقع تعيد استخدام ملف JavaScript نفسه، فيمكن للمتصفح استخدام نسخة الملف التي تم تنزيلها مسبقًا، مما يؤدي إلى تحسين الأداء.
المصدر: searchenginejournal
قد يهمك:
