WIN Equipment تحويل سرعة موقع الويب: دراسة حالة

في بعض الأحيان، تكون المشاريع الأكثر إحباطًا هي تلك التي تصقل مهاراتي أكثر من غيرها.

هذا هو بالضبط ما شعرت به عندما تلقيت طلبًا عاجلاً من Win Equipment خلال عطلة نهاية الأسبوع. لقد احتاجوا إلى المساعدة في نقل موقع الويب الخاص بهم من استضافة CloudNow القديمة إلى استضافة Niagahoster المشتركة.

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

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

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

بهدف تحسين تجربة المستخدم وأداء تحسين محركات البحث، قررت Win Equipment بدء عملية تحسين تدريجية، بدءًا من سرعة تحميل موقع الويب.

أصبح ذلك بداية تحول أكثر اكتمالًا: التحول إلى GeneratePress Premium، والتحويل من WPBakery إلى Blocks، وتقليل المكونات الإضافية غير الضرورية، ونقل الاستضافة إلى VPS مع التحسين المناسب. وقد أدت هذه الخطوات معًا إلى تحسين كبير في استقرار الموقع وأدائه.

ما أهمية سرعة موقع الويب؟

هل سبق لك أن انتظرت وقتًا طويلاً حتى يتم تحميل موقع ويب، ثم أغلقت علامة التبويب وبحثت عن بديل؟ وهذا ما يحدث غالبًا لزوار مواقع الويب البطيئة.

كانت Win Equipment تواجه مشكلة خطيرة في السرعة. كانت نتائج PageSpeed ​​Insights الخاصة بهم 27 فقط على الهاتف المحمول و36 على سطح المكتب، وكان الموقع يفشل في Core Web Vitals. لقد استغرق تحميل موقع الويب وقتًا طويلاً.

لم تكن هذه مشكلة تجربة المستخدم فقط. كما كان لها تأثير كبير على عدة مجالات رئيسية:

1. تجربة المستخدم

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

2. تحسين محركات البحث

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

3. التحويل والاحتفاظ

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

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

المنهج والمنهجية

التحليل الأولي

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

الاستراتيجية المستخدمة

قمت بتطبيق عدة استراتيجيات رئيسية للوصول إلى هدف المشروع:

• تم استبدال أداة إنشاء الصفحات من WPBakery بـ GenerateBlocks / Blocks.
• إعادة بناء جميع الصفحات باستخدام GenerateBlocks وGeneratePress.
• تقليل المكونات الإضافية غير المستخدمة واستبدال المكونات الإضافية ذات الأمان الأبطأ أو الأضعف ببدائل أفضل، دون إزالة الوظائف المهمة.
• تم نقل الموقع من الاستضافة المشتركة إلى VPS باستخدام إعداد مكدس LEMP المُحسّن بشكل صحيح.

الخدمات المطلوبة

1. خدمة إعداد VPS
2. تحسين سرعة WordPress
3. تحويل WordPress إلى Blocks

تطبيق

الخطوات الرئيسية

1. ترحيل منشئ الصفحات والموضوعات

لقد قمت بتغيير موضوع موقع الويب من Structure إلى GeneratePress Premium. لقد اخترته لأن GeneratePress خفيف الوزن للغاية ويركز على السرعة. أستخدم هذا الموضوع في جميع مواقع الويب الخاصة بي ومشاريع العملاء.

• واحدة من أسرع السمات في نظام WordPress البيئي
• سمة شائعة تُستخدم في ملايين مواقع WordPress
• تم إنشاؤه بواسطة مطور معروف في مجتمع WordPress وموجود منذ سنوات
• كود أنظف وهيكل أخف
• كمية أقل من CSS وJavaScript للتحميل
• سهولة التخصيص والتوسيع لاحقًا
• مرن بدرجة كافية بحيث لا يكون تغيير الموضوع في المستقبل ضروريًا

2. إعادة بناء الصفحات باستخدام GenerateBlocks

