บทสัมภาษณ์ของ Ralph Cope: กรณีศึกษา Trellis

เผยแพร่แล้ว: 2022-05-18

หากคุณเป็นนักพัฒนาที่สร้างไซต์ WordPress สำหรับผู้สร้างเนื้อหา กรณีศึกษาที่มีกรอบงาน WordPress ของเรา Trellis เหมาะสำหรับคุณ!

เราสร้าง Trellis สำหรับผู้จัดพิมพ์ที่เป็นผู้เชี่ยวชาญในการผลิตเนื้อหา แต่อาจไม่ได้มีแนวโน้มทางเทคนิคหรือสนใจที่จะใช้เวลามากในการดูแลส่วนต่างๆ ของเว็บไซต์ เราออกแบบ Trellis เพื่อประสิทธิภาพสูงสุดโดยมีเป้าหมายเฉพาะเพื่อให้เป็นไปตามมาตรฐาน Core Web Vitals ที่เข้มงวดของ Google ทั้งหมดนี้ไม่ต้องใช้ความรู้ด้านเทคนิคจากผู้สร้างเนื้อหา

อย่างไรก็ตาม เราทราบด้วยว่าบางครั้งเจ้าของไซต์ต้องการรูปลักษณ์เฉพาะหรือคุณลักษณะพิเศษ และต้องการความช่วยเหลือจากนักพัฒนาซอฟต์แวร์ในการสร้างการปรับแต่งโค้ดเพื่อให้บรรลุเป้าหมายนั้น

เรามีความยินดีที่จะแนะนำ Ralph Cope นักพัฒนาอิสระ ซึ่งเคยทำงานกับกรอบงาน Trellis ในหลายโครงการ และเข้าร่วมกับเราในวันนี้เพื่อหารือเกี่ยวกับประสบการณ์ "ภายใต้ประทุน" ของเขากับ Trellis

ราล์ฟ โคป

บอกเราหน่อยเกี่ยวกับตัวคุณ: คุณใช้บล็อกและทำงานกับไซต์และบล็อกเกอร์อื่นมานานแค่ไหนแล้ว

ฉันทำงานกับบล็อกเกอร์มาประมาณ 5 ปีแล้ว ฉันเริ่มต้นจากการเป็นนักเขียนบล็อกท่องเที่ยวขนาดใหญ่ ก่อนที่จะเปลี่ยนไปมีบทบาททางเทคนิคมากขึ้น ฉันเรียนรู้เกี่ยวกับ SEO อย่างละเอียดตั้งแต่เนิ่นๆ และในช่วงไม่กี่ปีที่ผ่านมาได้เข้ามาเกี่ยวข้องกับด้านเทคนิคมากขึ้นของสิ่งต่างๆ เช่น การพัฒนา การเพิ่มประสิทธิภาพการทำงาน ข้อมูลที่มีโครงสร้าง SEO เชิงความหมาย เป็นต้น

ตอนนี้ฉันเป็นนักแปลอิสระที่ให้คำปรึกษาและสร้างเว็บไซต์เต็มรูปแบบให้กับลูกค้าเป็นส่วนใหญ่ ซึ่งแน่นอนว่าทั้งคู่มีแนวทางปฏิบัติ SEO ที่ทันสมัยที่สุด

คุณเคยได้ยินเกี่ยวกับ Trellis ครั้งแรกที่ไหน

Jackson Groves เจ้าของ Journey Era และเพื่อนของเพื่อนมาหาฉันเกี่ยวกับการเปลี่ยนไซต์ของเขาเป็นธีมใหม่ เนื่องจากเป็นผู้สร้างเนื้อหาเป็นหลัก แจ็คสันรู้สึกไม่สบายใจในการจัดการงานที่เกี่ยวข้องกับการพัฒนาใดๆ และขอความช่วยเหลือจากฉัน

ในฐานะหุ้นส่วนของ Mediavine แจ็คสันเคยได้ยินเกี่ยวกับ Trellis จากจุดติดต่อของเขาและตัดสินใจที่จะลองดู เขาแบ่งปันเอกสารกับฉันและเราไปทำงาน

การเปลี่ยนธีมและเฟรมเวิร์กอาจเป็นการตัดสินใจครั้งใหญ่ อะไรทำให้คุณมั่นใจที่จะลองใช้ Trellis?

หลังจากได้รับการตอบรับเชิงบวกมากมาย Jackson ก็ค่อนข้างยืนกรานที่จะใช้ Trellis จุดขายที่ใหญ่ที่สุดคือศักยภาพในการเพิ่มประสิทธิภาพของเว็บไซต์และความเร็วตามที่สัญญาไว้ การคาดการณ์เบื้องต้นชี้ไปที่ Trellis ที่ลดเวลาในการโหลดลงประมาณ 30% และเพิ่มรายได้จากโฆษณาได้ใกล้เคียงกัน

ปี 2564 เป็นปีที่ยากลำบากสำหรับ Journey Era ระหว่างช่วงของโควิด-19 หลายระลอกและการอัปเดตหลักแบบกว้างๆ ของ 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 และทำการตรวจสอบ SEO อย่างละเอียดของไซต์ การเข้าชมเพิ่มขึ้น 140% นั่นคือมากกว่าสองเท่า รายได้จากโฆษณาก็เพิ่มขึ้นไม่น้อยเช่นกัน

* เมตริกทั้งสี่นี้ (FCP, LCP, TTI และ TBT) จะแสดงก่อนใครก็ตามที่ทำการทดสอบ Google Lighthouse ในหน้าที่กำหนด โดยทั่วไปแล้ว สิ่งเหล่านี้เป็นตัวบ่งชี้ที่ดีในการตัดสินเวลาในการโหลดหน้าเว็บโดยรวม

