كيفية اختبار سرعة موقع الويب الخاص بك

ستساعدك المقالة التالية: كيفية اختبار سرعة موقع الويب الخاص بك

وجدت الأبحاث التي أجرتها Google أن معدلات ارتداد مواقع الويب تزيد بمقدار 31% من ثانية واحدة إلى ثلاث ثواني مرات التحميل.

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

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

فهم سرعة الصفحة: كيفية تحميل مواقع الويب

الإنترنت معقد للغاية.

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

العملاء <> الخوادم

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

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

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

بمجرد معالجة الطلب، سيرسل متصفح المستخدم استجابة HTML لبدء معالجة نموذج كائن المستند (DOM). يُعرف وقت تلقي هذه المعلومات باسم الوقت حتى البايت الأول (TTFB) – وهو مقياس حيوي لتحميل الصفحة.

بمجرد أن يقوم المتصفح بمعالجة استجابة HTML، فإنه سيقوم بتعيين نموذج كائن DOM وCSS لتنفيذ JavaScript.

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

ثم يجب إجراء طلب آخر بين المتصفح والخادم (زيادة أوقات التحميل).

بمجرد الانتهاء، سيتم تشغيل حدث تحميل النافذة، وسيتم تحميل الصفحة بالكامل في الجزء المرئي من الصفحة.

لاحظ أيضًا أن الصفحات ذات التحميل غير المتزامن ستستمر في تحميل العناصر حتى بعد تنفيذ أحداث تحميل النافذة.

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

على سبيل المثال، تحدد Google معيارها الخاص لسرعات تحميل صفحات الهاتف المحمول بمعدل لا يقل عن 100% ثانية واحدة لجميع المحتوى الموجود في الجزء العلوي من الصفحة حتى يتمكن المستخدمون من التفاعل مع المواقع في أسرع وقت ممكن.

نظرًا لأن زمن استجابة الشبكة عبر شبكة 4G سيستهلك ما لا يقل عن 300 مللي ثانية من أوقات تحميل الصفحة، فلديك 700 مللي ثانية لتحسين الصفحة لتحميل المحتوى في الجزء العلوي من الصفحة في ثانية واحدة على الأقل.

لقطة شاشة من موقع Developers.google.com، مارس 2023

إن الوصول إلى هذا المعيار أمر ممكن ولكنه صعب.

فلماذا توصي Google بتحميل الصفحات لمدة ثانية واحدة على الأقل في الجزء المرئي من الصفحة؟

أهمية سرعة الموقع

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

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

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

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

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

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

اعتبارات عند تشغيل اختبار صفحة الويب

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

لهذا السبب، فإن موازنة هذه النتائج وفهم المقاييس التي يجب الاهتمام بها سيمنحك نتائج أكثر حيادية.

التخزين المؤقت

أولاً وقبل كل شيء، أوصي باختبار المواقع التي تم تمكين وتعطيل التخزين المؤقت فيها لمعرفة الفرق.

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

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

موقع

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

حتى أنني رأيت أشخاصًا يقللون أوقات تحميل مواقع الويب الخاصة بهم بشكل كبير من خلال استضافة مواقعهم على خادم أقرب جغرافيًا أو تمكين شبكة توصيل المحتوى (CDN) – وهي شبكة من الخوادم الموزعة.

تشغيل اختبارات متعددة

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

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

المقاييس

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

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

وقت تحميل الصفحة

يمثل هذا المقياس إجمالي الوقت المستغرق لتحميل الصفحة بالكامل.

يوفر Google Analytics تقريرًا عن وقت تحميل الصفحة لكل عنوان من عناوين URL الخاصة بك وحتى عبر المتصفحات المختلفة.

لقطة شاشة من Google Analytics، مارس 2023

الوقت حتى البايت الأول (TTFB)

يقيس هذا الوقت الذي تستغرقه المتصفحات لتلقي طلب HTML من الخادم.

قد تشير نتائج TTFB الضعيفة إلى أن لديك العديد من الملفات الكبيرة على موقع الويب الخاص بك أو تحتاج إلى الانتقال إلى خادم جديد.

عدد طلبات HTTP

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

مؤشرات الويب الأساسية

لقطة شاشة من PageSpeed ​​Insights، مارس 2023

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

الميدان مقابل. بيانات المختبر

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

تأخذ البيانات الميدانية في الاعتبار وقت التحميل التاريخي للصفحة، بينما توفر البيانات المعملية بيانات من اختبار تمت محاكاته.

يوفر Google Analytics بيانات ميدانية وسجلًا تاريخيًا للمدة التي يستغرقها، في المتوسط، تحميل الصفحات على موقعك.

من ناحية أخرى، توفر بيانات المختبر، مثل Lighthouse من Google، قياسًا تقريبيًا لسرعات تحميل الصفحة ضمن متغيرات محددة.

