مراجعة NitroPack: تحسين سرعة موقع WordPress في الوضع السهل

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

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

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

علاوة على ذلك ، مع تحديث تجربة الصفحة الجديد من Google ، تستخدم Google أيضًا مقاييس Core Web Vitals مثل Largest Contentful Paint كعامل تصنيف لمحرك البحث ، لذلك يمكن أن تكون سرعة الصفحة البطيئة أيضًا بمثابة عائق في تحسين محرك البحث في موقعك.

إذن - سرعة الموقع مهمة ... لكنها معقدة أيضًا.

هناك التخزين المؤقت ، وتحسين JavaScript ، وتحسين CSS ، وتحسين HTML ، وشبكات توصيل المحتوى (CDN) ، وتحسين الصور ، والجلب المسبق ، والضغط ... تحصل على الفكرة.

NitroPack هو مكون إضافي سهل الاستخدام يساعدك على تنفيذ كل تكتيك لتحسين الأداء يحتاجه موقعك في أداة واحدة.

على WordPress ، كل ما تفعله هو تثبيت المكون الإضافي NitroPack ، والنقر فوق بعض الأزرار ، وسيستفيد موقعك على الفور من التكتيكات مثل التخزين المؤقت ، وشبكة توصيل المحتوى (CDN) ، وتحسين CSS / JavaScript ، وغير ذلك الكثير.

في مراجعة NitroPack العملية ، سنلقي نظرة عملية على هذه الأداة بما في ذلك ما يلي:

• ملخص سريع للميزات
• برنامج تعليمي NitroPack وإلقاء نظرة على الواجهة
• أفكار حول ما إذا كانت تحسينات NitroPack "حقيقية" (سيكون هذا منطقيًا لاحقًا)
• بعض الاختبارات قبل / بعد الأداء باستخدام NitroPack
• التسعير
• افكار اخيرة

مراجعة NitroPack: ماذا تفعل؟

NitroPack هو مكون إضافي لتحسين السرعة الكل في واحد لـ WordPress (وبعض الأنظمة الأساسية الأخرى).

هذا أحد أكثر الأشياء الفريدة في NitroPack - إنه حقًا الكل في واحد .

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

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

• التخزين المؤقت - بما في ذلك التخزين المؤقت للصفحة الذكية مع التحميل المسبق ومسح ذاكرة التخزين المؤقت الذكي بالإضافة إلى التخزين المؤقت للمتصفح.
• CDN - CDN مدمج به أكثر من 70 نقطة نهاية عالمية وضغط Gzip / Brotli والمزيد.
• تحسين CSS - بما في ذلك التعامل مع CSS الحرجة في الجزء العلوي من الصفحة بحيث يمكنك زيادة أوقات التحميل الأولية ، بما في ذلك أكبر مقياس Contentful Paint.
• تحسين JavaScript - يمكنك تأجيل البرامج النصية لتحسين أوقات التحميل الأولية وتحسين جميع JavaScript في موقعك. يحتوي NitroPack أيضًا على طريقة فريدة لنقل البرامج النصية من مؤشر ترابط وحدة المعالجة المركزية الرئيسية وتأخير البرامج النصية حتى تفاعل المستخدم - المزيد حول هذا أدناه.
• تحسين الصور - يمكنه ضغط / تغيير حجم الصور تلقائيًا وتحويلها إلى WebP. هناك أيضًا ميزة تغيير حجم قابلة للتكيف تتيح لك عرض صور مختلفة للمستخدمين بشكل ديناميكي بناءً على أحجام شاشاتهم.
• تحسين HTML - بما في ذلك التفاصيل المتقدمة مثل الاتصال المسبق بـ DNS للموارد الرئيسية.

تقوم هذه الصورة بعمل جيد جدًا في تلخيص الميزات الرئيسية:

أحد الأشياء الفريدة في NitroPack هو "محمل الموارد الخاص بها". مفهوم / فائدة هذا معقد للغاية ، ولكن الفكرة الأساسية هي أن NitroPack يحسن كيفية تحميل موقعك (خاصةً JavaScript) لجعل جميع الملفات المنفصلة يتم تحميلها بطريقة مثالية لتجربة المستخدم.

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

يمكنك قراءة كل شيء عن هذا هنا.

كيفية استخدام NitroPack

بالإضافة إلى ميزات تحسين سرعة الموقع الشاملة في NitroPack ، يعد الإعداد السهل أحد أقوى فوائده.

يمكنك فعليًا أن تكون جاهزًا للعمل مع موقع مُحسَّن بالكامل في بضع دقائق فقط بفضل أوضاع التحسين المتعددة المحددة مسبقًا.

لنلق نظرة على كيفية عملها ...

1. أضف موقع الويب الخاص بك

للبدء ، سترغب في إضافة موقع الويب الخاص بك عبر لوحة تحكم NitroPack:

بعد ذلك ، يمكنك توصيل حساب NitroPack بموقعك باستخدام أداة موصل. بالنسبة إلى WordPress ، هذا يعني المكون الإضافي NitroPack المخصص في WordPress.org:

2. اختر وضع التحسين الخاص بك

الآن ، أنت جاهز لاختيار وضع التحسين الخاص بك. هذا هو أحد الأجزاء المفضلة لدي في NitroPack لأنه ما يجعل NitroPack بهذه البساطة.

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

يمكنك تحديد هذا من لوحة معلومات WordPress الخاصة بك أو لوحة معلومات NitroPack.

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

يحب العديد من الأشخاص أيضًا وضع Ludicrous لأنه سيحقق أكبر تحسن في درجات PageSpeed ​​وأساسيات الويب الأساسية. ومع ذلك ، أوصي بتوخي الحذر مع هذا الوضع لأن الطريقة التي يؤخر بها JavaScript قد تتداخل مع وظائف معينة على موقعك.

على سبيل المثال ، إذا كانت قائمة هاتفك المحمول تعتمد على JavaScript ، فقد يتسبب وضع Ludicrous في بعض السلوكيات الغريبة هناك. من ناحية أخرى ، إذا كانت لديك قوائم مستندة إلى CSS ، فقد لا تكون هذه مشكلة.

لذلك - لا تتردد في اللعب مع وضع Ludicrous للبدء ، ولكن كن مستعدًا للتراجع إلى الوضع القوي إذا واجهت أي مشاكل:

3. ... الربح

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

4.… أو Tinker (للمستخدمين المتقدمين)

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

يمكنك أيضًا الحصول على بعض الخيارات الأنيقة ، مثل القدرة على تحسين البرامج النصية للإعلان ، ومسح ذاكرة التخزين المؤقت عن طريق خطاف الويب (قم بدمجه مع WP Webhooks للحصول على بعض المتعة ) ، وتنفيذ بعض الإجراءات المتقدمة الأخرى:

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

يمكن أن تساعدك هذه الإعدادات أيضًا في استخدام وضع Ludicrous دون مشاكل لأنه يمكنك استبعاد بعض البرامج النصية التي لا تريد تأخير التحميل.

NitroPack و "Blackhat SEO" - هل هذا شيء حقيقي؟

إذا كنت قد بحثت عن مراجعات أخرى لـ NitroPack ، فربما تكون قد شاهدت الاتهام بأن NitroPack هو أداة "Blackhat SEO" التي تخدع Google في التفكير في تحميل موقعك بسرعة على الرغم من أنه لا يتم تحميله بالفعل.

إذن - ما هي الصفقة هنا؟

حسنًا ، الإجابة أصبحت تقنية جدًا ولكني أعتقد أنه من الواضح جدًا أن NitroPack لا يفعل شيئًا سيئًا.

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

• بيانات المعمل (الاصطناعية) - بيانات الأداء المحاكاة التي تم جمعها بواسطة أداة اختبار السرعة.
• البيانات الميدانية - بيانات الأداء الحقيقية لموقعك كما يختبرها زوار بشريون حقيقيون. عادةً ، ستجمع ذلك عبر تقرير تجربة مستخدم Chrome ، المتوفر في PageSpeed ​​Insights إذا كان موقعك يحتوي على عدد كافٍ من الزيارات.

البيانات الميدانية هي ما يهم حقًا الأداء في العالم الحقيقي (ولتحديث خوارزمية تحسين محركات البحث في صفحة تجربة الصفحة من Google) ، لكن معظم الناس يركزون كثيرًا على البيانات المعملية و "النتائج" بدلاً من ذلك لأن جمعها أسهل.

الطريقة التي يعمل بها محمل الموارد الخاص بـ NitroPack في وضع Ludicrous عن طريق نقل بعض العمليات من السلسلة الرئيسية وتأخير تنفيذ JavaScript يعني أن موقعك سيبدو جيدًا "بشكل غير طبيعي" في بعض أدوات اختبار السرعة المعملية ( لأن العديد من الأدوات غير قادرة على اكتشاف العمليات خارج الخيط ).

وأنا أفهم نوعًا ما ما يقوله الناس هنا - سيبدو الموقع الذي يستخدم وضع NitroPack و Ludicrous جيدًا "بشكل مريب" في بعض أدوات اختبار السرعة.

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

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

هذا هو السبب:

أولاً ، لا يحاول NitroPack إخفاء أي شيء هنا لأنهم يوصون بأنفسهم مستخدمي NitroPack بالاطلاع على بيانات أداء المستخدم الحقيقية بدلاً من الاعتماد فقط على البيانات المعملية.

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

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

الادعاء الأخير هو أن NitroPack تقوم ببعض أنواع تحسين محركات البحث ذات القبعة السوداء والتي ستعاقبها Google في النهاية.

