سرعة الموقع الإلكتروني الخاص بك لها تأثير مباشر على تحسين محركات البحث ومعدلات التحويل، وقد يكون عدم تخصيص الوقت لإجراء التحسينات علي سرعة موقعك الالكتروني خطأً مكلفًا.
من المرجح جدًا أن يرتد المستخدمون من المواقع البطيئة، ويزداد احتمال حدوث ذلك بنسبة تزيد عن 100٪ إذا زاد وقت تحميل الصفحة من 1 ثانية إلى 6 ثوانٍ فقط.
هناك حاجة حقيقية للسرعة ، وأداة Page Speed ​​Insights المجانية من Google هي مورد رائع لمساعدتك في العثور على المشكلات التي قد تؤدي إلى إبطاء موقعك وإصلاحها.
تعرف على كيفية استخدام اختبار Page Speed ​​وكيفية عمله وكيفية تسريع موقعك باستخدام التوصيات، بالإضافة إلى ذلك، تعرف على الحقيقة وراء بضع خرافات الشائعة حول هذه الاداة.

لماذا تهم السرعة

منذ عام 2010 ، أكدت Google سرعة الصفحة كعامل ترتيب، وبعد ذلك ، “ركزت على عمليات بحث سطح المكتب” ، حتى تم طرح تحديث محدد على سرعة الصفحة للجوال في (يوليو) 2018 .
في حين أن السرعة هي أحد أكثر من 200 عامل تصنيف، فلا أحد منا يريد أن يخسر موقعة دون داع، وخاصة بالنسبة لشيء عادة ما يكون تحت سيطرتنا.
في الواقع، تم بتحليل مليون نتيجة بحث على Google ووجدت “علاقة قوية بين سرعة الموقع وتصنيفات Google”.

لكن بغض النظر عن تحسين محركات البحث، فقد رأينا بالفعل كيف تزداد ارتداد الصفحة مع تباطؤ سرعة الموقع.
أظهرت دراسة أجرتها وكالة التسويق الرقمي الأمريكية Portent عام 2019 أن “معدلات التحويل تنخفض بمتوسط ​​4.42٪ مع كل ثانية إضافية من وقت التحميل (بين الثواني 0-5). كما وجدت أيضًا أن أول 5 ثوانٍ من وقت تحميل الصفحة كان لها التأثير الأكبر على معدلات التحويل.
فإذا لم تكن مهتمًا بالفعل بالسرعة كمقياس للأداء ، فقد حان الوقت الآن.

قل مرحبًا بأداة Page Speed ​​Insights من Google

Page Speed ​​Insights هي أداة مجانية تقدمها Google لمساعدتك في تحليل أداء الموقع الالكتروني الخاص بك والاطلاع على اقتراحات حول كيفية تحسينه.

يمكن القول إنها الأداة الأكثر شيوعًا لتحليل سرعة الصفحة ، لذا فهي تستحق وقتك، وربما تتساءل ، “كيف يمكنني الحصول على نتيجة 100/100 باستخدام Page Speed ​​Insights؟”
أولاً، تحتاج إلى معرفة كيفية استخدام الأداة بشكل صحيح وكيفية تنفيذ الاقتراحات التي تقدمها، وإلا فقد لا ترى مكاسب الأداء التي يمكن أن تحدث فرقًا كبيرًا في موقعك، من المهم أيضًا فهم ماهية Page Speed ​​.

Page Speed ​​مقابل وقت التحميل

لا تقيس أداة Page Speed ​​من Google وقت تحميل موقعك، على الرغم مما يفترضه الناس، ولفهم السبب، دعنا أولاً نتناول الفرق بين Page Speed ​​ووقت تحميل الصفحة.

Page Speed

مدي سرعة الموقع ​​هي درجة تمنحها Google من أصل 100 بواسطة أداة Page Speed ​​Insights الخاصة بها.
Page Speed ​​Insights وأداة Lighthouse التي تشغّلها تأخذ مقاييس أداء أولية وتحولها إلى درجات تتراوح بين 1 و 100.
على الرغم من أنها ستوفر فرصًا وتقارير تشخيصية كجزء من تقريرها ، إلا أنها لا تساهم بشكل مباشر نحو نتيجة الأداء، وهذا يعني أن Page Speed ​​بحد ذاته ليس في الواقع مؤشرًا حقيقيًا لوقت تحميل الموقع.

وقت التحميل

إذن، ما هو وقت التحميل، مقارنةً بـ Page Speed؟
إنه متوسط ​​الوقت الذي يستغرقه تحميل الصفحة للمستخدم، وهو الوقت الفعلي الذي تستغرقه الصفحة في التحميل ، بالثواني أو بالملي ثانية بين بدء تحميل الصفحة والانتهاء منه.
بالطبع لا يعطي وقت التحميل وحده نظرة ثاقبة لما يسبب مشكلات السرعة أو كيفية إصلاحها.