คุณจะแนะนำ Trellis ให้กับนักพัฒนาและบล็อกเกอร์คนอื่นๆ ไหม ทำไมหรือทำไมไม่?

ใช่ ฉันจะแนะนำ Trellis ให้กับบล็อกเกอร์หรือนักพัฒนาซอฟต์แวร์ที่กำลังมองหาธีม/เฟรมเวิร์กที่มีน้ำหนักเบาสำหรับไซต์ของตน แม้จะมีช่วงการเรียนรู้ Trellis ได้รับการพิสูจน์แล้วว่าเป็นผลงานที่ดีและให้ผลตอบแทนจากการลงทุน

ฉันจะบอกว่าฉันสามารถแนะนำ Trellis ให้กับผู้สร้างเนื้อหาได้ในขณะนี้เท่านั้น แม้ว่าการจัดการและการแสดงผลเนื้อหาบล็อกจะทำงานได้ดี แต่ฉันไม่ทราบว่าจะนำไปใช้กับเว็บไซต์ที่ซับซ้อนมากขึ้นเช่นอีคอมเมิร์ซได้อย่างไรหรืออย่างไร

คุณมีคำแนะนำอะไรบ้างสำหรับคนที่เตรียมจะย้ายไปที่ Trellis

หากคุณวางแผนที่จะพัฒนาไซต์แบบกำหนดเองใน Trellis คุณต้องมีความสามารถอย่างน้อยใน HTML และ CSS JS และ PHP ก็เป็นข้อดีเช่นกัน

คุณสามารถหลีกหนีจากการสร้างเว็บไซต์ได้โดยใช้เพียงตัวเลือกการปรับแต่งที่ Trellis ให้มา แต่คุณจะถูกจำกัดในสิ่งที่คุณสามารถทำได้ หากคุณต้องการได้รับประโยชน์สูงสุดจากเฟรมเวิร์กนี้และควบคุมส่วนหน้าได้อย่างสร้างสรรค์ คุณจะต้องสามารถจัดรูปแบบและสร้างทุกอย่างได้ด้วยตัวเองในระดับหนึ่ง

หากคุณยังไม่ได้ค้นพบมัน ฉันขอแนะนำให้ใช้ Chrome DevTools สำหรับงานพัฒนา นี่เป็นสวรรค์สำหรับฉันเมื่อฉันได้เข้าสู่การพัฒนาครั้งแรก และทำให้ฉันได้เห็นความรู้ทางเทคนิคมากมาย ฉันยังคงใช้เป็นประจำทุกวันและแน่นอนเมื่อฉันทำงานกับ Trellis

คุณลักษณะที่คุณชื่นชอบของ Trellis คืออะไร?

ฉันชอบวิธีที่นักพัฒนาซอฟต์แวร์ของ Trellis พยายามอย่างเต็มที่เพื่อรวมการเพิ่มประสิทธิภาพความเร็วให้มากที่สุดเท่าที่จะเป็นไปได้ใน Trellis เอง ทำให้ไม่จำเป็นต้องติดตั้งปลั๊กอินเพิ่มเติม การย่อขนาด CSS/JS การโหลดรูปภาพแบบ Lazy Loading และการฉีดโค้ดทั้งหมดได้รับการจัดการโดย Trellis ซึ่งหมายความว่าฉันไม่จำเป็นต้องใช้ปลั๊กอิน เช่น Autoptimize, Code Snippets หรือ Asset CleanUp

อย่างไรก็ตาม ฉันยังคงใช้ WPRocket เป็นปลั๊กอินสำหรับแคช เนื่องจากเป็น IMO ที่ดีที่สุดชนิดหนึ่ง ฉันแค่ต้องปิดการจัดการการปรับให้เหมาะสม CSS, HTML และ JS เพื่อไม่ให้ขัดแย้งกับคุณสมบัติของ Trellis

ความคิดเห็นอื่น ๆ เกี่ยวกับประสบการณ์ของคุณ?

สำหรับผู้สร้างเนื้อหาที่ต้องการปรับปรุงเว็บไซต์ของตนและอาจเรียนรู้สิ่งหนึ่งหรือสองเรื่องเกี่ยวกับการพัฒนาเว็บ Trellis เป็นตัวเลือกที่ยอดเยี่ยม มันไม่ได้มีคุณสมบัติมากมายเท่ากับตัวสร้างธีมอื่น ๆ แต่นั่นอาจเป็นสิ่งที่ดี วิธีนั้นเร็วกว่ามากและจะทำให้คุณต้องคิดอย่างมีวิจารณญาณเกี่ยวกับสิ่งที่คุณต้องการรวมไว้ในบล็อกหรือเว็บไซต์ของคุณ


ขอบคุณราล์ฟที่คุยกับเราวันนี้ เรายินดีเป็นอย่างยิ่งที่ Trellis ได้ช่วยเหลือคุณในการช่วยให้ลูกค้าของคุณบรรลุเป้าหมายทางธุรกิจ!

เราภูมิใจในผลลัพธ์ที่ได้จาก Trellis และทีมงานของเรามุ่งมั่นที่จะปรับปรุงและปรับปรุงกรอบงานนี้เพื่อให้บริการผู้สร้างเนื้อหาและเป้าหมายทางธุรกิจของพวกเขาต่อไป เรียนรู้เพิ่มเติมเกี่ยวกับ Trellis และหากคุณต้องการอ่านคำรับรองเพิ่มเติม โปรดดูกรณีศึกษาอื่นๆ ของเรา