WordPress 6.3 “Lionel”: อัปเดตประสิทธิภาพมากกว่า 170 รายการ คุณสมบัติเครื่องมือแก้ไขเว็บไซต์ใหม่ และอื่นๆ

WordPress 6.3 “ไลโอเนล” ออกแล้ว!

6.3 ได้รับการตั้งชื่อตามศิลปินแจ๊สชาวอเมริกันผู้โด่งดังอย่าง Lionel Hampton เวอร์ชัน 6.3 คือเวอร์ชันหลักที่สองของปี และพูดได้อย่างปลอดภัยว่าเวอร์ชัน 6.2 นั้นน่าตื่นเต้นยิ่งกว่า

เรารู้ว่ามันยากที่จะเชื่อหลังจากมีการปรับปรุงและแก้ไขกว่า 900 รายการใน “Dolphy” แต่มันเป็นเรื่องจริง

6.3 มาพร้อมกับฟังก์ชันและการนำทางที่อัปเดต เครื่องมือออกแบบที่ได้รับการปรับปรุงเพื่อการควบคุมที่มากขึ้น และสุดท้ายแต่ไม่ท้ายสุด – การอัปเดตประสิทธิภาพมากกว่า 170 รายการ

ตรวจสอบไฮไลท์ที่ใหญ่ที่สุดกันเถอะ

การปรับปรุงประสิทธิภาพอย่างมาก

WordPress 6.2 เป็นรุ่นแรกที่ทีมประสิทธิภาพได้แบ่งปันการปรับปรุงที่น่าประทับใจในเมตริกความเร็วหน้าต่างๆ

ทีมประสิทธิภาพหลักสร้างขึ้นจากความสำเร็จเหล่านี้โดยปล่อย การอัปเดตประสิทธิภาพมากกว่า 170 รายการด้วย WordPress 6.3

ในความเป็นจริง หมายเลขเวิร์กโฟลว์อัตโนมัติของพวกเขาบ่งชี้ถึงการปรับปรุงประสิทธิภาพต่อไปนี้ใน "Lionel" เมื่อเทียบกับ "Dolphy":

• LCP เร็วขึ้น 10.6% สำหรับธีมแบบบล็อก และ 8.8% สำหรับธีมคลาสสิก
• TTFB เร็วขึ้น 4.7% สำหรับธีมแบบบล็อก และ 5.6% สำหรับธีมคลาสสิก
• LCP-TTFB เร็วขึ้น 13.4% สำหรับธีมแบบบล็อก และ 9.3% สำหรับธีมคลาสสิก

แต่พวกเขาบรรลุได้อย่างไร

พวกเขามุ่งเน้นไปที่การปรับปรุงประสิทธิภาพทั้งฝั่งไคลเอนต์และฝั่งเซิร์ฟเวอร์

ทีมประสิทธิภาพหลักใช้ Time to First Byte (TTFB) เพื่อวัดการปรับปรุงฝั่งเซิร์ฟเวอร์

ในการวัดประสิทธิภาพฝั่งไคลเอ็นต์ พวกเขาใช้ความแตกต่างระหว่าง Largest Contentful Paint (LCP) และ TTFB

ที่กล่าวว่า…

ในขณะที่การเพิ่มประสิทธิภาพส่วนใหญ่ใน WordPress 6.2 มาจากการปรับปรุงประสิทธิภาพฝั่งเซิร์ฟเวอร์ (TTFB) แต่ใน 6.3 การเพิ่มประสิทธิภาพเกิดจากการปรับปรุงประสิทธิภาพฝั่งไคลเอ็นต์ (LCP-TTFB)

ในความเป็นจริง ประสิทธิภาพฝั่งไคลเอ็นต์ใน WordPress 6.3 นั้นเร็วกว่า 40% สำหรับธีมแบบบล็อก และเร็วขึ้น 31% สำหรับธีมคลาสสิก เมื่อเทียบกับ WordPress 6.2

ความลับเบื้องหลังความสำเร็จอยู่ที่การแนะนำการอัปเดตหลายอย่าง:

