OceanWP 3.0 – ฤดูร้อนนี้มีแต่วานิลลา

ตอนนี้ OceanWP เร็วขึ้น ลื่นขึ้น และเสถียรยิ่งขึ้น! ด้วยรหัสที่ทันสมัยและเชิงวัตถุ มันรันฟังก์ชันอย่างรวดเร็ว โดยใช้ทรัพยากรน้อยกว่ามากและมีการพึ่งพาน้อยกว่ามาก

สำหรับทุกคนที่มีความหวังสูง เราจะมอบไอศกรีมวานิลลาแสนอร่อย ขออภัย! เรากำลังพูดถึง Vanilla JavaScript และ OceanWP 3.0 เวอร์ชัน ใหม่

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

JavaScript คืออะไร?

JavaScript เป็นภาษาส่วนหน้า (การเข้ารหัส/การเขียนโปรแกรม) จุดประสงค์หลักคือเพื่อสร้างเอฟเฟกต์ภาพเคลื่อนไหว โดยเฉพาะในส่วนที่เรียกว่าส่วนที่เคลื่อนไหวได้ เช่น แถบเลื่อนหรือเมนูการนำทางที่ตอบสนอง

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

WordPress และ JavaScript

JavaScript เป็นส่วนหนึ่งของ WordPress CMS

JavaScript มีอยู่ในหลายรูปแบบ จึงไม่น่าแปลกใจที่ WordPress มาพร้อมกับไลบรารี JavaScript จำนวนมาก อย่างไรก็ตาม มันปลอดภัยที่จะบอกว่าสิ่งหลักที่ใช้คือ:

• jquery,
• เจสัน
• ขีดเส้นใต้และ
• กระดูกสันหลัง.

ทำไมเราถึงทำให้คุณเบื่อกับรายละเอียดเหล่านี้?

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

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

เพื่อให้เข้าใจเครื่องมือประเมิน (ออนไลน์) ได้ดีขึ้น จำเป็นต้องมีความรู้ที่จำเป็นเกี่ยวกับฟังก์ชันการทำงานของ WordPress โดยรวม แม้ว่าคุณจะไม่ได้วางแผนที่จะเรียนรู้ภาษาการเขียนโปรแกรมใดๆ หรือเป็นนักพัฒนา WordPress ก็ตาม ข้อมูลนี้จะช่วยคุณในการพิจารณาว่า “รายงาน” จากเครื่องมือเฉพาะนั้นถูกต้องหรือเท็จ ในที่สุด คุณจะรู้ได้ทันทีว่าคุณสามารถทำอะไรกับรายงานได้หรือไม่

ในภาษาอังกฤษธรรมดา จากไลบรารี JavaScript ทั้งหมด jQuery เป็นไลบรารี่ที่ใช้บ่อยที่สุด ไม่เพียงแต่โดย WordPress เองเท่านั้น แต่ยังรวมถึงธีมและปลั๊กอินด้วย

และโดยสรุป คุณไม่สามารถลบ jQuery ออกจากเว็บไซต์ WordPress ได้

jQuery คืออะไร?

คุณแปลกใจไหมที่รู้ว่าจาก เว็บไซต์ชั้นนำกว่า 1 ล้านแห่งบนอินเทอร์เน็ต (ไม่ใช่แค่ไซต์ WordPress) 80% ของพวกเขาใช้ jQuery?

jQuery เป็น ไลบรารี JavaScript ที่ใช้งานง่ายมาก ยืดหยุ่นได้ ขยายได้สูง และ (จากมุมมองของนักพัฒนา)

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 JS เป็นคำที่นิยมใช้สำหรับ JavaScript ธรรมดา

Vanilla JS ต่างจาก jQuery หรือ Underscore 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 ต่อไปนี้ยังได้รับการอัปเกรดเป็นวานิลลาด้วย:

• ตัวเลื่อนโพสต์มหาสมุทร
• โอเชี่ยนสติ๊กอะไรก็ได้,
• หน้าต่างโอเชี่ยนโมดอล,
• การแบ่งปันสังคมมหาสมุทร
• การแบ่งปันผลิตภัณฑ์มหาสมุทร
• ส่วนหัวของมหาสมุทร Sticky,
• ส่วนท้ายของมหาสมุทร Sticky,
• เข้าสู่ระบบป๊อปอัปมหาสมุทร
• โอเชี่ยนวูป๊อปอัป,
• มหาสมุทรเต็มหน้าจอ,
• วิดเจ็ตมหาสมุทร Elementor,
• แผงข้างมหาสมุทร,
• ประกาศเกี่ยวกับคุกกี้มหาสมุทรและ
• ผลงานมหาสมุทร

อัปเดต Ocean Extra 1.7.8 ก็ออกวางจำหน่ายเช่นกัน อย่างไรก็ตาม ปลั๊กอินนี้ไม่มีการเปลี่ยนแปลงใดๆ ของวานิลลา

