ในที่สุดธีม Hello ของค่าย Elementor ก็ออกเวอร์ชั่นใหม่ส่งท้ายปี เน้นปรับปรุงประสิทธิภาพ การ Optimize เพิ่มความไวยิ่งกว่าเวอร์ชั่นที่แล้ว ใครใช้อยู่แล้วมาอ่านรายละเอียดในเวอร์ชั่นนี้กันได้เลย รับรองโดนใจแน่นอน
ทำความรู้จัก Hello Theme
Hello Elementor เป็นธีม WordPress ที่มีน้ำหนักเบาและเรียบง่ายผลิตโดยผู้สร้างปลั๊กอิน Elementor โดยตรง แจกให้ใช้งานได้ฟรี สร้างขึ้นเพื่อให้ทำงานได้อย่างราบรื่นกับปลั๊กอิน Elementor โดยเฉพาะ ออกแบบมาสำหรับผู้ใช้ที่ต้องการเว็บไซต์ที่ยืดหยุ่น ใช้งานง่ายและปรับแต่งได้ ธีมนี้ถูกจัดทำมาเพื่อเน้นประสิทธิภาพและรากฐานที่มั่นคงสำหรับการออกแบบเว็บ ใช้คู่กับ Elementor ที่เป็น Page Builder แนว Drag and Drop มีความเรียบง่ายและความยืดหยุ่นทำให้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับทั้งผู้เริ่มต้นและผู้สร้างเว็บที่มีประสบการณ์ ปัจจุบันมียอด Active ติดตั้ง เกิน 1 ล้านครั้ง มี Rating จากคนโหวตสูงถึง 4.5 ดาว (เต็ม 5) เลยทีเดียว
Hello Theme 3.0
เดิมทีธีม Hello มีน้ำหนักเบาและเรียบง่ายอยู่แล้ว พวกไฟล์ minified CSS แบบย่อที่โหลดบน Frontend ของเว็บไซต์ยังมีการปรับให้เล็กลงอีก ในเวอร์ชัน 2.7 ที่เปิดตัวในเดือนมีนาคม 2023 ขนาดไฟล์โดยรวมของ CSS ลดลง 17% จาก 21kb เหลือ 18kb ด้วยการปรับการตั้งค่าเล็กน้อย มาถึงเวอร์ชัน 3.0 มีตัวเลือกในการลดขนาด ไฟล์ CSS ที่โหลดเพิ่มเติมอีก 40% เท่ากับเหลือเพียง 10kb เท่านั้น ว้าวสิครับ!
นอกจากนี้สิ่งที่หลายคนรอคอย ธีมไม่ต้องใช้ jQuery อีกต่อไปแล้วครับ เวอร์ชันนี้ JS จะไม่โหลดเมื่อปิดใช้งานฟีเจอร์บางอย่างของธีม
การตั้งค่าธีมใหม่ – ปิดใช้งาน Cross-Site Header & Footer
หน้า “การตั้งค่าธีม” จะมีตัวเลือกใหม่ที่ช่วยให้คุณสามารถเอาส่วนของ Header และ Footerของธีมออกได้ ซึ่งปกติจะเปิดใช้งานตามค่าเริ่มต้นในทุกเว็บไซต์ การปิดใช้งาน Featureนี้จะป้องกันไม่ให้ธีมโหลด HTML markup และไฟล์ CSS ที่เกี่ยวข้องกับฟังก์ชันส่วน Header และ Footer
Cross-Site Header & Footerคืออะไร
Hello Theme จะมีฟังก์ชันของ Header และ Footer ขั้นพื้นฐานมาให้สำหรับเว็บไซต์ทั่วไปซึ่งจะมีประโยชน์เรื่องน้ำหนักเบา Header ช่วยให้เราสามารถเพิ่มโลโก้ของเว็บ สโลแกน เมนู ส่วน Footer ก็สามารถใส่พวกโลโก้ เมนู และข้อความลิขสิทธิ์ เป็นต้น
ถ้าเราใช้ “Elementor Pro” Page Builder เราสามารถออกแบบ Layout ของ Header หรือ Footer ที่ไม่ซ้ำใครได้ด้วย Theme Builder แต่ถ้าเป็นเว็บที่ใช้ Elementor เวอร์ชันฟรี จะมีเพียงฟังก์ชัน Headerและ Footer มาพร้อมกับธีม ทีนี้ถ้าถามว่าเมื่อใดเราจึงควรปิดฟีเจอร์ Header และ Footer นี้ คำตอบคือ…ถ้าคุณใช้ Elementor เวอร์ชั่น Pro และใช้ Theme builder สร้างส่วนนี้เองอยู่แล้ว ให้ปิดการใช้งานตรงนี้ได้เลยครับ
การปรับปรุงประสิทธิภาพ – ลดการใช้ CSS ที่ไม่ได้ใช้ให้น้อยลง
เวอร์ชั่น 3 จะใช้การแบ่งไฟล์ CSSให้มีขนาดเล็กลง เน้นเฉพาะที่ใช้มากขึ้นและจัดการได้ ซึ่งช่วยให้ผู้สร้างเว็บสามารถสร้างเว็บไซต์ที่มีประสิทธิภาพมากขึ้นได้ การโหลดสไตล์เฉพาะฟีเจอร์ที่ใช้งานอยู่จะทำให้ไซต์โหลดทรัพยากรน้อยลง ปรับปรุงการเรื่องการผลวัด “CSS ที่ไม่ได้ใช้” (unused CSS) ทำงานเร็วขึ้นและปรับปรุงประสิทธิภาพโดยรวมของเว็บ
Style Sheets
Hello Theme เป็นธีม WordPress ที่มีน้ำหนักเบา เดิมโหลด stylesheets เพียง 2 สไตล์ที่มีน้ำหนักเพียง 18kb style.min.css (6kb) มี CSS reset rules และ theme.min.css (12kb) ซึ่งรวมถึง stylesheets ของ WordPress ทั่วไป และ Style ของHeader และ Footer
แต่ในเวอร์ชันนี้ ไฟล์ theme.min.css ถูกแยกออก สไตล์ที่รับผิดชอบในการออกแบบส่วน Header และ Footer ได้ถูกย้ายไปยังไฟล์ใหม่ ขนาดรวมของ stylesheets รวมกันไม่มีการเปลี่ยนแปลง (18kb) แต่มีไฟล์ CSS แยกเป็น 3 ไฟล์ ได้แก่ style.min.css (6kb), theme.min.css (5kb) และ header-footer.min.css (7kb)
ไฟล์ style.min.css และ theme.min.css จะโหลดอยู่ในทุกหน้าเสมอ ส่วนไฟล์ header-footer.min.css ถูกโหลดแบบมีเงื่อนไข ถ้าเราปิดการใช้งาน Header และ Footer ของธีม CSS ส่วนนี้จะไม่ถูกโหลดครับ
ก่อนหน้านี้เมื่อเว็บไซต์ไม่ได้ใช้ฟังก์ชัน Header และ Footerของธีม สไตล์ต่างๆ จะยังคงโหลดต่อไป เนื่องจากเป็นส่วนหนึ่งของ theme.min.css ทำให้เพิ่ม CSS ที่เราไม่ได้ใช้ไปโดยเปล่าประโยชน์ ทำให้ส่งผลเสียต่อประสิทธิภาพโดยรวมของไซต์
เวอร์ชัน 3 เมื่อเราปิดใช้งาน ฟังก์ชัน Headerและ Footer ของธีมแล้ว สไตล์จะไม่โหลดเนื่องจากอยู่ในไฟล์ header-footer.min.css ที่แยกต่างหาก การโหลดแบบมีเงื่อนไขนี้ทำให้การปรับปรุงประสิทธิภาพโดยรวมของไซต์ดีขึ้น และลดขนาดรวมของไฟล์ CSS ที่โหลดลง 40% จาก 18kb เหลือเพียง 10kb!!
การปรับปรุงประสิทธิภาพ JavaScript
มาถึงเรื่อง JavaScript ที่โหลดใน Frontend ครับ ตอนนี้ได้รับการเขียนใหม่ สคริปต์จะถูกโหลดตามเงื่อนไขเฉพาะเมื่อมีการใช้งานฟังก์ชัน Headerและ Footerเท่านั้น นอกจากนี้โค้ด JavaScript ที่เขียนใหม่จะไม่ใช้ jQuery อีกต่อไป มีการนำพวกการเรียกใช้ใน external libraryออก
ฟังก์ชันการทำงานของธีมใน Frontend ที่ถูกโหลดในไฟล์ hello-frontend.min.js ปกติไฟล์นี้จะโหลดในทุกหน้า แต่ในเวอร์ชันนี้ถูกเขียนใหม่จะจัดการเฉพาะฟังก์ชัน Header และ Footer เท่านั้น เมื่อเราปิดใช้งานHeaderและ Footerของธีมจากหน้า Theme Setting ไฟล์ JS นี้จะไม่ถูกโหลดอีกต่อไป ซึ่งจะช่วยปรับปรุงประสิทธิภาพของเว็บไซต์
ลบ jQuery ออก
อันนี้จัดว่าเด็ดดวงไม่แพ้กัน Hello Theme 3.0.0 ไม่ขึ้นอยู่กับ jQuery อีกต่อไป โค้ด JavaScript ทั้งหมดที่เขียนโดยใช้ jQuery ได้รับการเขียนใหม่ด้วย Vanilla JavaScript ทั้งในส่วนของ Admin และ Frontend
ธีมมีน้ำหนักเบายิ่งขึ้นเมื่อเทียบกับเวอร์ชันก่อนหน้า เนื่องจากไม่ต้องอาศัยไลบรารี JS อื่นอีกต่อไป และใช้ทรัพยากรน้อยลงในการดำเนินการ ตอนนี้นักพัฒนาเว็บสามารถเพิ่มประสิทธิภาพเว็บไซต์ของเราเพิ่มเติมได้โดยการยกเลิกการเชื่อมต่อกับ jQuery ซึ่งได้พื้นที่คืนมาอีก 60kb สิ่งนี้เป็นไปไม่ได้เลยในเวอร์ชันก่อนๆ
หมายเหตุ: ถ้าเว็บยังมีการโหลด jQuery ใน Hello 3.0 อยู่ ให้สันนิษฐานว่าอาจเป็นเพราะปลั๊กอินโหลด ไม่ใช่ธีม Hello ครับ
ความต้องการของเวอร์ชัน PHP
สำหรับเวอร์ชั่น PHP ธีม Hello ค่อยๆ เปลี่ยนแปลงอย่างค่อยเป็นค่อยไปนะครับ
– Hello Theme 2.8.0 ไม่รองรับ PHP 5.x และตั้งค่าเวอร์ชันขั้นต่ำที่ต้องการใหม่เป็น PHP 7.0
– Hello Theme 3.0.0 เลิกรองรับ PHP 7.0, 7.1 และ 7.2 และกำหนดข้อกำหนดขั้นต่ำใหม่เป็น PHP 7.3
– ปี 2024 ธีมนี้จะรองรับ PHP 7.4 และ PHP 8.x
การใช้เทคโนโลยีล่าสุดบนเว็บไซต์มีความสำคัญต่อความปลอดภัยและประสิทธิภาพ ดังนั้นเราขอแนะนำให้ผู้ใช้อัปเดตเวอร์ชั่น PHP บนเซิร์ฟเวอร์เพื่อทำให้เว็บไซต์ของตนเร็วขึ้นและปลอดภัยยิ่งขึ้นครับ
การแปลเป็นภาษา
Hello Elementor เป็นธีมสากลและมีให้บริการในกว่า 60 ภาษา ซึ่งทาง Elementor ได้พยายามเพิ่มการแปลให้รองรับภาษาโดยการแปลธีมเป็นภาษาใหม่ที่ไม่เคยมีมาก่อน ตอนนี้ก็กำลังมองหาเจ้าของภาษาอื่นๆ เช่น สโลวัก กรีก เวียดนาม โครเอเชีย แอลเบเนีย มาเลย์ แอฟริกา บัลแกเรีย เกาหลี ปันจาบ รวมถึงภาษาไทยของเราด้วยครับ ถ้าเพื่อนๆ คนไหนสนใจอยากมีส่วนร่วมในการปรับปรุงประสบการณ์สำหรับภาษาท้องถิ่นให้ไปที่เว็บ Translate.wordpress.org และส่งคำแปลของคุณ ทางนั้นได้สร้างคำแนะนำสั้นๆ ที่อธิบายวิธีการแปลสำหรับปลั๊กอิน Elementor ซึ่งใช้ได้กับธีม Hello เช่นกัน
สรุป
ธีม Hello Elementor เป็นธีมยอดนิยมใน WordPress มีน้ำหนักเบาและเรียบง่ายพร้อมประสิทธิภาพที่ยอดเยี่ยม ธีมได้เพิ่มตัวเลือกบางอย่างเพื่อให้ความสามารถในการปรับแต่งเพิ่มเติม มีการปรับปรุงประสิทธิภาพ และอื่นๆ อีกมากมาย การเปิดตัวเวอร์ชั่น 3นี้ทำให้เว็บไซต์ของคุณมีขนาดเล็กลงและรวดเร็วยิ่งขึ้น อย่าลืมไปอัพเดตฟรีกันนะครับ
Related Posts
