يتم تشغيل هذه القاعدة عند اكتشاف PageSpeed Insights أنه يلزم المرور ذهابًا وإيابًا عبر الشبكة لعرض الجزء العلوي من الصفحة.
نظرة عامة
إذا كان حجم البيانات المطلوبة يتجاوز فترة ازدحام البيانات الأولية (عادةً ما يكون 14.6 كيلوبايت مضغوط)، سيتطلب ذلك عمليات النقل ذهابًا وإيابًا إضافية بين الخادم ومتصفّح المستخدم. وبالنسبة إلى المستخدمين على الشبكات التي تحتاج إلى مهلات طويلة مثل شبكات الجوّال، قد يتسبب هذا في تأخر تحميل الصفحة.
اقتراحات
حتى يتم تحميل الصفحات بشكل أسرع، يمكنك تقييد حجم البيانات (ترميز HTML والصور وCSS وجافا سكريبت) المطلوبة لعرض محتوى الجزء العلوي من الصفحة. وتتوفّر عدّة طرق لإجراء ذلك:- تنظيم تنسيق HTML لتحميل محتوى الجزء المرئي من الصفحة أولاً
- تقليل مقدار البيانات التي تستخدمها مواردك
تهيئة HTML لتحميل محتوى الجزء العلوي من الصفحة المهم أولاً
يمكنك تحميل المحتوى الرئيسي من الصفحة أولاً؛ قم بتنظيم صفحتك بحيث ترسل الاستجابة الأولية من الخادم البيانات اللازمة لعرض الجزء المهم من الصفحة على الفور وتأجيل الباقي. وقد يعني ذلك أنّه يجب تقسيم CSS إلى جزأين: جزء مضمّن مسؤول عن تنسيق الجزء ATF من المحتوى، والجزء الذي يمكن تأجيله.
يمكنك تجربة الأمثلة التالية لكيفية تهيئة الموقع على التحميل بشكل سريع:
- إذا كان HTML يحمل أدوات جهات خارجية قبل تحميل المحتوى الأساسي، يمكنك تغيير الترتيب لتحميل المحتوى الأساسي أولاً.
- إذا كان موقعك يستخدم تصميمًا ثنائي الأعمدة مع شريط جانبي للتنقل ومقالة، ولكن يتم في HTML تحميل الشريط الجانبي قبل المقالة، يمكنك تجربة تحميل المقالة أولاً.
تقليل مقدار البيانات المستخدمة بواسطة الموارد
بعد إعادة تصميم موقعك الإلكتروني للعمل بشكل جيد على عدة أجهزة وتحميل المحتوى المهم أولاً، يمكنك اتّباع الأساليب التالية لتقليل كمية البيانات المطلوبة لعرض صفحتك:- تقليل الموارد: يمكن تقليل موارد HTML وCSS وجافا سكريبت من خلال إزالة المسافات والتعليقات غير اللازمة. ويمكن إدخال مزيد من التحسينات من خلال استخدام الأدوات التي تعيد تسمية الأسماء المتغيرة في مواردك.
- جرِّب استخدام CSS بدلاً من الصور قدر الإمكان.
- تفعيل الضغط
إضافة ملاحظات
هل كان المحتوى في هذه الصفحة مفيدًا؟