لقد قمت بإعادة بناء جميع الصفحات باستخدام GenerateBlocks وGeneratePress، بما في ذلك الصفحة الرئيسية والصفحات وصفحات المتجر وصفحات المنتج الفردي ومنشورات المدونة وصفحات الأرشيف.

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

3. تقليل عدد المكونات الإضافية

لقد قمت بتقليل عدد المكونات الإضافية من 43 إلى 19، مع الاحتفاظ فقط بالمكونات الإضافية المطلوبة حقًا. أدى ذلك إلى خفض تحميل الخادم وساعد الموقع على التحميل بشكل أسرع.

4. تحسين السرعة المتقدمة

لتحسين السرعة بشكل أكبر، قمت بتطبيق العديد من التحسينات الإضافية:

إزالة CSS وJavaScript غير المستخدمة: استخدام أدوات مثل Asset Manager وDebloat لتحديد الأصول غير المستخدمة وإزالتها.

التخزين المؤقت على مستوى الخادم: استخدام ذاكرة التخزين المؤقت FastCGI لتخزين نسخ الصفحات الديناميكية وتقليل تحميل الخادم.

تحسين PHP-FPM: ضبط تكوين PHP-FPM لتحسين أداء معالجة PHP.

تبديل المكون الإضافي لشريط التمرير من Revolution Slider إلى خيار أخف وأسرع، Smart Slider 3.

5. ترحيل VPS باستخدام مكدس LEMP

لقد قمت بنقل موقع الويب من الاستضافة المشتركة إلى VPS باستخدام حزمة LEMP: Linux وNginx وMySQL وPHP. وقد أعطى هذا أداءً أفضل وتحكمًا أكبر في تكوين الخادم. لقد قمت أيضًا بإنشاء برامج نصية bash للنسخ الاحتياطي والاستعادة التلقائية، وتوفير بيئات التدريج والتطوير.

يبدو نظام النسخ الاحتياطي كما يلي:

• نسخ احتياطية يومية مع الاحتفاظ لمدة 7 أيام
• نسخ احتياطية أسبوعية مع الاحتفاظ لمدة 4 أسابيع
• نسخ احتياطية شهرية مع الاحتفاظ لمدة شهرين

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

6. تشديد الأمن

تثبيت Ninja Firewall: لقد قمت بتثبيت Ninja Firewall للمساعدة في حماية موقع الويب من التهديدات الأمنية وقمت بتكوينه ليتوافق مع إعداد خادم VPS.

أمان إضافي على مستوى الخادم: قمت أيضًا بتطبيق تقوية إضافية على Nginx وMariaDB وPHP وجدار الحماية لتوفير حماية أقوى.

النتائج والتأثير: تحسين رؤى PageSpeed ​​بنسبة 240.74%

تحسين الأداء

كان تحسن الأداء ملحوظًا:

متري	قبل التحسين	بعد التحسين	التحسن (%)
نقاط سرعة صفحة الجوال	27	92	240.74%
درجة سرعة صفحة سطح المكتب	36	99	177.78%

سرعة الصفحة بعد لقطة الشاشة

التأثير الإيجابي

أدى التحميل السريع للصفحة إلى منح الزائرين تجربة أفضل وتقليل معدل الارتداد.

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

جاءت الكفاءة التشغيلية الأفضل من خلال عدد أقل من المكونات الإضافية وتحسينات الخادم، مما أدى إلى تقليل حمل الخادم وتحسين الاستقرار.

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

هل أنت مستعد لتحسين أداء موقع الويب الخاص بك؟

إذا كان موقع الويب الخاص بك بطيئًا، أو يستغرق تحميله وقتًا طويلاً، أو كان به مشكلات فنية في تحسين محركات البحث، فيمكننا مساعدتك.

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

يمكنك استكشاف تحسين سرعة WordPress أو مناقشة أعمال أوسع لتطوير المواقع إذا كان موقعك لا يزال يستخدم أداة إنشاء صفحات ثقيلة.