ما السبب؟
ربما سمعت عن كل الأشياء الجيدة التي يمكن أن تقدمها تقنيات تطبيق الويب التقدمي لموقعك. قد تميل إلى الانتقال مباشرةً إلى التطبيق وإضافة ميزات تطبيق الويب التقدّمي (PWA). هذا ممكن، لكن ستكونين أفضل بكثير إذا استخدمت "تطبيق PWA" أولاً.
لن يؤدي استخدام أي قدر من إمكانيات تطبيق الويب التقدّمي (PWA) إلى حلّ المشاكل، مثل حظر JavaScript أو الصور المنتفخة. تحتاج تطبيقات الويب التقدّمية PWA إلى أساس متين.
إذًا، كيف يمكنك التحقق من سلامة موقعك الإلكتروني؟ الخطوة الأولى هي إجراء تدقيق للموقع الإلكتروني، أي إجراء مراجعة موضوعية لتحديد الجوانب الناجحة وأين (وكيف) يمكن إدخال تحسينات.
سيساعدك التدقيق في موقعك الإلكتروني أو تطبيقك في إنشاء تجربة مرنة وفعّالة، وتسليط الضوء على المكاسب السريعة التي يمكن تنفيذها بأقل قدر من التوقيع. ويمنحك التدقيق أيضًا أساسًا للتطوير المستند إلى البيانات. هل أدى التغيير إلى تحسين الأمور؟ كيف يقارن موقعك بمنافسين؟ تحصل على مقاييس لتحديد أولويات الجهد، وأدلة ملموسة يمكنك التباهي بها بمجرد إجراء تحسينات.
إذا كان لديك 5 دقائق فقط...
شغِّل Lighthouse على صفحتك الرئيسية واحفظ بيانات التقرير. ستحصل على خط أساس كمي وقائمة مهام لتحسين الأداء وإمكانية الوصول والأمان وتحسين محركات البحث.
إذا كانت لديك 30 دقيقة فقط...
قد لا تزال Lighthouse الخيار الأفضل للبدء، ولكن بعد مرور بعض الوقت، يمكنك أيضًا تسجيل النتائج باستخدام الأدوات الأخرى:
- لوحة أمان "أدوات مطوري البرامج في Chrome": استخدام HTTPS.
- لوحة الشبكة الخاصة بأدوات مطوري البرامج في Chrome: أوقات التحميل وأحجام الموارد وعدد الطلبات الخاصة بملفات HTML وCSS وJavaScript والصور والخطوط والملفات الأخرى
- إدارة مهام Chrome: إذا كان موقعك يستخدم باستمرار وحدة معالجة مركزية (CPU) كبيرة أو ذاكرة أكبر من التطبيقات الأخرى، فقد تحتاج إلى إصلاح تسرب الذاكرة، أو تشغيل المهام، أو مشاكل تحميل الموارد. احرص على اختبار موقعك الإلكتروني على أجهزة تمثّل المستخدمين.
- WebPagetest: أداء المواقع الجغرافية المختلفة وأنواع الاتصال، والتخزين المؤقت، ومدة البايت الأول، واستخدام شبكة توصيل المحتوى (CDN)
- إحصاءات Pagespeed: أداء التحميل وتكلفة البيانات واستخدام الموارد، بما في ذلك بيانات تقرير تجربة مستخدم Chrome التي تسلط الضوء على إحصاءات الأداء الفعلية.
- بطاقة قياس أداء السرعة وأداة حساب التأثير: يمكنك مقارنة سرعة الموقع الإلكتروني مقارنةً بالتطبيقات المشابهة وتقدير فرصة الأرباح المحتملة لتحسين سرعة الموقع الإلكتروني.
احرص على اختبار موقعك الإلكتروني على النحو الذي يراه المستخدمون لأول مرة. افتح الموقع الإلكتروني في نافذة تصفّح متخفٍ (خاصة)، أو استخدِم أدوات المتصفّح لإيقاف التخزين المؤقت ومحو مساحة التخزين. ويضمن هذا استرداد كل أصل من الشبكة وليس من ذاكرة تخزين مؤقت محلية، بحيث تحصل على صورة دقيقة لأداء التحميل الأول.
لا شيء أفضل من الاختبار الحقيقي - جرّب موقعك باستخدام الأجهزة وإمكانية الاتصال نفسها التي يستخدمها المستخدمون واحتفِظ بسجلّ لتجربة المشاهدة الذاتية.
إذا وجدت مجموعة الأدوات هذه محيرة...
يُرجى إلقاء نظرة على دليلنا: كيفية التفكير في أدوات السرعة.
إذا لم يكن لديك أي سؤال آخر، يمكنك استخدام Lighthouse للتحقّق مما يلي:
- HTTPS: يجب أن يعرض كل موقع إلكتروني جميع مواد العرض عبر بروتوكول HTTPS.
- إعدادات الخادم: على خادم الويب أو شبكة توصيل المحتوى استخدام الضغط بشكل صحيح واستخدام HTTP/2 وتضمين عناوين مناسبة لتمكين المتصفّح من تخزين الموارد في ذاكرة التخزين المؤقت.
- عناصر النصوص البرمجية التي يمكن نقلها إلى أسفل الصفحة و/أو تحديد سمة غير متزامن أو تأجيل
- JavaScript والمكتبات التي يمكن إزالتها
- محتوى CSS غير المستخدَم ومحتوى JavaScript غير المستخدَم:
- الصور التي يمكن حفظها بضغط أعلى أو بأبعاد بكسل أصغر.
- ويتم حفظ ملفات الصور الأصغر حجمًا باستخدام تنسيق مختلف، على سبيل المثال، الصور المحفوظة بتنسيقات PNG.
الجمهور والأطراف المعنية والسياق
تعتمد أولويات إعادة الهيكلة على جمهورك والمحتوى والوظائف. من يزور موقعك الإلكتروني؟ لماذا وكيف يستخدمه؟ ما هي ميزانية الأداء؟ إذا لم تكن متأكدًا من الإجابة عن هذه الأسئلة، يمكنك تجربة المتطلبات المتعلّقة بجمع التمارين من خلال مراجع التدريب على تطبيقات الويب التقدّمية (PWA): جمهورك والمحتوى الخاص بك والتصميم لجميع المستخدمين.
من الأطراف المعنية لديك، وما أولوياتهم؟ سيؤثر هذا على طريقة هيكلة بيانات التدقيق وتقديمها ومشاركتها.
إذا لم تتمكّن من تدقيق موقعك الإلكتروني بالكامل، اطّلِع على إحصاءات الصفحة لمعرفة الجوانب التي يجب التركيز عليها. ويمكن أن تكون معدلات الارتداد المرتفعة، وانخفاض الوقت المستغرق في الصفحة، وصفحات الخروج غير المتوقعة مؤشرًا جيدًا لمكان البدء. وبالمثل، فإن مقاييس الأنشطة التجارية مثل تكاليف الاستضافة والنقرات على الإعلانات والإحالات الناجحة احصل على نظرة عامة من الأطراف المعنية حول البيانات التي تهمهم.
الاختبار والتسجيل والإصلاح والتكرار
سجِّل حالة موقعك الإلكتروني قبل إجراء أي تغييرات للكشف عن المشاكل وتحديد نقطة بداية للتحسينات أو التراجعات. يمنحك ذلك بيانات لتبرير جهود التطوير ومكافأتها.
احرص على اختبار أنواع متعددة من الصفحات على موقعك الإلكتروني، وليس الصفحة الرئيسية فقط. بالنسبة إلى التطبيقات ذات الصفحة الواحدة، اختبِر المكونات والمسارات وتدفقات تجربة المستخدم المختلفة، وليس تجربة التحميل الأولى فقط.