أداة اختبار سرعة Pingdom - كيفية تحسين نتائج Pingdom

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

في كثير من الأحيان ، يسيء المستخدمون تفسير بيانات أداة Pingdom Speed ​​Test ، لدرجة تفاقم سرعات مواقع الويب الخاصة بهم. تذكر ، استخدم دائمًا جميع الأدوات كاستخدام موجه لأنها ليست دقيقة بنسبة 100٪.

ما هي أداة اختبار سرعة Pingdom وماذا تقدم؟

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

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

دعونا نرى كيف يمكنك إجراء اختبار على Pingdom. إن استخدام أداة اختبار سرعة Pingdom ليس بالأمر الكبير - ما عليك سوى الانتقال إلى موقع Pingdom ، وإدخال عنوان URL الخاص بك وتحديد الموقع وفقًا لموقع زوارك. ثم انقر فوق الزر "بدء الاختبار" .

تتيح لك أداة اختبار سرعة Pingdom اختبار موقع الويب الخاص بك في 7 مواقع اختبار مختلفة (5 قارات) حول العالم:

• آسيا - اليابان - طوكيو
• أوروبا - ألمانيا - فرانكفورت
• أوروبا - المملكة المتحدة - لندن
• أمريكا الشمالية - الولايات المتحدة الأمريكية - واشنطن العاصمة
• أمريكا الشمالية - الولايات المتحدة الأمريكية - سان فرانسيسكو
• المحيط الهادئ - أستراليا - سيدني
• أمريكا الجنوبية - البرازيل - ساو باولو

لذا ، ما هو موقع اختبار سرعة موقع Pingdom الذي سيكون الأفضل للاختبار؟ ذلك يعتمد على زوار موقعك. تأكد من تحديد الموقع القريب من زوار موقعك. إذا كان جمهور موقعك من أوروبا ، فلديك خياران للاختيار من بينها: (أوروبا - ألمانيا - فرانكفورت) أو (أوروبا - المملكة المتحدة - لندن) . إذا كان موقعك يحتوي على زوار من جميع أنحاء العالم ، فاختبر موقعك في مواقع مختلفة واتخذ الخطوات المناسبة للتحسين.

فهم تحليل الشلال باستخدام أداة اختبار سرعة Pingdom

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

• ملخص Pingdom
• تحسين أداء الصفحة
• رموز الاستجابة
• حجم المحتوى والطلبات حسب نوع المحتوى
• حجم المحتوى والطلبات حسب المجال
• مخطط الشلال

في هذا القسم ، سأشرح لك كيف يمكنك إجراء تحليل الانحدار ، وسأقسم كل قسم من أقسام Pingdom وأشرحها بمزيد من التفصيل.

ملخص Pingdom

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

عندما تختبر موقعك عدة مرات ، ستلاحظ أن وقت تحميل موقعك يتغير في كل اختبار ، بينما تظل النتائج الأخرى (درجة الأداء ، وحجم الصفحة ، والطلبات) كما هي. سبب هذا التباين في وقت التحميل هو ذاكرة التخزين المؤقت لنظام أسماء النطاقات وذاكرة التخزين المؤقت لـ CDN وذاكرة التخزين المؤقت لـ WordPress وواجهات برمجة التطبيقات الخارجية .

تعتمد درجة Pingdom المحسنة على تطبيق الويب وتكوين الخادم. قد لا يكون من الممكن الحصول على نتائج بنسبة 100 في المائة طوال الوقت ، خاصةً عند تشغيل موقع ويب للتجارة الإلكترونية ، ولكن هناك دائمًا مجال للتحسين.

تحسين أداء الصفحة

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

دعنا نلقي نظرة على هذه الاقتراحات.

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

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

إذا كنت من مستخدمي Cloudways ، فيمكنك الاستفادة من CloudwaysCDN. تحتوي جميع خطط استضافة Cloudways على Cloudways CDN مضمنة يمكن تمكينها ببضع نقرات. لمعرفة المزيد ، تحقق من مدونة WordPress CDN على Cloudways.

دعنا نلقي نظرة على بعض موفري CDN التابعين لجهات خارجية:

1. مفتاح CDN
2. CloudFlare CDN
3. أمازون كلاودفرونت
4. CDN77

هنا يمكنك رؤية تقييم WordPress CDN لثلاثة مزودي خدمة CDN مشهورين مستخدمين على نطاق واسع.

2) تجنب خطأ HTTP 404 (غير موجود)

يظهر خطأ تجنب HTTP (404) في اقتراح أداة اختبار سرعة Pingdom عندما يتعذر إكمال الطلب بنجاح. يؤدي الارتباط المعطل ، كما هو الحال عند إرفاق ارتباط يدويًا بصورة محذوفة داخل الصفحة ، إلى ظهور خطأ 404.

تأكد دائمًا من عدم إنشاء أي طلب للأصول التي لم تعد موجودة.

3) تقليل عمليات إعادة التوجيه