วิธีเตรียมตัวสำหรับการอัปเดต OceanWP Vanilla JS

นอกจาก OceanWP แล้ว ปลั๊กอินทั้งหมดที่มีเวอร์ชัน Vanilla JS จะถูกปล่อยออกมาในวันเดียวกัน

ลำดับการอัพเดทที่ถูกต้องคือ:

1. อัปเดต OceanWP ผ่าน ลักษณะที่ปรากฏ > ธีม จากนั้น
2. อัปเดตปลั๊กอิน Ocean ทั้งหมด ผ่าน Plugins > Installed Plugins

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

ทดสอบรุ่นใหม่บน localhost หรือ staging website ก่อน

จำไว้ว่า นี่เป็นการปรับปรุงครั้งใหญ่

แนวทางปฏิบัติที่ดีที่สุดคือการทดสอบการเปลี่ยนแปลงใหม่บน localhost สภาพแวดล้อมการทดสอบหรือการแสดงละคร

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

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

ตรวจสอบให้แน่ใจว่าได้สำรองข้อมูลเว็บไซต์ของคุณอย่างถูกต้อง อย่าพึ่งพาการสำรองข้อมูลโฮสติ้งเพียงอย่างเดียว สำรองข้อมูล ด้วยตนเองด้วย และจัดเก็บข้อมูลในที่ปลอดภัย หากคุณกำลังใช้ปลั๊กอิน WordPress Reset (เพื่อไม่ให้สับสนกับการรีเซ็ตฐานข้อมูล WordPress) คุณสามารถสร้างสแน็ปช็อตของเว็บไซต์ได้

สำคัญ: อย่าลืมล้างแคชอย่างถี่ถ้วน หลังจากการอัพเดต หลายครั้งหากจำเป็น เช่นเดียวกับแคช CDN (คลาวด์)

วิธีใช้ Vanilla JS กับ OceanWP

เพื่อ ใช้ประโยชน์จาก Vanilla JS อย่างเต็มที่ สคริปต์ทั้งหมดผ่าน Theme Panel > Scripts & Styles จะต้องเปิดใช้งาน ตลอดเวลา

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

คำอธิบายแบบยาว: ในขณะที่เปิดตัวตัวเลือก Scripts & Styles (ส่วนหนึ่งของปลั๊กอิน Ocean Extra) ทุกคนไม่สามารถเข้าถึงปลั๊กอินการแคชที่ดี (และฟรี) ได้ เมื่อเวลาผ่านไป สถานการณ์เปลี่ยนไป หากคุณกำลังใช้การเพิ่มประสิทธิภาพที่ดีและปลั๊กอินแคช การปิดใช้งานสคริปต์ใดๆ ก็ไม่จำเป็นอย่างยิ่ง

สำคัญ: อย่าลืมล้างแคชอย่างละเอียด หลายครั้งหากจำเป็น เช่นเดียวกับแคช CDN (คลาวด์)

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

ไม่มันจะไม่

นั่นเป็นหนึ่งในเหตุผลหลักที่เราได้เปิดตัว Vanilla JS อย่างไรก็ตาม เราไม่ได้วางแผนที่จะหยุดเพียงแค่นั้น

แม้ว่า เราจะใช้การโหลดสคริปต์แบบมีเงื่อนไขในโค้ดของเรา (โหลดสคริปต์ที่ส่วนหน้าเมื่อจำเป็นเท่านั้น) หลังจากการเปิดตัว Vanilla เราวางแผนที่จะปรับปรุงฟังก์ชันการทำงานนี้ให้ดียิ่งขึ้นไปอีก โดยพื้นฐานแล้ว เราวางแผนที่จะ ทำให้ฟังก์ชันการทำงานก่อนหน้านี้มีให้โดยคุณลักษณะ Scripts & Styles โดยอัตโนมัติ

อะไรต่อไป?

ขั้นตอนต่อไปคือการเพลิดเพลินไปกับประสิทธิภาพที่เพิ่มขึ้นของเว็บไซต์ของคุณ

หากคุณสังเกตเห็นข้อบกพร่องหรือปัญหาใดๆ โปรดให้ข้อเสนอแนะที่ละเอียดและเจาะลึกถึงเราบนหน้า GitHub ของเรา หรือโดยการส่งตั๋วสนับสนุนหรือตั๋วแบบซื้อล่วงหน้า

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

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

ลอส; INR (ยาวหรือสั้นฉันไม่เคยอ่าน):

เรากำลัง เผยแพร่การปรับปรุงที่สำคัญ

ทำการสำรองข้อมูลเว็บไซต์ รวมถึงการสำรองข้อมูลด้วยตนเอง ก่อนอัปเดตปลั๊กอิน OceanWP และ Ocean

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

ในกรณีที่มีปัญหาหรือปัญหาใด ๆ โปรดแจ้งให้เราทราบเกี่ยวกับจุดบกพร่องที่อาจเกิดขึ้นหรือส่งตั๋ว