1. ผลกระทบที่ใหญ่ที่สุดมาจากการใช้ประโยชน์จาก JavaScript API สมัยใหม่ เช่น Web Workers, OffscreenCanvas และ sessionStorage เพื่อเพิ่มประสิทธิภาพสคริปต์ emoji-loader.js
   
2. WordPress 6.3 มาพร้อมกับการรองรับเพิ่มเติมสำหรับ แอตทริบิวต์ fetchpriority="high" บนรูปภาพ การปรับปรุงนี้คาดว่าจะมีผลกระทบมากที่สุดกับไซต์ที่มีรูปภาพครึ่งหน้าบน แต่เนื่องจากรูปภาพเป็นสื่อที่ใช้บ่อยที่สุดบนหน้าเว็บ คุณน่าจะสังเกตเห็นการปรับปรุงประสิทธิภาพจากการปรับปรุงนี้เช่นกัน
   
3. สุดท้าย แต่ไม่ท้ายสุด “ไลโอเนล” ได้แนะนำกลยุทธ์การโหลดสคริปต์ ซึ่งเพิ่มการรองรับสำหรับการโหลดสคริปต์ด้วย defer หรือ async อย่างไรก็ตาม คุณอาจไม่เห็นการปรับปรุงใด ๆ เนื่องจากคอร์ของ WordPress และระบบนิเวศยังไม่ได้ใช้ API

ในขณะที่การปรับปรุงประสิทธิภาพฝั่งเซิร์ฟเวอร์ไม่ได้คำนึงถึงการเพิ่มประสิทธิภาพมากนัก ทีมประสิทธิภาพสามารถ เร่งเวลาตอบสนองของเซิร์ฟเวอร์สำหรับธีมบล็อกได้ถึง 19%

หากคุณสนใจที่จะลงลึกในการอัปเดตประสิทธิภาพทั้งหมด ให้ตรวจสอบเอกสารอย่างเป็นทางการ

จากล้มเหลวในการผ่าน Core Web Vitals ด้วยการคลิกปุ่มเพียงปุ่มเดียว ติดตั้ง NitroPack วันนี้ →

ตัวแก้ไขไซต์ที่ได้รับการปรับปรุง

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

นี่คือการเปรียบเทียบระหว่าง 6.2 และ 6.3:

อย่างที่คุณเห็น การนำทางใหม่ประกอบด้วย:

• การนำทาง
• สไตล์
• หน้า
• เทมเพลต
• รูปแบบ

การนำทาง

การนำทางทำให้คุณสามารถย้ายรายการเมนูขึ้นหรือลง หรือลบออกจากเมนูแบบเลื่อนลง คุณยังสามารถลากและวางรายการเพื่อจัดเรียงเมนูได้อีกด้วย

สไตล์

จากเมนู "สไตล์" คุณสามารถดูตัวเลือกสไตล์ต่างๆ ในโหมดเรียกดูได้ วิธีนี้ทำให้คุณสามารถดูตัวอย่างและเลือกจากสไตล์ที่มีอยู่ แล้วปรับแต่งตามความชอบของคุณ

นอกจากนี้ การคลิกที่ไอคอนรูปตาจะเป็นการเปิด Style Book คุณลักษณะนี้เปิดตัวในเวอร์ชัน 6.2 ช่วยให้คุณสามารถดูตัวอย่างบล็อกที่มีอยู่โดยใช้รูปแบบต่างๆ ได้โดยไม่ต้องออกจากอินเทอร์เฟซของโปรแกรมแก้ไข

หน้า

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

มีอะไรใหม่ ตอนนี้คุณสามารถสร้างหน้าใหม่ได้โดยไม่ต้องออกจากอินเทอร์เฟซของโปรแกรมแก้ไข

เทมเพลต

ในขณะที่หน้าจอเทมเพลตยังคงไม่เปลี่ยนแปลงส่วนใหญ่ WordPress 6.3 ได้เปิดตัวคุณสมบัติใหม่ เมื่อคุณสร้างเทมเพลตใหม่ การซ้อนทับแบบโมดอลใหม่จะปรากฏขึ้น นำเสนอรายการของเพจสำหรับเทมเพลตของคุณ

