مقابلة رالف كوب: دراسة حالة تعريشة

إذا كنت مطورًا لبناء مواقع WordPress لمنشئي المحتوى ، فإن دراسة الحالة هذه التي تعرض إطار عمل WordPress الخاص بنا ، Trellis ، تناسبك!

لقد أنشأنا Trellis للناشر الذي هو خبير في إنتاج المحتوى ، ولكن ربما لا يميل أو يهتم من الناحية الفنية بتخصيص الكثير من الوقت لصيانة البراغي في موقع الويب. لقد صممنا شبكة Trellis لتحقيق أقصى أداء فور إخراجها من عبوتها بهدف محدد وهو تلبية معايير Core Web Vitals الصارمة من Google. كل ذلك دون الحاجة إلى أي خبرة فنية من صانعي المحتوى.

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

يسعدنا أن نقدم المطور المستقل Ralph Cope ، الذي عمل مع إطار عمل Trellis في العديد من المشاريع وينضم إلينا اليوم لمناقشة تجاربه "تحت الغطاء" مع Trellis.

أخبرنا قليلاً عن نفسك: منذ متى وأنت تقوم بالتدوين والعمل مع المواقع والمدونين الآخرين؟

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

أنا الآن موظف مستقل يقدم في الغالب الاستشارات وبناء مواقع الويب الكاملة للعملاء - مع وضع أحدث ممارسات تحسين محركات البحث في الاعتبار بالطبع.

من أين سمعت عن التعريشة لأول مرة؟

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

نظرًا لكونه شريكًا في Mediavine ، فقد سمع جاكسون عن Trellis من نقطة اتصاله وقرر إعطائها فرصة. شارك الوثائق معي ، وذهبنا إلى العمل.

يمكن أن يكون تبديل الموضوعات والأطر قرارًا كبيرًا. ما الذي أقنعك بتجربة التعريشة؟

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

كان عام 2021 أيضًا عامًا صعبًا بالنسبة إلى Journey Era. بين عدة موجات من COVID وعدد قليل من تحديثات أساسية واسعة النطاق قاسية من Google ، فقد الموقع قدرًا كبيرًا من حركة المرور. إذا كان هناك وقت لتجربة شيء جديد ، مثل تبديل السمات ، فقد كان هذا هو الوقت المناسب.

ما سمات / أطر عمل WordPress (أو CMS) التي عملت معها قبل Trellis؟

شخصيًا ، لقد عملت مع العديد من السمات المختلفة قبل Trellis ، بما في ذلك على سبيل المثال لا الحصر:

• مواضيع الأطفال
• مُنشئو السمات ، مثل Elementor و Kadence و Thrive
• موضوعات مخصصة على مستوى المؤسسة

ما المشكلات الفنية التي كنت تأمل في حلها باستخدام Trellis؟

في الغالب أداء الموقع وأوقات التحميل. تم تسويق Trellis كأول موضوع تم تصميمه مع وضع Google Core Web Vitals في الاعتبار ، لذلك بدا أنه الخيار المنطقي.

ومع ذلك ، كانت Journey Era بالفعل سريعة جدًا قبل أن أبدأ العمل عليها. كان متوسط ​​أوقات تحميل الصفحة حوالي 785 مللي ثانية (0.785 ثانية) وفقًا للمعايير الأولية التي أخذتها ، وهو رقم مثير للإعجاب بالفعل. كنا سنتوقف عن العمل مع Trellis إذا كنا جادين في تقليل أوقات التحميل.

ما مدى سهولة إعداد Trellis على أحد مواقع الويب؟ هل سارت العملية بسلاسة؟

يبدو أن Trellis إطار عمل بسيط للغاية ولكن به الكثير من التعقيدات تحت الغطاء. تختلف طريقة ترميزها (PHP وغير ذلك) تمامًا عن أي سمة أخرى استخدمتها من قبل. وغني عن القول ، كان هناك القليل من منحنى التعلم في البداية.

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

هذا يعني أنني سأضطر إلى تصميم الموقع مباشرة باستخدام HTML و CSS الخاص بي.

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

هل قمت بأي عمل مخصص على الموقع (على سبيل المثال ، صفحة رئيسية مخصصة أو تخطيط منشور)؟ إذا كان الأمر كذلك ، ما مدى سهولة / صعوبة العمل في بيئة Trellis؟

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

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

ما هي التحسينات التي لاحظتها مع Trellis؟ (سرعة الموقع ، نتائج CLS ، حركة المرور ، الأرباح ، إلخ.)

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

بشكل عام ، أظهرت جميع مقاييس الأداء الرئيسية حركة إيجابية. تم تحسين كل من الطلاء الأول المليء بالمحتوى ، وأكبر الطلاء المليء بالمحتوى ، ووقت التفاعل ، وإجمالي وقت الحظر * (مما يعني وقت تحميل أقل) بنحو 30-40٪. شهد مؤشر السرعة ، الذي يُترجم تقريبًا إلى إجمالي وقت التحميل ، تحسينات هامشية ولكنه تحسن مع ذلك.

أظهرت الثمار الحقيقية لعملنا بعض الوقت بعد المعايير النهائية. في غضون شهر من تنفيذ Trellis وإجراء تدقيق شامل لتحسين محركات البحث للموقع ، ارتفعت حركة المرور بنسبة 140٪ أي أكثر من الضعف. كما ارتفعت عائدات الإعلانات قليلاً.

* يتم عرض هذه المقاييس الأربعة (FCP و LCP و TTI و TBT) أولاً وقبل كل شيء عندما يقوم أي شخص بإجراء اختبار Google Lighthouse على صفحة معينة. بشكل عام ، فهي مؤشرات جيدة عند الحكم على مرات تحميل الصفحة الإجمالية.

هل تنصح Trellis للمطورين والمدونين الآخرين؟ لما و لما لا؟

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

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

ما هي نصيحتك لشخص يستعد للانتقال إلى شبكة Trellis؟

إذا كنت تخطط لتطوير موقع مخصص في Trellis ، فيجب أن تكون مختصًا على الأقل في HTML و CSS. JS و PHP هي أيضًا ميزة إضافية.

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

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

ما هي الميزة المفضلة لديك في الشبكة؟

يعجبني كيف بذل مطورو Trellis قصارى جهدهم لدمج أكبر عدد ممكن من تحسينات السرعة في Trellis نفسها ، وبالتالي إزالة الحاجة إلى تثبيت مكونات إضافية. يتم التعامل مع تصغير CSS / JS ، والتحميل البطيء للصور ، وحقن الكود بواسطة Trellis ، مما يعني أنني لست بحاجة إلى استخدام مكونات إضافية مثل Autoptimize أو Code Snippets أو Asset CleanUp.

ومع ذلك ، ما زلت أستخدم WPRocket كمكوِّن إضافي للتخزين المؤقت ، باعتباره أحد أفضل البرامج المساعدة من نوعها في IMO. أنا فقط أتأكد من إيقاف تشغيل معالجتها لتحسينات CSS و HTML و JS بحيث لا تتعارض مع ميزات Trellis الخاصة.

أي تعليقات أخرى حول تجربتك؟

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

شكرا رالف على الدردشة معنا اليوم. يسعدنا أن Trellis يساعدك في مساعدة عملائك على تحقيق أهداف أعمالهم!

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