ماذا يعني هذا بالنسبة لك؟

يمكن أن تكون Google Page Speed ​​Insights مفيدة ، ولكن لا يمكنك استخدامها بمعزل عن غيرها لتقييم أداء موقعك. تحتاج إلى استخدام عدة مؤشرات لتحديد المشكلات وحلها.

كيف تعمل Page Speed ​​Insights؟

يتم تشغيل أداة Google Pages Speed ​​Insights بواسطة Lighthouse وتوفر “بيانات معملية” و “بيانات ميدانية” لصفحة ما.
يتم جمع “بيانات المختبر” في بيئة خاضعة للرقابة عند مسح الصفحة ضوئيًا وهي طريقة رائعة لتحديد مشكلات الأداء والعثور عليها حلول لإصلاح هذه.
من ناحية أخرى، يتم جمع “البيانات الميدانية” من بيانات الأداء الواقعية عندما يقوم المستخدمون بتحميل صفحتك. يمكن أن تظهر هنا بعض المشكلات والاختناقات الواضحة التي تجعل من الصعب على زوارك الحقيقيين التحويل.

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

كيفية استخدام Page Speed ​​Insights

1. انتقل إلى أداة Page Speed ​​Insights :

2. أدخل عنوان URL لموقعك الالكتروني، ولا يجب أن تكون الصفحة الرئيسية، وبعد أن تحسب الأداة النتائج والتوصيات ، سترى ما يلي:

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

لفهم كيفية استخدام Page Speed ​​Insights حقًا ، يلزمك معرفة معنى كل ما تراه وكيفية تفسيره.

نقاط السرعة

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

Field Data

تشير “origin summary” الي أداء الصفحة على مدار الثلاثين يومًا الماضية عند مقارنتها بالصفحة الأخرى في تقرير تجربة مستخدم Chrome ، وهو عبارة عن مجموعة من مقاييس الأداء التي تم جمعها من بعض مستخدمي متصفح Chrome من Google.
إذا كان ذلك متاحًا ، فستتمكن أيضًا من عرض origin summary بالإضافة إلى عنوان URL المحدد الذي تختبرها ، وبشكل أساسي يسمح لك هذا بمشاهدة مقارنة بين صفحة معينة وجميع الصفحات من الأصل.
من المهم معرفة أن البيانات الميدانية يتم تجميعها من المستخدمين الفعليين على Chrome، ولكن قد لا تكون هناك بيانات كافية لعنوان URL الذي أدخلته، وإذا كان الأمر كذلك، فستتمكن فقط من عرض “بيانات المختبر”.

(FCP)

يقيس هذا الوقت المستغرق من التنقل إلى الصفحة إلى الوقت الذي يتم فيه عرض الجزء الأول من المحتوى من DOM، وهذا هو أول معلم لإظهار أن الصفحة قد بدأت في التحميل، وتقارير FCP عن سرعة الوصول إلى هذه النقطة.

(FID)

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

Lab Data

تستند “Lab Data” ، بالمقارنة مع “Field Data”، إلى تحليل Lighthouse للصفحة والجهاز الذي تمت محاكاته والاتصال. على الرغم من أن هذا لا يُظهر بيانات العالم الحقيقي، إلا أنه لا يزال مفيدًا لفهم مكان حدوث المشكلات.
مرة أخرى، تستخدم Page Speed ​​Insights نظام تلوين إشارات المرور المألوف هنا للإشارة إلى الأداء: عرض دائرة للنتائج الخضراء ، ومربع للبرتقالي ، ومثلث للأحمر.
بينما يتم عرض FCP في تقرير “البيانات الميدانية” ، فإنه يعتمد على تحليل تمت محاكاته من Lighthouse ، بدلاً من بيانات العالم الحقيقي.

مؤشر السرعة

يوضح مقياس مؤشر السرعة مدى سرعة ظهور محتوى الصفحة ، وتشير الدرجات الأقل إلى أداء أفضل.

وحدة CPU

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

وقت التفاعل (TTI)

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

الحد الأقصى المحتمل لتأخير الإدخال الأول

بالنسبة إلى “بيانات المختبر” ، يتم الإبلاغ عن هذا على أنه أقصى تأخير محتمل للإدخال الأول ويوضح مدة أطول مهمة بعد FCP التي يمكن أن يواجهها المستخدمون.

Opportunity

إنه في قسم الفرص حيث ستحصل على نظرة ثاقبة لما يجب التركيز عليه لتحسين وقت تحميل صفحتك ونقاط Page Speed ​​، إلى جانب تقدير تقليل وقت التحميل الذي يمكن رؤيته.

التشخيص

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

اجتاز عمليات التدقيق

عمليات التدقيق التي تم اجتيازها هي ما يبدو عليه الأمر.

