OceanWP 3.0 - هذا الصيف هو كل شيء عن الفانيليا

OceanWP هو الآن أسرع وأكثر سلاسة وأكثر استقرارًا! مع الأكواد المحدثة والموجهة نحو الكائن ، فإنه ينفذ الوظائف بسرعة ، باستخدام موارد أقل بكثير وتبعيات أقل بكثير.

إلى كل من كانت لديه آمال كبيرة ، سنقوم بتسليم آيس كريم الفانيليا اللذيذ - نحن آسفون! رغم ذلك ، لا يزال هذا منعشًا نتحدث عن Vanilla JavaScript وإصدار OceanWP 3.0 الجديد .

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

ما هو جافا سكريبت؟

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

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

ووردبريس وجافا سكريبت

JavaScript هو جزء من WordPress CMS .

يوجد JavaScript بأشكال عديدة ، لذا فليس من المفاجئ أن يأتي WordPress مدمجًا مع العديد من مكتبات JavaScript. ومع ذلك ، من الآمن القول أن العناصر الرئيسية المستخدمة هي:

• jQuery ،
• جسون ،
• تسطير و
• العمود الفقري.

لماذا نملّك بهذه التفاصيل؟

مرات لا تحصى تلقينا طلبات للمساعدة حيث يطلب منا المستخدم مساعدته في إزالة jQuery من موقعه على الويب لأن "بعض أدوات السرعة / التحسين تشير إلى أنها تبطئ موقع الويب".

جعلتنا هذه المواقف ندرك أن الأمر سيستغرق بعض الوقت للمستخدمين لفهم أن أدوات التقييم هذه ليست دقيقة ومثالية . لقد أعطانا أيضًا فكرة عن وجود الكثير من مستخدمي WordPress الذين ليسوا على دراية بوظيفة "under the hood" في WordPress ، وبالتالي سمات WP والمكونات الإضافية أيضًا.

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

في اللغة الإنجليزية البسيطة ، من بين جميع مكتبات JavaScript ، فإن jQuery هو الأكثر استخدامًا . ليس فقط من خلال WordPress نفسه ، ولكن أيضًا من خلال السمات والإضافات.

وللتلخيص ، لا يمكنك إزالة jQuery من مواقع WordPress .

ما هو مسج؟

هل ستندهش عندما تعلم أنه من بين مليون موقع على الإنترنت (ليس فقط مواقع WordPress) ، يستخدم 80٪ منها jQuery؟

jQuery هي مكتبة جافا سكريبت خفيفة الوزن ومرنة وقابلة للتمديد بدرجة كبيرة (من وجهة نظر المطورين) وهي مكتبة جافا سكريبت سهلة الاستخدام للغاية.

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

بعد كل شيء ، فإن شعار jQuery هو "اكتب أقل ، افعل أكثر" .

OceanWP و jQuery

بالطبع ، ربما تكون قد خمنت الآن.

يستخدم OceanWP jQuery . حتى بعض المكونات الإضافية المفضلة لديك ، مثل Elementor و WooCommerce تشغل jQuery.

لأولئك منكم الذين بدأوا للتو مع OceanWP أو على الأقل يفكرون فيه - OceanWP هو أحد أفضل السمات التي يمكن استخدامها في WooCommerce و / أو Elementor. تحقق من جميع ميزات OceanWP أو قم بمعاينة قوالبنا التجريبية الكاملة لمواقع الويب.

منذ عام 2016 ، بمساعدة jQuery ، تمكنا من مساعدة مستخدمينا على إنجاز المزيد وتحقيق المزيد من خلال سمة WordPress واحدة وبدون استخدام مكونات إضافية غير ضرورية. وغني عن القول ، نحن نتحدث عن OceanWP

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

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

هذا هو السبب في أننا ننتقل من jQuery إلى Vanilla JavaScript .

ما هو Vanilla JavaScript؟

Vanilla JavaScript أو Vanilla JS مصطلح شائع يستخدم لجافا سكريبت عادي .

على عكس jQuery أو Underscore JS ، فإن Vanilla JS تعني الترميز من البداية ، دون استخدام الأطر أو المكتبات كاعتماديات.

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

من أين جاء مصطلح Vanilla JS من ذلك الحين؟

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

OceanWP والفانيليا

لماذا لم تستخدم OceanWP Vanilla JavaScript منذ البداية؟

للأسف ، لا يوجد شيء مثل كتاب قواعد أو دليل لتحديد متى يكون من الأفضل استخدام أحدهما أو الآخر.

تتطور لغات البرمجة ، وخاصة PHP و JavaScript ، (من بين CSS المستخدمة في الغالب في WordPress) باستمرار. إن مهمة المطورين هي تحديد اللغة التي ستؤدي المهمة بشكل أفضل دون تضخيم الكود دون داع .

عندما يتعلق الأمر بـ JavaScript أو "الأطفال" ، بالنسبة لنا هنا في OceanWP ، كان الخيار الأمثل هو jQuery لسنوات عديدة حتى الآن.

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

