تقليل حجم الشاشة الأولى

يتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أن النظام يحتاج إلى مزيد من رحلات الشبكة ذهابًا وإيابًا لتقديم محتوى الشاشة الأولى لصفحة الويب.

لمحة عامة

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

التوصيات

لتحسين سرعة تحميل صفحة الويب، حدد حجم البيانات ( علامات HTML والصور و CSS و JavaScript ) المطلوبة لتقديم محتوى الشاشة الأولى لصفحة الويب. للقيام بذلك، يمكنك تجربة الطرق التالية :

• HTML منظم لتحميل محتوى الشاشة الأولى الرئيسية أولاً
• تقليل كمية البيانات المستخدمة في الموارد

HTML منظم لتحميل محتوى الشاشة الأولى الرئيسية أولاً

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

ارجع إلى المثال التالي لمعرفة كيفية هيكلة موقع الويب الخاص بك لزيادة سرعة التحميل :

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

تقليل كمية البيانات المستخدمة في الموارد

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

• 缩减资源的大小：通过移除不必要的空格和评论来缩减HTML、CSS和JavaScript的大小。通过使用可重命名资源中变量名称的工具，实现进一步的优化。
• النظر في أكبر قدر ممكناستخدم CSS بدلاً من الصور.
• مكّن ضغط

باستثناء ملاحظة أخرى، فإن محتوى هذه الصفحة مرخص به بموجبالسمة المشتركة الإبداعية 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our السياسات الموقعية.