الاقتراح الأكثر شيوعًا من أداة اختبار سرعة Pingdom هو "تقليل عمليات إعادة التوجيه". تحدث إعادة التوجيه عندما تتسبب إحدى الصفحات في موقعك في تحميل صفحة أخرى. يمكن أن يحدث ذلك عند إعادة توجيه HTTP إلى HTTPS و www إلى non-www وتغير عنوان URL للنشر المحدث.

فيما يلي بعض الأشياء التي يمكنك القيام بها لمنع موقعك من عمليات إعادة التوجيه كثيرة جدًا:

1. لا تقم أبدًا بالربط بصفحة تحتوي على إعادة توجيه بالفعل ، فقد يتسبب ذلك في عمليات إعادة توجيه متعددة.
2. تأكد من حذف المكونات الإضافية المعطلة / غير المستخدمة والتي يمكن أن تؤدي إلى عمليات إعادة توجيه غير ضرورية.
3. أثناء إنشاء روابط على موقعك ، استخدم البادئة المناسبة HTTP أو HTTPS وتحقق مما إذا كانت www أم لا.

إذا كنت تريد معرفة المزيد عن عمليات إعادة التوجيه ، فراجع مقالة Cloudways في WP 301 Redirects.

4) إضافة رؤوس انتهاء الصلاحية

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

ولكن كيف يعرف المتصفح أي ملف سيتم حفظه وأي ملف يتم تحميله من الخادم ، وكم من الوقت يحتفظ بهما؟ هذا هو المكان الذي يأتي فيه Expires Headers. هذه هي القواعد التي تخبر متصفحات الويب ما إذا كان سيتم تحميل موارد صفحة الويب من ذاكرة التخزين المؤقت لمتصفح الزائر أو من الخادم الخاص بك.

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

أضف رؤوس انتهاء الصلاحية باستخدام البرنامج المساعد

قم بتثبيت البرنامج المساعد W3 Total Cache. بمجرد التثبيت والتنشيط ، انتقل إلى WordPress Dashboard> Performance> Browser Cache ، ثم قم بتمكين خيار "Set expires header" واحفظ التغييرات.

إذا كنت مهتمًا بمعرفة المزيد عن المكون الإضافي W3 Total Cache ، فراجع مقالة Cloudways حول كيفية استخدام WordPress W3 Total Cache Plugin لمواقع الويب الأسرع.

أضف رؤوس انتهاء الصلاحية باستخدام رمز

يمكنك أيضًا إضافة رؤوس انتهاء الصلاحية باستخدام التعليمات البرمجية. لهذا الغرض ، اكتشف ما إذا كان موقع الويب الخاص بك يستخدم خوادم Apache أو Nginx. للقيام بذلك ، قم بتشغيل موقع الويب الخاص بك على المتصفح ، واضغط على Ctrl + Shift + I للانتقال إلى شبكة الموقع (ربما تحتاج إلى تحديث الموقع مرة واحدة) ، انقر فوق اسم المجال في الأعلى ، وانتقل إلى العنوان الجزء. هناك ، ستجد اسم الخادم الخاص بك.

لإضافة Expires Headers إلى خادم Apache ، قم بالوصول إلى ملف htaccess الخاص بك باستخدام أي خادم FTP (Filezilla) والرمز المحدد أعلى ملف htaccess الخاص بك.

 ## تنتهي صلاحية تخزين الرأس ##
<IfModule mod_expires.c>
انتهاء الصلاحية
ExpiresByType image / jpg "وصول لمدة سنة واحدة"
ExpiresByType image / jpeg "وصول لمدة عام"
ExpiresByType image / gif "وصول لمدة عام"
ExpiresByType image / png "وصول لمدة عام"
ExpiresByType image / svg "وصول لمدة عام"
ExpiresByType text / css "وصول شهر واحد"
ExpiresByType application / pdf "وصول شهر واحد"
ExpiresByType application / javascript "وصول شهر واحد"
ExpiresByType application / x-javascript "وصول شهر واحد"
ExpiresByType application / x-shockwave-flash "دخول 1 شهر"
ExpiresByType image / x-icon "access 1 year"
الافتراضي "الوصول 3 أيام"
</IfModule>
## تنتهي صلاحية تخزين الرأس ##

في Cloudways ، لا يمكنك إجراء أي تغييرات على مستوى Nginx ، ولكن يمكنك استخدام قواعد Apache وإضافة Expires Headers في ملف htaccess الخاص بتطبيقاتك. لمزيد من المعلومات ، راجع مقالة Cloudways الاستفادة من التخزين المؤقت للمتصفح في WordPress لتحسين وقت تحميل الصفحة.

5) جعل طلبات HTTP أقل

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

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

فيما يلي بعض الاستراتيجيات العامة لتقليل طلبات HTTP :

• قم بإزالة طلبات HTTP عن طريق إزالة المكونات الإضافية غير الضرورية التي لا تضيف أي قيمة إلى موقعك ، لأن المكونات الإضافية عادةً ما تقوم بتحميل CSS و JavaScript الخاصة بها.
• اجمع طلبات HTTP عن طريق دمج ملفات CSS متعددة في ملف CSS واحد. يتم تحميل موقع الويب بشكل أسرع لأن المتصفح يحتاج إلى تقديم طلبات أقل.
• تتمثل إحدى أفضل الاستراتيجيات في استبدال المكون الإضافي ذي الوزن الثقيل بأخرى خفيفة الوزن.
• على الرغم من أن الصور تجعل موقعك أكثر جاذبية وتضيف قيمة إلى موقعك ، قم بإزالة الصور غير الضرورية واستخدم دائمًا الصور المحسّنة (يمكنك استخدام ShortPixel و WP Compress لتحسين صورك).
• استخدم التحميل البطيء للصور ومقاطع الفيديو.

