سرعة الصفحة ولماذا هي مهمة

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

يرى Google ويفهم هذا السلوك.

إذا كان تحميل موقعك بطيئًا ، فقد حان الوقت لتقييم كيف يمكنك تحسين أدائك ولديك فرصة أفضل للاحتفاظ بالزائرين والتصنيفات.

نلقي نظرة على الإحصائيات

تقول أحدث دراسة من Google أن متوسط ​​الوقت الذي يستغرقه تحميل الصفحة على جهاز محمول هو 15 ثانية. والخبر السار هو أن الرقم انخفض عن العام السابق.

ومع ذلك ، لا يزال 53٪ من مستخدمي الأجهزة المحمولة يغادرون الصفحة إذا استغرق تحميلها أكثر من 3 ثوانٍ. نظرًا لأن أكثر من نصف حركة المرور على الويب تأتي من الجوّال ، سيكون من الحكمة التأكد من عدم تحميل صفحتك في أكثر من 3 ثوانٍ.

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

عندما تزداد سرعة الصفحة ، يزداد معدل الارتداد. عندما تنتقل سرعة الصفحة من ثانية واحدة إلى 3 ثوانٍ ، يزيد متوسط ​​معدل الارتداد بنسبة 32٪. وعندما يقترب تحميل الصفحة من 10 ثوانٍ ، يمكن أن يصل معدل الارتداد إلى 123٪.

فلنعمل على تسريع هذا الموقع

لقد قرأت الآن الإحصائيات الخاصة بأوقات التحميل. هل هذا يجعلك تقلق بشأن سرعة موقعك؟ هل تريد إرضاء المستخدمين لديك حتى يظلوا على موقعك ويقومون بالشراء؟ هل تريد أن تحتل صفحتك مرتبة أعلى؟

صرحت Google علنًا أن سرعة الصفحة هي عامل ترتيب على سطح المكتب في عام 2010. في يوليو 2018 ، أعلنوا أن سرعة الصفحة ستكون عامل ترتيب لعمليات البحث على الأجهزة المحمولة.

إذا كنت ترغب في ترتيب موقعك في عام 2019 ، فيجب أن تكون صفحتك سريعة.

يحب الجميع موقعًا سريعًا: زوار موقعك ومُحسنات محركات البحث ومطورو الويب وجوجل. يجب أن تفعل كل ما يمكنك القيام به لتسريع تحميل موقعك بجنون.

أولاً ، تحقق من سرعة صفحتك على أداة اختبار PageSpeed ​​Insights من Google واعرض التقارير والاقتراحات التفصيلية حول كيفية التحسين. يعد هذا فحصًا أوليًا جيدًا ويجب أن يوفر لك بعض المعلومات القيمة حول من أين تبدأ.

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

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

باستخدام PageSpeed ​​Insights ، يجب عليك تشغيل التقارير يدويًا والاحتفاظ بسجل. تقوم أداة تسمى SpeedMonitor.io بأتمتة هذه العملية وتتحقق من موقع الويب الخاص بك مقابل واجهة برمجة تطبيقات PageSpeed ​​Insights ليلاً. يمكنك بعد ذلك رؤية اتجاه تاريخي لأداء سرعة موقع الويب الخاص بك بمرور الوقت.

مقاييس أداء السرعة

دعنا نلقي نظرة على بعض مقاييس أداء السرعة التي ستعرضها لك هذه الأدوات:

حان الوقت للتفاعل

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

لتحسين وقت التفاعل ، يجب مراعاة بعض ما يلي:

- تحميل الصور كسول حيث يقوم المستخدم بالتمرير لأسفل الصفحة.

- قم بتحميل المحتوى في الجزء المرئي من الصفحة أولاً حتى يتمكن المستخدمون من التفاعل معه في وقت أقرب.

مؤشر السرعة

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

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

لكي يقوم موقعك بعرض العناصر ، يجب أن يقوم بتحميل الموارد الهامة مثل ملفات HTML و CSS و Javascript لتحميل الصفحة. يجب أن تركز على تقليل عدد الموارد الهامة التي يتطلبها تحميل صفحتك.

- تحميل صورك كسول لعرض الصور المطلوبة فقط في الجزء المرئي من الصفحة

- قم فقط بتحميل ملفات Javascript الضرورية التي تحتاجها عند التحميل

- ادمج ملفات CSS في ملف واحد لتقليل المكالمات المتعددة

أول رسم مضمون

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

لتحسين برنامج First Contentful Paint الخاص بك ، يجب مراعاة ما يلي:

- تقليل موارد حظر العرض مثل CSS و Javascript

- تحميل نصوص طرف ثالث بشكل غير متزامن مثل متتبعات الإعلانات وأزرار المشاركة الاجتماعية وتضمينات الفيديو وما إلى ذلك.

- استخدم التخزين المؤقت HTTP للزائرين العائدين

- إزالة كود CSS أو Javascript غير المستخدم

الوقت حتى البايت الأول

الوقت الذي يحصل فيه المتصفح على البايت الأول من الخادم. عادةً ما يكون الوقت البطيء للبايت الأول (TTFB) أكثر من 200 مللي ثانية. إنه مثالي لإبقائه تحت هذا الرقم. إذا كان الخادم الخاص بك يستجيب مع TTFB عالي ، فقد يكون ذلك أحد الأسباب التالية:

- اتصال شبكة سيء

- خادم بطيء الاستجابة

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

أصدرت Apache Foundation وحدة تسمى PageSpeed ​​تعمل تلقائيًا على تحسين سرعة موقعك عن طريق تعديل الموارد على صفحتك. يمكنك إجراء تغييرات على عوامل التصفية المضمنة في ملفات تكوين خادم الويب.

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

ما هو مسار العرض الحرج؟

مسار العرض الحرج هو الخطوات التي يتخذها المتصفح لمعالجة HTML و CSS وجافا سكريبت في صور ذات مغزى.

كمستخدم ، عند تحميل صفحة ، يأخذ المستعرض HTML ويحولها إلى بايت. ثم يتم تحويل البايت إلى رموز مميزة. ثم يتم تحويل الرموز المميزة إلى كائنات. وهذا ما يسمى نموذج كائن المستند (DOM).

ثم يحدث الشيء نفسه مع CSS. يتم تحويلها إلى بايت وتحويلها في النهاية إلى بنية شجرة تسمى نموذج كائن CSS (CSSOM).

لتحسين مسار العرض الحرج ، انظر إلى ما يلي:

- عدد الموارد الهامة التي يمكن أن تمنع العرض الأولي

- تحميل غير متزامن لموارد جافا سكريبت

- تأجيل أي JavaScript غير مهم للتحميل الأولي

- جعل موارد CSS أعلى في تحميل الصفحة

- لا تستخدم قاعدة استيراد CSS لتجنب المزيد من الرحلات ذهابًا وإيابًا

خاتمة

حان الوقت للتحدث بجدية بشأن أداء الويب وسرعة صفحتك. إذا كنت تريد الترتيب في عام 2019 ، فيجب أن يكون لديك موقع سريع. نأمل أن تساعدك هذه النصائح على البدء في الطريق الصحيح.