دليل كامل لاستخدام WebPageTest (وتفسير النتائج)

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

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

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

ما هو WebPageTest؟

WebPageTest هي أداة قوية ومفتوحة المصدر مصممة لمساعدة مالكي ومطوري مواقع الويب على مراقبة أداء مواقعهم على الويب وتحسينه:

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

تم إطلاق WebPageTest في عام 2008 ، وهي واحدة من أقدم خدمات اختبار الأداء لمواقع الويب. في البداية ، كانت بمثابة أداة اختبار داخلية داخل AOL (نعم ، إنها قديمة إلى هذا الحد).

بعد فترة وجيزة ، تم إصدار WebPageTest بموجب ترخيص مفتوح المصدر. في عام 2011 تم إطلاق الموقع الإلكتروني للخدمة.

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

الميزات الرئيسية لـ WebPageTest:

• اختبارات محاكاة من مواقع مختلفة حول العالم
• دعم مجموعة متنوعة من المتصفحات ، بما في ذلك Chrome و Firefox و Safari
• تحليل عرض صفحة الويب وعملية التحميل ، بما في ذلك مخططات الشلال وشرائط الأفلام
• إعدادات اختبار قابلة للتخصيص ، مثل سرعة الاتصال ودقة الشاشة
• المقاييس المتقدمة ، بما في ذلك مؤشر السرعة ، الوقت حتى البايت الأول (TTFB) ، ورسام المحتوى الأول (FCP)

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

لماذا يجب عليك استخدام WebPageTest

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

ومع ذلك ، يوفر WebPageTest مزايا أكثر بكثير من الأدوات العادية. دعونا نلقي نظرة على بعضها:

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

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

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

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

كيفية استخدام WebPageTest

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

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

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

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

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

كيفية تفسير نتائج اختبار WebPageTest

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

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

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

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

إذا لم تكن متأكدًا مما تعنيه كل من هذه المقاييس ، فإليك تفصيل سريع:

• الوقت حتى البايت الأول (TTFB) . يقيس هذا المقياس المدة التي يستغرقها الموقع للاستجابة لطلب المتصفح الأولي. قد تستغرق الخوادم البطيئة بعض الوقت للاستجابة ، مما يزيد من وقت التحميل الإجمالي للموقع.
• ابدأ التقديم. يخبرك هذا بالمدة التي تستغرقها الصفحة لبدء عرض العناصر المرئية. قد يتم تحميل الموقع في الخلفية ، ولكن حتى يرى المستخدمون شيئًا ما ، فقد لا يعرفون ما إذا كانت الصفحة تعمل بشكل صحيح.
• First Contentful Paint (FCP) : هذا هو الوقت الذي يستغرقه المتصفح لعرض الجزء الأول من المحتوى على الصفحة. يشير FCP المنخفض إلى موقع تحميل أسرع.
• مؤشر السرعة. درجة مركبة تمثل مدى سرعة رؤية محتوى الصفحة للمستخدمين. كلما انخفضت النتيجة ، كان ذلك أفضل.
• أكبر طلاء محتوى (LCP) . يخبرك هذا المقياس بالوقت الذي يستغرقه عرض أكبر عنصر في الصفحة. يعد بشكل عام مؤشرًا جيدًا لوقت تحميل الصفحة الإجمالي.
• التحول في التخطيط التراكمي (CLS) . تخبرك هذه النتيجة بمدى "تغير" تخطيط الصفحة أو تغيره أثناء تحميلها. كلما تغيرت ، كلما كانت تجربة المستخدم أضعف. الصفر هو الرقم الذي يجب أن تستهدفه هنا.
• إجمالي وقت الحجب. باستخدام هذا المقياس ، يمكنك معرفة المدة التي تستغرقها الصفحة قبل أن تصبح قابلة للاستخدام. قد يتم عرضه بشكل مرئي ، ولكن ربما يتم تحميل الصفحة نصوصًا برمجية في الخلفية ، مما يمنع الزوار من استخدامها.

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

من الناحية المثالية ، يجب أن تكون نتائج هذا الأخير متشابهة أو أفضل:

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

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

هل يجب عليك استخدام WebPageTest لعملك؟

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

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

WebPageTest الايجابيات

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

WebPageTest سلبيات

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

تسعير WebPageTest

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

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

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

كما ذكرنا سابقًا ، هناك الكثير من الخيارات الأخرى لأدوات اختبار سرعة موقع الويب. اثنان من أكثر بدائل WebPageTest شيوعًا هما Google PageSpeed ​​Insights و Pingdom Tools.

دعونا نلقي نظرة على كيفية مقارنة WebPageTest مع كلا الخيارين.

Google PageSpeed ​​Insights

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

ومع ذلك ، يفحص WebPageTest كل صفحة عدة مرات أثناء كل تشغيل. علاوة على ذلك ، فهو يمكّنك من إجراء اختبارات مخصصة ، وهي ميزة لا تقدمها PageSpeed ​​Insights.

أدوات Pingdom

هذه الأداة مثالية إذا كنت ترغب في إجراء اختبارات سريعة مع اختيار مناسب للخوادم. على عكس PageSpeed ​​Insights أو WebPageTest ، لا يوفر Pingdom تحليلًا متعمقًا لفرص التحسين أو المشكلات المتعلقة بموقعك. بدلاً من ذلك ، ستحصل على نظرة عامة على أداء موقعك من خلال الأرقام ، والتي قد تكون كل ما تحتاجه من وقت لآخر.

في تجربتنا ، يمكنك الحصول على أفضل نتائج الأداء عن طريق إجراء اختبارات منتظمة باستخدام أدوات مختلفة. ومع ذلك ، إذا كنت ستستخدم خدمة واحدة ، فيمكن لـ WebPageTest تقديم النتائج الأكثر شمولاً عند مقارنتها ببدائل مثل PageSpeed ​​Insights و Pingdom Tools.

ملخص

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

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

في Kinsta ، نحن مهووسون بالسرعة! يرى عملاؤنا زيادة في السرعة تصل إلى 20٪ بمجرد الانتقال إلى خدمة الاستضافة الخاصة بنا. نحن نقدم 35 مركزًا للبيانات يمكنك الاختيار من بينها ، ويحتوي CDN لدينا على 275+ من الملوثات العضوية الثابتة. تواصل معنا لمعرفة المزيد!