هل ستجعل شبكة CDN موقع WordPress الخاص بي أسرع؟ نتائج التجربة

حان الوقت للتجربة. أنا أحب WordPress ، لقد كنت أستخدمه منذ ما يقرب من 10 سنوات ، لكنه لا يخلو من مشاكله. السرعة في الأساس. أي شخص يستخدم WordPress على استضافة مشتركة رخيصة أو خادم VPS صغير سيعرف أن الحصول عليه للتحميل بسرعة هو نوع من الكابوس .

لقد استخدمت ملحقات التخزين المؤقت و CloudFlare وتأكدت من أنني أستخدم استضافة مناسبة ، لكنني ما زلت أريد أن يكون موقع WordPress الخاص بي أسرع! بالتأكيد ، يمكنني الانتقال إلى استضافة مخصصة ، لكنها باهظة الثمن. لذا حان الوقت لتجربة الخطوة التالية: CDN .

أنا أستخدم KeyCDN لهذه التجربة.

ما هو CDN؟

CDN هي شبكة توصيل المحتوى . إنه يفعل ما تتوقعه: يقدم المحتوى (أي الأشياء الموجودة على موقع الويب الخاص بك ، مثل الصور) من شبكة عبر العالم.

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

يمكن استخدام CDN على أي موقع ويب ، بما في ذلك مواقع WordPress.

لماذا سرعة الموقع مهمة؟

سواء كنت تستخدم WordPress أو نظام إدارة محتوى آخر (CMS) ، فأنت تريد تحميله بسرعة. لماذا ا؟

1. يريد الأشخاص تحميل الصفحات بسرعة

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

2. سرعة الموقع مهمة لكبار المسئولين الاقتصاديين

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

3. يجب تحميل الصفحات بسرعة حتى تكون متوافقة مع الجوّال

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

التجربة: هل ستجعل شبكة CDN موقع الويب الخاص بي على WordPress أسرع؟

نحن نعلم سبب رغبتنا في أن تكون مواقع WordPress الخاصة بنا أسرع ، ولكن حان الوقت الآن لتحقيق ذلك بالفعل. بدلاً من مجرد الحديث عن كيفية القيام بذلك ، سأفعل ذلك بالفعل (أو على الأقل أحاول ذلك!).

هذا ما سأفعله:

1. سرد تكوين موقع الويب الحالي (الاستضافة ، أي مكونات إضافية للتخزين المؤقت ، إلخ)
2. قياس سرعات موقع الويب الحالي (باستخدام Google Page Speed ​​و Pingdom)
3. تثبيت CDN
4. قياس السرعات الجديدة
5. هل كان يستحق ذلك؟
إعداد موقع WordPress الحالي

أجري هذا الاختبار على هذا الموقع InternetFolks.com. فيما يلي الإحصائيات التي تحتاج إلى معرفتها حول أدائها الحالي:

WordPress Theme: Genesis Framework مع أحد عشر 40 موضوعًا فرعيًا
الاستضافة: أستخدم أرخص خادم VPS مُدار من KnownHost مع تخزين SSD (2.5 جيجابايت من ذاكرة الوصول العشوائي) (حوالي 30 دولارًا في الشهر)
إضافات التخزين المؤقت: تم تثبيت المكون الإضافي Autoptimize (المجاني) ، والذي يجمع بين CSS والبرامج النصية الأخرى بحيث يقوم موقعك بتحميل عناصر أقل. أيضًا البرنامج المساعد WPSmushIT (مجاني أيضًا) ، والذي يضغط حجم الصور.
المزيد من التخزين المؤقت: إصدار مجاني من CloudFlare ، والذي يقوم أيضًا بتصغير وتجميع البرامج النصية ويعمل بمثابة CDN للملفات الثابتة مثل الصور.

لذلك يبدو أنني أقوم ببعض الأشياء المتداخلة لتحسين سرعة هذا الموقع ، فهل هناك مجال للتحسين؟ دعونا نجري اختبارات السرعة "قبل".