استخدم هذه النقاط لتسريع موقع WordPress الخاص بك للحصول على أداء أفضل.

6) ضغط المكونات باستخدام GZIP

ضغط GZIP هو تقنية تقلل من وقت تنزيل الملف عن طريق ضغط ملفات البيانات. تقوم جميع المتصفحات الحديثة بفك ضغط الملفات المضغوطة تلقائيًا عندما يتلقى المستعرض البيانات المضغوطة. تدعم جميع المتصفحات الحديثة وبرامج الخادم وجميع أفضل استضافة WordPress ضغط GZIP. يمكن أن يقلل ضغط GZIP من أحجام الملفات بنسبة تصل إلى 70٪.

تأتي Cloudways مع Breeze Plugin المثبت ، بحيث يمكنك تحقيق ضغط GZIP ببساطة عن طريق تثبيت وتفعيل المكون الإضافي Breeze WordPress لذاكرة التخزين المؤقت.

فيما يلي المكونات الإضافية الموصى بها لضغط GZIP:

• GZIP مع WP Rocket
• GZIP مع WP Super Cache
• GZIP مع W3 Total Cache

W3 Total Cache هو مكون إضافي للتخزين المؤقت مع إصدار مجاني. تحتاج فقط إلى تثبيت البرنامج المساعد وتنشيطه ، وسيتم تمكين ضغط GZIP تلقائيًا على موقع الويب الخاص بك. انتقل إلى الأداء> الإعدادات العامة ، وقم بتمكين "ذاكرة التخزين المؤقت للمتصفح" . انقر فوق الزر "حفظ كل التغييرات" بعد إجراء التغييرات.

7) تجنب تفريغ Src أو Href

تسمى سمات HTML التي لم يتم تعيين قيمة لها (لا توجد معلومات بين علامتي الاقتباس) بسمات "فارغة" . تؤكد السمة الفارغة للمصدر (src) والرابط (href) على المستعرض للاتصال حتى في حالة عدم وجود قيمة Uniform Resource Identifier (URI).

فيما يلي بعض الأمثلة على علامات المصدر (src) والرابط (href) الفارغة في HTML و JavaScript :

لغة البرمجة:

 <img src = ””>
<a href=”>

جافا سكريبت:

 var img = صورة جديدة () ؛
img.src = "" ؛

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

8) ضع JavaScript في الأسفل

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

احفظ ملف JavaScript بامتداد .js (my-amazing-script.js) وضع ملف JS هذا في دليل السمات (يمكنك إنشاء دليل لجافا سكريبت ، على سبيل المثال public_html / wp-content / theme / your-theme / الأصول / شبيبة). بعد وضع ملف جافا سكريبت، تحرير ملف functions.php السمة الخاصة بك وإضافة هذا الرمز:

 دالة wpb_adding_scripts () {
wp_register_script ('my-amazing-script'، get_template_directory_uri (). '/js/my-amazing-script.js'،''،'1.1'، true) ؛
wp_enqueue_script ('my-amazing-script') ؛
}
add_action ('wp_enqueue_scripts'، 'wpb_adding_scripts') ؛

الدالة المستخدمة wp_register_script () وتشمل:

 <؟ php
wp_register_script ($ handle، $ src، $ deps، $ ver، $ in_footer)؛
؟>

اضبط المعلمة $ in_footer على true لإضافة البرنامج النصي في تذييل صفحة WordPress أو أسفلها.

رموز الاستجابة

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

• 200 - كل شيء على ما يرام
  301 - تم نقل المورد المطلوب بشكل دائم
  404 - لم يتم العثور على المورد المطلوب

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

حجم المحتوى والطلبات حسب نوع المحتوى

هذا يساعدك على رؤية موارد صفحة الويب الخاصة بك. الجداول هي معلومات حول توزيع المحتوى الخاص بك وطلباتك.

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

حجم المحتوى والطلبات حسب المجال

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

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

مخطط الشلال

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

يُظهر تحليل Pingdom الشلال كل طلب HTTP واحد على موقعك ، ويتم استخدامه من قبل المطورين لفهم تحميل الموقع بشكل مرئي وتحديد الاختناقات. ركز على أحجام التوصيل - التوصيل الطويل والأشرطة الطويلة تمنع التحميل السريع للموقع.

ملخص

عندما يتعلق الأمر بأدوات اختبار سرعة موقع الويب ، فهناك العديد من الأدوات المتاحة في السوق. كما ترى ، تعمل أداة Pingdom Speed ​​Test بشكل أفضل لاستكشاف أداء موقع الويب من خلال التفسيرات والاقتراحات المتعمقة.

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