รูปแบบ

ส่วนรูปแบบเป็นส่วนที่แนะนำการเปลี่ยนแปลงมากที่สุด:

• บล็อกที่ใช้ซ้ำได้เปลี่ยนชื่อเป็นรูปแบบที่ซิงค์แล้ว
• รูปแบบบล็อกปกติมีชื่อว่ารูปแบบที่ไม่ซิงค์
• ประเภทการโพสต์ที่กำหนดเอง wp_block ได้รับการขยายเพื่อรองรับฟิลด์ที่กำหนดเอง และเพิ่มฟิลด์เมตา wp_block_sync_status ใหม่เพื่อเก็บสถานะการซิงค์ของรูปแบบ
• มีการเพิ่มคุณสมบัติแหล่งที่มาในสคีมารูปแบบบล็อกและการตอบสนองเพื่อแยกความแตกต่างของรูปแบบหลักและผู้ใช้
• REST API ได้รับการขยายด้วยแอตทริบิวต์ใหม่

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

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

เมื่อใดก็ตามที่คุณต้องการสร้างรูปแบบใหม่ เพียงกดไอคอน '+' ภายในเมนูรูปแบบ

คุณยังสามารถจัดการรูปแบบที่กำหนดเองของคุณได้โดยคลิกที่ 'จัดการรูปแบบทั้งหมดของฉัน' ในแถบด้านข้าง

จานคำสั่ง

Command Palette เป็นคุณสมบัติใหม่ที่ออกแบบมาเพื่อปรับปรุงการทำงานที่ใช้บ่อยของคุณ เช่น การนำทางไปยังหน้าต่างๆ หรือเทมเพลตในเอดิเตอร์ ผ่านคำสั่งเฉพาะ

ภายใน Site Editor ให้คลิกสัญลักษณ์เลนส์หรือกด cmd + k (หรือ ctrl + k สำหรับผู้ใช้ Windows และ Linux) เพื่อเปิดใช้งาน Command Palette

ขณะที่คุณพิมพ์คำสั่ง Command Palette จะแนะนำคำสั่งต่างๆ ให้คุณเลือก วิธีนี้ทำให้คุณสามารถทำงานทั่วไปและเข้าถึงส่วนต่างๆ ของ Site Editor ได้เร็วขึ้น

ฟังก์ชั่นการแก้ไขสไตล์ใหม่

WordPress ทำให้การย้อนกลับการแก้ไขในโพสต์และเพจเป็นเรื่องง่ายสุด ๆ ผ่านเครื่องมือที่เรียกว่า Revisions

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

หากต้องการใช้สิ่งนี้ ให้เลือกสไตล์หรือบล็อกในแผงสไตล์ที่คุณต้องการแก้ไข คลิกตัวเลือก 'การแก้ไข' แล้วเลือก 'ประวัติการแก้ไข'

การปรับปรุงนักพัฒนา

เช่นเดียวกับรุ่นใหญ่อื่นๆ WordPress 6.3 นำการเปลี่ยนแปลงและการปรับปรุงมากมายสำหรับนักพัฒนา

นี่คือไฮไลท์บางส่วน:

เลิกสนับสนุน PHP 5

เริ่มต้นด้วย WordPress 6.3 จะไม่รองรับ PHP 5 อีกต่อไป เวอร์ชันใหม่ขั้นต่ำที่รองรับคือ PHP 7.0.0 เวอร์ชันที่แนะนำของ PHP คือ 7.4 หรือสูงกว่านี่เป็นสิ่งสำคัญไม่เพียงแต่สำหรับนักพัฒนาเท่านั้น แต่สำหรับผู้ใช้ WordPress ทุกคน เนื่องจากการใช้เวอร์ชันเก่าอาจทำให้ไซต์ของคุณเสี่ยงต่อการถูกละเมิดความปลอดภัย

โหมดการพัฒนา