ما هي نتيجة Page Speed ​​الجيدة؟

حتى إذا لم تحقق 100/100، فلا يزال بإمكانك الحصول على موقع سريع التحميلK ,تذكر أن Page Speed ​​بحد ذاته ليس مؤشرًا مباشرًا لوقت التحميل.
من المحتمل أنك قد لا تصل أبدًا إلى الدرجة المثالية، على الرغم من إجراء تحسينات جذرية تؤثر بشكل إيجابي على وقت تحميل موقعك.
ركز جهودك ومواردك حيثما يكون ذلك منطقيًا، فالحصول على 100/100 في Google Page Speed ​​Insights ليس مهمًا في الواقع”، وغالبًا ما يتم الاستشهاد به على أنه خرافة شائعة أنك تحتاج إلى تسجيل 100/100 لأداء موقعك بشكل جيد.
ضع في اعتبارك أن المؤشر الحقيقي لأداء موقعك هو وقت التحميل ، وليس نتيجة Page Speed ​​Insights، ومع ذلك ، نرى أن Google نفسها تحدد أن الدرجة الضعيفة تتراوح بين 0 و 49 ، ومتوسط ​​الدرجة بين 50 و 89 ، والنتيجة الجيدة هي 90+.

لا تهتم بالحصول على درجة 100، ومن المهم أيضًا أن تفهم كيف تتراكم المواقع التي تتنافس معها بشكل مباشر على SERPs ، إلى حد ما.
إذا كان لديك وقت تحميل أسرع وكانت نتيجة Page Speed ​​أفضل، ومع ذلك لا تزال النتيجة 92/100 ، فهناك فرصة جيدة لتخصيص جهودك بشكل أفضل في مكان آخر.

كيفية تحسين نقاط Page Speed ​​Insights الخاصة بك

1. تحسين الصور

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

  • حجم الصورة.
  • الحجم المعروض مقابل الحجم الفعلي للصورة بالبكسل.
  • تأجيل تحميل الصورة خارج الشاشة.
  • استخدم شبكة توصيل المحتوى (CDN).
  • استخدام صور الجيل التالي.

تحسين حجم الصورة

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

حجم الطول في حجم العرض

هناك مشكلة شائعة أخرى وهي الصور أكبر بكثير مما يجب أن تكون عليه دون داع، فتخيل أن صفحتك تعرض صورة 250 × 250 بكسل إذا كانت الصورة الأصلية 1000 × 1000 بكسل، ومع ذلك فقد تم تصميمها لعرض أصغر باستخدام CSS ،
يمكنك جعل وقت التحميل أسرع، وسيحتاج المتصفح إلى تنزيل الصورة الأصلية (الأكبر) لعرضها بحجم أصغر.

استخدم شبكة توصيل المحتوى (CDN)

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

يؤدي استخدام CDN بشكل أساسي إلى توزيع حمل الخادم عبر عدد من المواقع المختلفة ويستخدم الأقرب إلى المستخدم لخدمة الأصول، فكلما اقتربت البيانات، زادت سرعة وقت التحميل.

تأجيل الصور خارج الشاشة

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

استخدم تنسيقات الصور من الجيل التالي

أخيرًا ، ضع في اعتبارك استخدام تنسيقات الصور من الجيل التالي مثل Web P، ولقد تم إثبات أن صور Web P يمكن أن تؤدي إلى انخفاض بنسبة 85.87٪ في متوسط ​​حجم الصورة مقارنةً بـ JPG وانخفاض مقابل PNG.

تحسين وقت استجابة الخادم

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

التصغير

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

متصفح التخزين المؤقت

إذا كنت تستخدم WordPress باعتباره نظام إدارة المحتوى (الذي يستخدمه ما يقدر بـ 35٪ )، فلن يكون من الأسهل استخدام التخزين المؤقت للمتصفح ، ويمكنك فعل ذلك مع الإضافات المجانية الشائعة بما في ذلك W3 Total Cache و WP Super Cache .

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

إذا كنت لا تستخدم WordPress ، فلا يزال من الممكن إعداد التخزين المؤقت للمتصفح يدويًا .

مسح عمليات إعادة التوجيه

بمرور الوقت ، يمكن أن تتراكم عمليات إعادة التوجيه المتعددة وتؤدي إلى إبطاء سرعة تحميل الصفحة، حيث تضطر المتصفحات إلى تقديم طلبات HTTP إضافية مما يزيد من وقت التحميل.
ستسلط Page Speed ​​Insights الضوء على هذه المشكلات.

متى ستبدأ في تحسين سرعة موقعك؟

يمكن أن يؤثر اختبار سرعة الصفحة ليس فقط على أداء تحسين محركات البحث لموقعك ولكن أيضًا على تحويل المستخدمين بمعدل أعلى.