هل استخدام jQuery يجعل موقع الويب الخاص بي أبطأ؟

كما ذكرنا سابقًا ، يعد jQuery أحد أسرع برامج JS وأكثرها استخدامًا.

البرامج النصية وحدها لا تجعل أي موقع ويب أبطأ - إنها جودة الأكواد التي تؤثر على أداء موقع الويب (من بين عوامل داخلية وخارجية أخرى).

وهي نفس جودة الشفرة التي جعلت مواقع OceanWP الغنية بالميزات تؤدي أداءً سريعًا أو أفضل مقارنة بالسمات الأخرى التي تحتوي على أقل قدر من الميزات.

هل ستقوم OceanWP بإزالة jQuery تمامًا؟

الجواب المختصر على هذا السؤال هو - لا.

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

ومع ذلك ، ستظل OceanWP تستخدم jQuery في أكوادها داخل السمة وجميع المكونات الإضافية ، ولكن على المستوى الأدنى .

هل سيكون لـ Vanilla JS في OceanWP تأثير على المكونات الإضافية التي تشغل jQuery؟

لن يكون لتحويل OceanWP إلى Vanilla JS أي تأثيرات سلبية ولن يتسبب في تعارض مع المكونات الإضافية التي تستخدم jQuery .

في الواقع ، ستتحسن بشكل كبير تجربتك العامة على موقع الويب وخاصة تجربة زوار موقعك على الويب . مع تحسين التشفير ، تعتمد OceanWP الآن على تبعيات أقل بكثير ، مما يضمن الاستقرار ويقلل من فرص تعارض JS محتمل. الأهم من ذلك ، أنه ينفذ الوظائف بشكل أسرع باستخدام موارد أقل بكثير.

متى سيتم إطلاق OceanWP 3.0؟

يبدأ عصر استخدام Vanilla JS في OceanWP بالإصدار 3.0.

يمكنك توقع الإصدار الرسمي في 20 يوليو - وهو اليوم المحدد الذي يُتوقع فيه إصدار WordPress 5.8 الجديد.

وهذا يقودنا إلى الجزء الأكثر أهمية - التحضير للتحديث .

إلى جانب موضوع OceanWP ، تمت أيضًا ترقية امتدادات Ocean التالية إلى Vanilla:

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

تم إصدار تحديث Ocean Extra 1.7.8 أيضًا ، ولكن هذا المكون الإضافي لا يحتوي على أي تغييرات في Vanilla.

كيفية التحضير لتحديث OceanWP Vanilla JS

إلى جانب OceanWP ، سيتم إصدار جميع المكونات الإضافية مع إصدار Vanilla JS في نفس اليوم.

ترتيب التحديث الصحيح هو:

1. قم بتحديث OceanWP عبر Appearance> Themes ، ثم
2. قم بتحديث جميع مكونات Ocean الإضافية عبر المكونات الإضافية> المكونات الإضافية المثبتة.

قبل التحديث ، تأكد من اتخاذ الإجراءات الاحترازية اللازمة.

اختبر الإصدار الجديد على المضيف المحلي أو موقع الويب المرحلي أولاً

تذكر ، هذا تحديث رئيسي.

أفضل ممارسة هي اختبار التغييرات الجديدة على المضيف المحلي أو الاختبار أو البيئات المرحلية.

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

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

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

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

كيفية استخدام Vanilla JS مع OceanWP

من أجل الاستفادة الكاملة من Vanilla JS ، يجب تمكين جميع البرامج النصية عبر لوحة السمات> البرامج النصية والأنماط في جميع الأوقات.

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

شرح طويل: في الوقت الذي تم فيه تقديم خيار Scripts & Styles (جزء من البرنامج الإضافي Ocean Extra) ، لم تكن مكونات التخزين المؤقت الجيدة (والمجانية) متاحة للجميع. بمرور الوقت ، تغير الوضع. إذا كنت تشغل تحسينًا جيدًا وتخزينًا مؤقتًا للمكونات الإضافية ، فإن تعطيل أي برنامج نصي غير ضروري تمامًا.

هام: تذكر مسح ذاكرة التخزين المؤقت تمامًا ، عدة مرات إذا لزم الأمر. الشيء نفسه ينطبق على ذاكرة التخزين المؤقت CDN (السحابية).

هل سيكون لتمكين جميع البرامج النصية تأثير سلبي على موقع الويب الخاص بي؟

لا ، لن يحدث ذلك.

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

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

ماذا بعد؟

الخطوة التالية هي الاستمتاع بالأداء المحسن لموقعك على الويب

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

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

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

لوس. INR. (طويل أو قصير ، لم أقرأ أبدًا):

نحن نصدر تحديثات رئيسية .

خذ نسخًا احتياطية لموقع الويب ، بما في ذلك النسخ الاحتياطي اليدوي ، قبل تحديث الإضافات OceanWP و Ocean .

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

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