اختبارات السرعة الأولية

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

مع وضع ذلك في الاعتبار ، سأقوم باختبار صفحتين سريعًا: الصفحة الرئيسية ومقالة مدونة طويلة.

أنا أستخدم Pingdom's Website Speed ​​Test. إنها طريقة أكثر صرامة لقياس سرعة أي موقع ويب WordPress من Google Page Speed ​​Insights لأنه يمكنك بالفعل النظر في كيفية تحميل الموارد الفردية والتحقق مما يبطئ من سرعتك. يتضمن أيضًا درجة Google (كدرجة A و B و C وما إلى ذلك وكعلامة من 100).

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

يتم تحميل الصفحة الرئيسية في 3.88 ثانية (حجم الصفحة 1.1 ميجا بايت) ، وهو أمر جيد ، ولكن يتم تحميل منشور المدونة في 5.8 ثانية (حجم الصفحة 3.2 ميجا بايت) ، مما يترك مساحة كبيرة للتحسين على أقل تقدير!

إعداد WordPress CDN

قررت أن أجرب KeyCDN ، غالبًا لأنه يحتوي على نسخة تجريبية مجانية مدتها 30 يومًا (لذلك إذا لم تنجح هذه التجربة ، فلن أفقد أي شيء) ، ولكن أيضًا لأنهم يتقاضون رسومًا على أساس PAYG (حوالي 0.04 دولار لكل جيجابايت) ، لذلك إذا كان شهر بطيء في موقعي ، فلن أتلقى فاتورة متكررة. لديهم حد أدنى سنوي قدره 49 دولارًا ، والذي لا يزال أقل بكثير من أي CDN آخر يمكن أن أجده (كان MaxCDN هو الأرخص التالي ، بدءًا من 9 دولارات شهريًا).

لقد قمت بإنشاء حساب تجريبي وبعد تنشيط البريد الإلكتروني ، تم عرض لوحة التحكم هذه:

لقد بدأوني برصيد مجاني بقيمة دولار واحد ، والذي يجب أن يكون أكثر من كافٍ لهذه التجربة.

[ملاحظة: إذا كنت تستخدم رابط الإحالة الخاص بي لتجربة KeyCDN ، فستحصل على رصيد مجاني بقيمة 10 دولارات أمريكية]

كانت الخطوة التالية هي إضافة منطقة في لوحة معلومات CDN . تركت جميع الإعدادات كإعدادات افتراضية ، باستثناء إضافة دعم SSL (جزء من قسم "الميزات المتقدمة").

استغرق الأمر حوالي 5 دقائق لنشر منطقة CDN ، ثم أضفت عنوان URL الجديد للمنطقة إلى المكون الإضافي CDN Enabler وكنت جاهزًا للعمل!

اقترحت مدونة KeyCDN إضافة WordPress خفيفة الوزن تسمى CDN Enabler ، لذلك قمت بتثبيته. يمكنك ببساطة إضافة عنوان URL لـ CDN إلى لوحة معلومات البرنامج المساعد ويبدأ العمل على الفور.

إذا كنت تريد إرشادات إعداد أكثر تفصيلاً ، فمن السهل جدًا متابعة منشور بدء KeyCDN.

اختبارات سرعة جديدة

قضيت حوالي 7 دقائق في تثبيت KeyCDN على موقع WordPress الخاص بي. لم ألق نظرة على أي إعدادات متقدمة حتى الآن ، لكن دعنا نرى ما سيحدث إذا أجريت اختبار سرعة Pingdom آخر.

أم ، الصفحة الرئيسية تستغرق الآن 6.27 ثانية للتحميل . لقد مللت من انتظار تحميل اختبار السرعة لنشر المدونة…. أكثر من 14 ثانية !

هناك شيء غير صحيح: إضافة CDN إلى موقع WordPress الخاص بي جعله أبطأ.

