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