WordPress 6.3 นำเสนอแนวคิดใหม่ที่เรียกว่า "โหมดการพัฒนา" ซึ่งจะส่งผลต่อพฤติกรรมบางอย่างของ WordPress จากนี้ไป เว็บไซต์สามารถตั้งค่าโหมดการพัฒนาผ่านค่าคงที่ WP_DEVELOPMENT_MODE ที่เพิ่งเปิดตัว ขอแนะนำให้ใช้สิ่งนี้กับไซต์ที่มุ่งเน้นการพัฒนาทั้งหมด

นี่คือค่าที่เป็นไปได้บางส่วนสำหรับ WP_DEVELOPMENT_MODE ได้แก่:

• “หลัก” ระบุว่าไซต์นี้ใช้เป็นสภาพแวดล้อมการพัฒนาหลักของ WordPress ตัวอย่างเช่น สิ่งนี้อาจเกี่ยวข้องเมื่อคุณมีส่วนร่วมกับ WordPress core โดยตรง
• “ปลั๊กอิน” ระบุว่าไซต์นี้ใช้เป็นสภาพแวดล้อมการพัฒนาปลั๊กอิน WordPress ตัวอย่างเช่น สิ่งนี้อาจเกี่ยวข้องเมื่อคุณทำงานกับปลั๊กอินสำหรับที่เก็บปลั๊กอิน
• “ธีม” ระบุว่าไซต์นี้ใช้เป็นสภาพแวดล้อมการพัฒนาธีม WordPress ตัวอย่างเช่น สิ่งนี้อาจเกี่ยวข้องเมื่อคุณกำลังทำงานกับธีมสำหรับที่เก็บธีม
• “ทั้งหมด” ระบุว่าไซต์นี้ใช้เป็นสภาพแวดล้อมการพัฒนา WordPress ซึ่งทั้งสามด้านอาจมีการปรับเปลี่ยน ตัวอย่างเช่น สิ่งนี้อาจเกี่ยวข้องเมื่อคุณทำงานบนไซต์ใดไซต์หนึ่งโดยรวม เช่น สำหรับลูกค้า
• สตริงว่างระบุว่าไม่ได้เปิดใช้งานโหมดการพัฒนาเฉพาะสำหรับไซต์นี้ นี่เป็นค่าเริ่มต้นและควรใช้กับไซต์ที่ไม่ได้ใช้สำหรับการพัฒนา

การเปลี่ยนแปลงที่โดดเด่นอื่นๆ ของผู้พัฒนาที่นำมาใช้กับ "ไลโอเนล" ได้แก่:

• ขณะนี้ผู้พัฒนาธีมสามารถใช้คุณสมบัติ template_types เพื่อกำหนดประเภทเทมเพลตอย่างน้อยหนึ่งประเภทเมื่อลงทะเบียนรูปแบบเทมเพลต
• ฟังก์ชัน get_pages() ได้รับการอัปเดตและตอนนี้ใช้ WP_Query ภายใน
• คลาส WP_User_Query ได้รับการปรับปรุงโดยการใช้การแคชแบบสอบถาม
• มีการปรับปรุงหลายอย่างใน Cache API
• Block Selectors API ใหม่อนุญาตให้กำหนดค่าตัวเลือก CSS หลายตัวสำหรับบล็อกเพื่อใช้ในรูปแบบส่วนกลาง
• ไอคอนโซเชียลที่ใช้สีจะอัปเดตแบบไดนามิกตาม theme.json และ Global Styles
  

สรุป

นี่ไม่ใช่รายการการปรับปรุงทั้งหมดที่แนะนำในการอัปเดต WordPress ล่าสุด

มีฟีเจอร์ใหม่อีกมากมายที่รวมอยู่ในบทความบล็อกประกาศ เช่น:

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

ทั้งหมดนี้เป็นเหตุผลที่สมบูรณ์แบบในการดาวน์โหลด WordPress 6.3

อย่าลืมสำรองข้อมูลเว็บไซต์ของคุณไว้ล่วงหน้า และเช่นเคย หากคุณต้องการส่ง Core Web Vitals และเพิ่มประสิทธิภาพของเว็บไซต์ ให้ติดตั้ง NitroPack

เพิ่มความเร็วไซต์ WordPress ของคุณโดยอัตโนมัติ รับ NitroPack วันนี้ →

ที่มาของภาพ: Kinsta