لقد قمت بإزالة KeyCDN مؤقتًا عن طريق تعطيل المكون الإضافي CDN Enabler وعادت سرعة موقعي إلى وضعها الطبيعي.

ربما تسبب CloudFlare والمكوِّن الإضافي Autoptimize بعض التعارضات؟ أنا أتوقف مؤقتًا وأحاول مرة أخرى.

وهذا أشبه ذلك!

تم تحميل الصفحة الرئيسية في 1.31 ثانية (زاد حجم الصفحة إلى 1.5 ميجابايت) ، ونشر المدونة في 2.66 ثانية (حجم الصفحة 3.4 ميجابايت). هذا تحسن كبير في السرعة !

يسعدني أن هذا CDN البسيط جعل موقع WordPress الخاص بي أسرع كثيرًا. انتظر دقيقة ، لم أعد تنشيط KeyCDN بعد. وتم إيقاف CloudFlare مؤقتًا. وليس لدي ملحقات التخزين المؤقت ... ماذا ؟!

لقد تلاعبت قليلاً ، ووجدت أن ما فعلته خطأ. أولاً ، عندما أضفت KeyCDN فعلت ذلك بدون https: // أولاً. اتضح أن هذا أمر بالغ الأهمية لأنه بمجرد إصلاحه ، تم تسريع كل شيء بشكل جيد!

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

إدارة CDN

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

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

الأفكار النهائية: هل تجعل شبكة CDN WordPress أسرع؟

نعم! إليك اختبار سرعة الصفحة الرئيسية الذي أجريته بعد النقر على "النشر" في هذا المنشور:

من خلال تثبيت KeyCDN ، قمت أيضًا بخفض وقت تحميل مشاركات مدونتي إلى النصف (الآن 2.75 ثانية بدلاً من 5.8 ثانية!). بالإضافة إلى ذلك ، تمكنت أيضًا من حذف مكونات CloudFlare والتخزين المؤقت من تثبيت WordPress الخاص بي.

أنا سعيد جدًا بمدى سهولة تثبيت KeyCDN (حتى بعد خطئي الأولي!) وأقدر أنه سيكلفني فقط حوالي 5 دولارات شهريًا بناءً على استخدامي الحالي. صفقة كاملة لهذه السرعات ؛ الانتقال إلى خطة استضافة مخصصة سيكلفني الكثير.

سأتركه يعمل للأسابيع القليلة القادمة وأراقب أوقات تحميل الموقع وتصنيفات تحسين محركات البحث ومقاييس المستخدم لتتبع تأثيرها. سوف يقدم تقريرا قريبا.

تحديث:

لقد مر أسبوع واحد منذ أن بدأت استخدام KeyCDN. شعرت أن موقعي يتم تحميله بشكل أسرع ، ولكن كان علي إجراء اختبار سرعة مناسب للتأكد من:

نعم ، لا يزال يعمل! يتم تحميل الصفحة الرئيسية (الآن 1.3 ميجا بايت) في 1.72 ثانية .

ويتم تحميل منشور المدونة الطويل جدًا (3.6 ميجابايت) في 3.32 ثانية . لقد لاحظت أن عدد الطلبات قد انخفض أيضًا. بلغت التكلفة الإجمالية لـ KeyCDN للأسبوع 9 سنتات . ليس سيئًا.

ومع ذلك ، نظرت إلى سجلات الخادم ولاحظت أن استخدام النطاق الترددي قد ارتفع بنسبة تزيد عن 50٪ منذ أن أوقفت CloudFlare مؤقتًا (أوقفته مؤقتًا في اليوم الثاني عشر):

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

تجربة أخرى ، أنا الآن أستخدم CloudFlare كـ CDN الخاص بي مرة أخرى ، بدون KeyCDN لأنهم لا يلعبون بشكل جيد معًا. سأراقب عرض النطاق الترددي للخادم وسرعة الموقع وأعد تقريرًا مرة أخرى قريبًا!