بصراحة ، هذا لا معنى له بالنسبة لي.

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

هذا لا يعني أن نقل موقعك من ثانيتين إلى ثانية واحدة سيغير أي شيء - ثانيتان بالفعل سريعان بما يكفي للفوز بميزة كسر التعادل من Google.

أبعد من ذلك ، أعتقد أن مزاعم تحسين محركات البحث لا معنى لها بسبب عدد المواقع الشعبية التي تستخدم NitroPack وما زالت تحتل مرتبة جيدة.

في الواقع ، نستخدم NitroPack هنا في WP Mayor! لن نفعل ذلك إذا اعتقدنا أن هناك أي تأثيرات سلبية على مُحسنات محركات البحث.

إذا كنت تريد التحقق من ذلك ، يمكنك إلقاء نظرة على رؤوس WP Mayor وسترى أننا بالفعل نستخدم NitroPack:

أخيرًا ، إذا كنت قلقًا حقًا ، يمكنك استخدام أداة فحص عناوين URL في Google Search Console لترى كيف يبدو موقعك باستخدام NitroPack عندما يزحف Google إليه. إذا قمت بذلك ، فسترى أن Google تكتشف المحتوى الكامل لصفحتك تمامًا كما تفعل بدون NitroPack.

وهذا يعني أنه لا يوجد فرق في محتوى موقعك بالنسبة إلى عيون Google وفقًا لأداة الزحف الخاصة بـ Google.

أداء NitroPack قبل / بعد

مع هذه المناقشة المطولة بعيدًا عن الطريق ، أريد أن ألقي نظرة على بعض بيانات الأداء من WP Mayor.

على الرغم مما قلته أعلاه حول كون البيانات الميدانية أكثر أهمية من بيانات المختبر ، سأستخدم أداة اختبار سرعة اصطناعية هنا لأنه ، حسنًا ، من الصعب بالنسبة لي جمع البيانات قبل / بعد مع أوقات تحميل المستخدم الحقيقية.

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

سوف يلتقط المقياس المحمّل بالكامل الكثير من JavaScript التي يؤجلها NitroPack / يؤخرها عند التحميل الأولي.

نظرًا لأننا نعيش في عالم الجوّال أولاً ، فقد قمت بتهيئة WebPageTest باستخدام نهج الهاتف أولاً:

• اختبار من هاتف iPhone 8 مقلد
• استخدم اتصال LTE مخنق
• قم بإجراء تسعة اختبارات منفصلة وخذ القيمة المتوسطة

فيما يلي بيانات الصفحة الرئيسية لـ WP Mayor مع وبدون NitroPack:

* هذا وكيل جيد لتأخير الإدخال الأول ، والذي يتوفر فقط من البيانات الميدانية .

** يمكنك أن ترى أن طلبات HTTP منخفضة حقًا في البداية لأن NitroPack يؤخر الكثير من هذه البرامج النصية.

بشكل عام ، يمكنك أن ترى تحسنًا هائلاً في جميع المجالات باستخدام NitroPack ، خاصةً عندما يتعلق الأمر بـ Largest Contentful Paint ومقاييس Document Complete.

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

إذا كنت مهتمًا بنتائج PageSpeed ​​Insights ( شخصيًا ، لست كذلك ) ، فقد جمعت أيضًا تلك الخاصة بصفحة WP Mayor الرئيسية باستخدام NitroPack وبدونه:

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

تسعير NitroPack

الآن بعد أن غطينا كل شيء آخر ، دعنا نتحدث عن تسعير NitroPack.

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

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

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

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

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

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

الأفكار النهائية حول NitroPack

بشكل عام ، أعتقد أن هناك بعض الإيجابيات والسلبيات المحددة لاستخدام NitroPack لتسريع موقع الويب الخاص بك.

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

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

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

في النهاية ، يعود الأمر نوعًا ما إلى هذا ...

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

عندما يتعلق الأمر بما تفعله بشأن سرعة الموقع ، فأنت بحاجة للإجابة على هذا السؤال:

هل أنت على استعداد لدفع علاوة طفيفة مقابل حل بنقرة واحدة تقريبًا لحل مشكلات سرعة موقعك؟

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

من ناحية أخرى ، إذا كنت ترغب في إبقاء تكاليفك منخفضة قدر الإمكان ، فقد تندرج ضمن فئة "لا" ، وفي هذه الحالة قد تفضل مكوّنًا مجانيًا أو أرخص تكلفة لصفحة WordPress.

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

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

علاوة على ذلك ، هناك ضمان لاسترداد الأموال لمدة 14 يومًا ، لذا فأنت لا تخاطر بأي أموال أيضًا ( أو يمكنك فقط تجربة الخطة المجانية إذا كنت موافقًا على شارة NitroPack ).