قم بإزالة JavaScript التي تمنع التقديم

On this page
يتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أن HTML الخاص بك يشير إلى ملف JavaScript خارجي محظور من قبل النظام ( موجود في الجزء الأول من صفحة الويب).

لمحة عامة

يجب على المتصفح تحليل صفحة الويب قبل أن يتمكن من تقديمها إلى المستخدم. إذا واجه المستعرض نصًا خارجيًا تم حظره بواسطة النظام أثناء عملية التحليل، فيجب عليه إيقاف التحليل وتنزيل JavaScript. في كل مرة يحدث فيها هذا الموقف، يضيف المتصفح عملية رحلة ذهابًا وإيابًا إلى الشبكة، مما يؤدي إلى تأخير في تقديم صفحة الويب لأول مرة.

التوصيات

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

مضمن JavaScript أصغر

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

< html > < head > < script type="text/javascript " src="small.js" > < / script > < / head > < body > < div > هيلو، العالم ! < / div > < / body > < /html >

المواردsmall.jsوعلى النحو التالي :

* محتويات ملف جافا سكريبت سمال*

بعد ذلك، يمكنك تضمين البرنامج النصي على النحو التالي :

< html > < head > < script type="text/javascript" > * محتويات ملف جافا سكريبت سمال* < / script > < / head > < body > < div > هيلو، العالم ! < / div > < / body > < /html >

بهذه الطريقة يمكنك وضعsmall.jsمضمن في مستند HTML، مما يلغي الطلبات الخارجية عليه.

تحميل متأخر JavaScript

لمنع JavaScript من منع تحميل صفحات الويب، يوصى باستخدام سمات HTML غير المتزامنة عند تحميل JavaScript. وعلى سبيل المثال :

< script async src = " my.js" >

إذا كان مورد JavaScript يستخدم document.write، فلن يكون استخدام التحميل غير المتزامن آمنًا. نوصي بتجاوز البرنامج النصي باستخدام document.write لاستخدام تقنيات أخرى بدلاً من ذلك.

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

الأسئلة المتداولة

ماذا لو كنت أستخدم مكتبة JavaScript ( مثل jQuery)؟
يمكن استخدام العديد من مكتبات JavaScript ( مثل jQuery ) لتحسين صفحات الويب لإضافة تفاعل إضافي ورسوم متحركة وتأثيرات أخرى إلى صفحات الويب. ومع ذلك، يمكن إضافة معظم هذه السلوكيات بأمان بعد تقديم محتوى الشاشة الأولى. ضع في اعتبارك ما إذا كان يمكنك تأخير تنفيذ وتحميل JavaScript هذا حتى يتم تحميل صفحة الويب.
如果我使用JavaScript框架来构造网页，该如何操作？
إذا تم إنشاء محتوى صفحة الويب بواسطة JavaScript من جانب العميل، فيجب أن تفكر فيما إذا كان يمكنك تضمين وحدات JavaScript ذات الصلة لتجنب عمليات رحلة ذهابًا وإيابًا إضافية للشبكة. وبالمثل، يمكن أن يؤدي استخدام العرض التقديمي من جانب الخادم إلى تحسين تأثير تحميل صفحة الويب الأولى بشكل كبير بالطريقة التالية : تقديم قالب JS على الخادم، وتضمين النتيجة في HTML، ثم استخدام قالب العميل بعد تحميل التطبيق. لمزيد من التفاصيل حول العرض من جانب الخادم، راجعhttp://youtu.be/VKTWdaupft0? ر = 14m28s.

 

باستثناء ملاحظة أخرى، فإن محتوى هذه الصفحة مرخص به بموجبالسمة المشتركة الإبداعية 3.0 License)، ورخصات الرموز المرخصة بموجب القانون (طراز Apache 2.0 Licenseمن أجل المفصولين، انظرالسياسات الموقعية.