تعد البيانات المعملية رائعة لتشخيص مشكلات محددة، بينما تعد البيانات الميدانية طريقة ممتازة لتخطيط التقدم وسهولة الاستخدام لموقع الويب الخاص بك بمرور الوقت.

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

أفضل الأدوات لاختبار سرعة الموقع

جوجل PageSpeed ​​رؤى

جوجل PageSpeed ​​رؤى هي أداة مجانية مصممة لتشخيص الفرص المحددة التي تفتقر إلى سرعة الصفحة.

لقطة شاشة من PageSpeed ​​Insights، مارس 2023

ستعمل هذه الاقتراحات على تعزيز نتائج سرعة صفحتك وزيادة تصنيفات كلماتك الرئيسية.

توفر هذه الأداة أيضًا مقاييس لـ Core Web Vitals ووقت التفاعل ومؤشر السرعة العام.

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

تعد PageSpeed ​​Insights خطوة أولى مفيدة للكشف عن المشكلات على مستوى السطح والتي يمكن حلها بسهولة.

GTMetrix

GTMetrix هي أداة تدقيق ممتازة لسرعات صفحات موقع الويب التي توفر بيانات معملية مماثلة مثل Lighthouse من Google مع أدوات تصور أفضل.

تخبرك علامة التبويب “الأداء” بكل ما تحتاج إلى معرفته حول “مؤشرات أداء الويب الأساسية”، وتوفر علامة التبويب “الهيكل” فرصًا لتحسين سرعات الصفحة.

لقطة شاشة من GTMetrix، مارس 2023 لقطة شاشة من GTMetrix، مارس 2023

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

لقطة شاشة من GTMetrix، مارس 2023

بينغدوم

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

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

يوفر Pingdom أيضًا نفس المقاييس والرؤى القابلة للتنفيذ التي توفرها الأدوات الأخرى مع الدعم المستمر لموقع الويب الخاص بك.

اختبار صفحة الويب

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

توفر هذه الأداة جميع بيانات المختبر نفسها التي توفرها Lighthouse، مع إمكانية الاختبار على أجهزة وشبكات متعددة.

وتشمل بعض أبرز ميزاته ما يلي:

• شلال.
• فيديو لتحميل صفحتك.
• مقاييس الأداء.
• تتبع وجهات النظر.
• اختبارات متعددة في وقت واحد.

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

لقطة شاشة من WebPageTest، مارس 2023

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

وحدة تحكم بحث جوجل

أنصحك بشدة بالوصول إلى تقرير السرعة في Google Search Console لإلقاء نظرة أكثر تفصيلاً على سرعات الصفحات الفردية.

يوفر هذا التقرير درجات السرعة الفردية والأداء العام عبر المتصفحات والأجهزة.

لقطة شاشة من موقع Developers.google.com، مارس 2023

استخدم Search Console لمراقبة أي تقدم أو تغييرات تطرأ على موقعك. وبطبيعة الحال، يمكنك أيضًا الكشف عن الكثير من البيانات نفسها في Google Analytics.

بقايا جديدة

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

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

نصائح لتحسين سرعة الموقع

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

تمكين ضغط

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

هناك العشرات من المكونات الإضافية المتاحة لـ WordPress، بما في ذلك المفضلة مثل أوبتيمول و WP Rocket الذي يتضمن تخيل البرنامج المساعد.

التخزين المؤقت

يعد التخزين المؤقت بمثابة فوز سهل آخر لتعزيز سرعات موقع الويب بسرعة للعملاء الدائمين.

يسمح التخزين المؤقت للويب أو المتصفح لمواقع الويب بتخزين أجزاء صغيرة من البيانات على أجهزة العميل، بحيث يتم جلب موارد أقل في المرة التالية التي يقومون فيها بتحميل موقع ويب.

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

تحميل كسول

ميزة أخرى هي أن أدوات التخزين المؤقت مثل WP Rocket أو تحميل بطيئ العرض هو القدرة على تأخير تحميل الملفات حتى يصل المستخدم إليها.

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

تحسين موقع الخادم الخاص بك/CDN

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

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

تصغير الموارد

إلى جانب الصور، سيكون CSS وJavaScript أكبر عنصرين مطلوب تحميلهما في أي صفحة ويب.

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

تقليل الإضافات والتعليمات البرمجية غير الضرورية

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

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

خاتمة

الآن بعد أن فهمت كيفية اختبار سرعة موقع الويب الخاص بك والمقاييس التي يجب البحث عنها، يمكنك تنفيذ حلول لزيادة سرعة موقع الويب الخاص بك ومراقبة مدى تأثيرها على تصنيفات تحسين محركات البحث (SEO) الخاصة بك.

في حين أن سرعة موقع الويب هي أحد العوامل العديدة، فإن فوائد موقع الويب سريع التحميل ستفوق بشكل كبير أي تكاليف تضعها فيه.

المزيد من الموارد: