تجنب كارثة CMS: كيفية تحسين أداء موقع الويب

لا أحد يحب ... الانتظار… الانتظار …. انتظر ...

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

يجب أن تثير إحصاءات أداء موقع الويب التالية الخوف في قلب كل مطور ومهندس موقع ، ناهيك عن فريق تسويق علامتك التجارية:

• سيتخلى واحد من كل مستخدمين عن الموقع إذا استغرق تحميله أكثر من أربع ثوانٍ. المصدر: بي بي سي.
• يؤدي التأخير لمدة ثانية واحدة إلى انخفاض بنسبة 16٪ في رضا المستخدم. المصدر: LoadStorm.
• يتم التخلي عن 53 بالمائة من زيارات موقع الجوال إذا استغرق تحميل الصفحات أكثر من ثلاث ثوانٍ. المصدر: جوجل.

ربما لاحظت ضعف أداء الموقع عند التحقق من مقاييس أداء Core Web Vitals من Google ، لكنك لست متأكدًا من كيفية علاج ذلك؟

عندما يكون عملك على المحك ، لا يمكنك إرسال أعمال جديدة إلى مكان آخر وتشويه علامتك التجارية من خلال جعل نظام إدارة المحتوى الخاص بك (CMS) يقدم تجربة رقمية سيئة.

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

أولاً ، ما الذي يحدث بالفعل عند تحميل تطبيق ويب؟

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

1. ينتقل المتصفح إلى خادم DNS ، ويعثر على العنوان الحقيقي للخادم الذي يعيش عليه موقع الويب.
2. يرسل المتصفح رسالة طلب HTTP إلى الخادم ، ويطلب منه إرسال نسخة من موقع الويب إلى العميل. يتم إرسال هذه الرسالة وجميع البيانات الأخرى المرسلة بين العميل والخادم عبر اتصال الإنترنت الخاص بك باستخدام TCP / IP.
3. إذا وافق الخادم على طلب العميل ، يرسل الخادم للعميل رسالة "200 OK" ، مما يعني ، "بالطبع يمكنك إلقاء نظرة على هذا الموقع! ها هو." ثم يبدأ في إرسال ملفات موقع الويب إلى المتصفح على شكل سلسلة من القطع الصغيرة تسمى حزم البيانات.
4. يقوم المتصفح بتجميع الأجزاء الصغيرة في صفحة ويب كاملة ويعرضها لك.

ملاحظة: بالطبع ، ليس الأمر بهذه السهولة. هناك العديد من الخطوات الأصغر بين كل من هذه. في الوقت الحالي ، دعنا نتعمق في خمسة أسباب رئيسية لحدوث "البطء" وكيف يخفف WordPress VIP CMS منها.

إذن ، ما الذي يسبب تجربة تصفح بطيئة؟

المذنب 1. عدم وجود PoPs و CDN

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

إذن ماذا يعني هذا لتطبيقك؟

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

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

إجابة WordPress VIP :

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

المذنب 2. وسائل الإعلام غير الأمثل

تلك الصور عالية الجودة التي يلتقطها الجميع اليوم بأحدث الأجهزة المحمولة هي جميلة جدًا! أي حتى يتم استخدامها كصور مصغرة على صفحتك الرئيسية.

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

إجابة WordPress VIP :

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

المذنب 3. جافا سكريبت و CSS غير محسن

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

لمعالجة هذا الأمر ، غالبًا ما يستخدم تطوير Javascript و CSS الحديث التصغير والتسلسل.

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

إجابة WordPress VIP :

يدمج WordPress VIP تلقائيًا ملفات JavaScript و CSS لتقليل عدد الطلبات التي تحدث عند تحميل صفحة واحدة. يتم تصغير ملفات CSS وكذلك متسلسلة. يعود الفضل إلى البرنامج المساعد مفتوح المصدر الذي نختاره.

يتم بعد ذلك تخزين الملفات المصغرة والمتسلسلة مؤقتًا لمدة 15 يومًا ، أو حتى يتم اكتشاف تغيير.

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

ذاكرات التخزين المؤقت هي تخزين مؤقت خاص لتسريع الأمور. ما يتم تسريعه يعتمد على نوع ذاكرة التخزين المؤقت.

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

إجابة WordPress VIP :

يستخدم WordPress VIP عدة أنواع مختلفة من التخزين المؤقت:

• ذاكرة التخزين المؤقت للكائن — تُستخدم لتخزين بيانات مستوى التطبيق. يساعد هذا في استرداد البيانات بسرعة وكفاءة دون التأثير على قاعدة البيانات الخاصة بك. باختصار ، تمنع ذاكرة التخزين المؤقت للكائنات عمليات حسابية و / أو استعلامات واسعة النطاق من استغراق وقت اتصال ثمين.
• ذاكرة التخزين المؤقت للاستعلام — تخزين مؤقت للذاكرة خفيف الوزن لاستعلامات قاعدة البيانات. في WordPress ، يستفيد أي استعلام نشر يستخدم WP_Query API بشكل كبير من هذا النوع من التخزين المؤقت.
• ذاكرة التخزين المؤقت للصفحة — تخزين لصفحة مرسومة بالكامل ، مخزنة في كل موقع من مواقع PoP على الحافة. هذا هو المستوى الأول من ذاكرة التخزين المؤقت التي يواجهها معظم المستخدمين الذين يزورون تطبيقك. تمكن ذاكرة التخزين المؤقت للصفحة CDN الخاصة بنا من خدمة المحتوى المترجم دون أن يقوم التطبيق الخاص بك بتشغيل سطر من التعليمات البرمجية.

كل هذه تعمل في تناغم لتقليل أوقات الاستجابة للطلب.

المشكلة 5. تشبع اتصال قاعدة البيانات

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

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

يمكن أن يحدث تشبع الاتصال بسرعة وبشكل عشوائي ، مما يجعل تشخيص السبب الجذري صعبًا.

إجابة WordPress VIP :

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

ختاماً

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

تعرف على المزيد حول WordPress VIP هنا.

مؤلف

مايكل تشان ، مهندس برمجيات أول ، WordPress VIP