أداء التدقيق

Sam Dutton

ربما سمعت عن المزايا التي يمكن أن تقدّمها تقنيات تطبيق الويب التقدّمي (PWA) لموقعك الإلكتروني. قد تشعر برغبة في إضافة ميزات تطبيق الويب التقدّمي بدون تحسين أساس أداء موقعك الإلكتروني. ومع ذلك، لا يمكن لأي عدد من ميزات تطبيقات الويب التقدّمية إصلاح المشاكل المتعلقة بحظر JavaScript والصور الكبيرة الحجم.

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

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

خلال 5 دقائق فقط

شغِّل Lighthouse على صفحتك الرئيسية واحفظ بيانات التقرير. ستحصل على خط أساس كمّي وقائمة مهام لتحسين الأداء وإمكانية الوصول والأمان وتحسين محركات البحث.

خلال 30 دقيقة فقط

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

  • لوحة "الأمان" في "أدوات مطوّري البرامج في Chrome": استخدام HTTPS
  • لوحة طلبات الشبكة في "أدوات مطوّري البرامج في Chrome": توقيتات التحميل وأحجام الموارد وعدد الطلبات لملفات HTML وCSS وJavaScript والصور والخطوط والملفات الأخرى
  • "مدير مهام Chrome": إذا كان موقعك الإلكتروني يستخدم بانتظام جزءًا كبيرًا من وحدة المعالجة المركزية أو ذاكرة أكبر من التطبيقات الأخرى، قد تحتاج إلى إصلاح مشاكل تسرب الذاكرة أو تشغيل المهام أو تحميل الموارد.
  • WebPagetest: التخزين المؤقت، ومدة تحميل أول بايت، واستخدام شبكة توصيل المحتوى (CDN)
  • إحصاءات PageSpeed: أداء التحميل وتكلفة البيانات واستخدام الموارد، بما في ذلك بيانات "تقرير تجربة المستخدم على Chrome" التي تسلّط الضوء على إحصاءات الأداء الفعلي

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

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

إذا كنت تشعر بالحيرة بشأن الأدوات

يمكنك الاطّلاع على دليلنا: كيفية التفكير في أدوات السرعة.

إذا لم ينجح أي حلّ آخر، استخدِم Lighthouse للتحقّق مما يلي:

الجمهور والجهات المعنية والسياق

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

من هم الأطراف المعنية وما هي أولوياتهم؟ ويؤثّر ذلك في طريقة تنظيم بيانات التدقيق وعرضها ومشاركتها.

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

الاختبار والتسجيل والإصلاح والتكرار

سجِّل حالة موقعك الإلكتروني قبل إجراء أي تغييرات، وذلك للكشف عن المشاكل وتحديد نقطة بداية للتحسينات أو التراجعات. ويمنحك ذلك بيانات لتبرير جهود التطوير ومكافأتها.

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