استضافة تحسينات لتطبيقات الويب المستندة إلى المحتوى

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

استضافة أصول ثابتة

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

أنواع الملفات الثابتة
الصور	الصور مثل الصور والرموز والرسوم التوضيحية والرسومات والشعارات هي ملفات ثابتة. وتشمل بعض أمثلة التنسيقات JPEG أو PNG أو WebP أو GIF أو SVG.
أوراق الأنماط	تتحكم أوراق الأنماط (CSS) في التنسيق والخط والألوان والجوانب المرئية لواجهة المستخدم. وتكون عادةً هذه الرموز ثابتة ويتم تطبيقها على محتوى HTML في المتصفّح.
الصوت والفيديو	ملفات الصوت والفيديو هي مواد عرض ثابتة يمكن تضمينها في تطبيقك أو عرضها من خلال مشغّلات الوسائط.
JavaScript	تتضمّن ملفات JavaScript الثابتة (JS) رمزًا من جهة العميل يساهم في تعزيز التفاعل مع التطبيق. يتم تنفيذ هذه النصوص البرمجية في متصفّح المستخدم وتعالج التحقّق من صحة النماذج وتحميل المحتوى الديناميكي. يتم تضمين مكتبات JavaScript التابعة لجهات خارجية، مثل jQuery والمكوّنات الإضافية، كملفات ثابتة عندما تحسِّن وظائف تطبيق الويب.
WASM	WebAssembly (WASM) هي ملفات تشغِّل جهازًا افتراضيًا يستند إلى حزمة في المتصفح مع أداء قريب من أداء الأجهزة ويمكن تجميعها من عدة لغات.

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

يمكنك الاطّلاع على مزيد من المعلومات حول CSS وHTML على web.dev.

البيانات ومواد العرض في ذاكرة التخزين المؤقت

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

يقدم الجدول أوصافًا للأنواع المختلفة من التخزين المؤقت.

الأنواع
التخزين المؤقت للمتصفح	يمكن لمتصفّح المستخدم تخزين مواد العرض الثابتة في ذاكرة التخزين المؤقت، مثل الصور وأوراق الأنماط وملفات JavaScript. عندما يعود المستخدم إلى الموقع الإلكتروني نفسه، يمكن تحميل مواد العرض هذه من ذاكرة التخزين المؤقت على الجهاز.
التخزين المؤقت من جانب الخادم	من الشائع أن تستخدم التطبيقات المستندة إلى المحتوى آليات التخزين المؤقت من جهة الخادم لتخزين المحتوى الثابت أو نتائج طلبات بحث قاعدة البيانات أو حتى صفحات ويب كاملة. وتشمل الطرق الشائعة للتخزين المؤقت من جانب الخادم الخوادم الوكيلة العكسية (Nginx وVarnish) وذاكرات التخزين المؤقت داخل الذاكرة (Redis وMemcached) والتخزين المؤقت لنتائج طلبات البحث في قاعدة البيانات.
التخزين المؤقت لشبكة عرض المحتوى (CDN)	يمكن لشبكات توصيل المحتوى (CDN) تخزين الأصول الثابتة مؤقتًا وتوزيعها على خوادم الحافة القريبة من المستخدمين، ما يؤدي إلى تحسين سرعة التسليم.
التخزين المؤقت لاستعلام قاعدة البيانات	يخزّن التخزين المؤقت لطلبات قاعدة البيانات نتائج طلبات قاعدة البيانات المتكررة في ذاكرة أو مخزن ذاكرة تخزين مؤقت. يحسِّن هذا النوع من أداء قاعدة البيانات لأنّه يقلل الحاجة إلى إعادة تنفيذ طلبات البحث نفسها لطلبات مماثلة.
تخزين مؤقت لمقدّمي الخدمات	إنّ التخزين المؤقت لعناصر الخدمة يتيح لتطبيقات الويب تخزين الموارد مؤقتًا وإدارتها، مثل ملفات HTML أو CSS أو JavaScript، وذلك بشكل مستقل عن سلسلة التنفيذ الرئيسية لصفحة الويب. وتعمل هذه البرامج في الخلفية وتعمل كوسيط بين التطبيق والشبكة. تشمل المزايا إمكانات الاتصال بالإنترنت وتقليل استخدام معدل نقل البيانات.

كيفية تخزين مواد العرض في ذاكرة التخزين المؤقت

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

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

التحجيم

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

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

وقت الاستجابة

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

وتشمل العوامل التي تؤثّر في وقت الاستجابة ما يلي:

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

يمكنك تحسين وقت الاستجابة من خلال دمج أساليب مثل التخزين المؤقت للمحتوى وتحسين عرض المحتوى وضبط أداء الخادم واستخدام شبكات توصيل المحتوى (CDN) للحدّ من استخدام ميزة "المراسلة النصية في الوقت الفعلي".