ปลั๊กอินแบบลีนและน้ำหนักเบาสำหรับ WordPress

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

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

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

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

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

ผู้สร้างเพจ

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

จุดขายที่สำคัญคือรหัสสะอาดที่ส่งออก เมื่อเปรียบเทียบกับผู้สร้างเพจอื่นๆ Elementor โดยเฉพาะ ผู้ใช้จำนวนมากเปลี่ยนเพราะเหตุนี้

ที่เกี่ยวข้อง: https://isotropic.co/elementor-vs-oxygen/

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

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

เมื่อพูดถึงความเร็ว ผู้พัฒนา CSSHero นี้กล่าวว่าดีที่สุด: “จากมุมมองทางเทคนิค CSS Hero จะสร้างและเปิดใช้งาน CSS สไตล์ชีตพิเศษแบบคงที่เพียงรายการเดียวซึ่งจะแทนที่สไตล์ชีตดั้งเดิมของธีมของคุณอย่างหมดจด”

ที่เกี่ยวข้อง: https://isotropic.co/csshero-and-elementor-powerful-custom-css/

ข้อจำกัดความรับผิดชอบ: เราเคยใช้ Beaver มาก่อน แต่ตอนนี้ มีแนวโน้มว่าจะใช้ Oxygen เนื่องจากเรามีขั้นตอนการทำงานที่ยอดเยี่ยม เหตุผลที่มันปรากฏในรายการนี้คือข้อเท็จจริงง่ายๆ ที่มันแสดงโค้ดที่สะอาดอย่างไม่น่าเชื่อ เช่นเดียวกับ Oxygen

จากการทดสอบของ SupaMike นั้น Oxygen โหลด 33KB ในขณะที่ Beaver Builder โหลด 38KBs ของเนื้อหาส่วนหน้า

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

ป๊อปอัพ

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

เพิ่ม JavaScript เพียง 6 kB ในเว็บไซต์ของคุณ

นอกจากนี้ยังมีความยืดหยุ่นและขยายได้มาก คุณสามารถเพิ่มเนื้อหาใดๆ ที่คุณต้องการให้ปรากฏขึ้นได้ เช่น รหัสสั้น, iFrames และอื่นๆ กล่องสามารถแสดงได้ในบางเหตุการณ์ รวมถึงความตั้งใจในการออก (แม้ว่าจะเป็นส่วนเสริมแบบพรีเมียม

แบบฟอร์ม

Piotnet Forms ทำได้ดีมากและเป็นผู้มาใหม่ในกลุ่มปลั๊กอินของแบบฟอร์ม ทางเลือกที่มีประสิทธิภาพมากสำหรับโซลูชันแบบฟอร์มเดิมที่มีอยู่ (คุณมีสิทธิ์เข้าถึงช่องทวน การประมวลผลการชำระเงิน และอื่นๆ) และรวมไว้ใน Elementor เช่น ตัวสร้าง น่าแปลกที่พวกเขาโหลดได้เพียง 11.8KB ที่ส่วนหน้าของเว็บไซต์ของคุณ

อ่านรีวิวของเรา: https://isotropic.co/piotnet-forms-review-better-than-legacy-competitors/

ฉันรู้สึกว่าจำเป็นต้องรวมแบบฟอร์มการติดต่อ 7 ไว้ในรายการนี้ ไม่เพียงแค่เป็นหนึ่งในปลั๊กอินที่ได้รับความนิยมมากที่สุดเท่านั้น แต่ยังเป็นปลั๊กอินที่ใช้งานง่ายสุด ๆ และสามารถขยายได้ มันมาในเนื้อหาส่วนหน้า 15.65KB (ตาม Google ชีตนั้น)

บางสิ่งที่บวมน้อยกว่า Contact Form 7, Lightweight Contact Form ไม่มีสไตล์ชีต CSS, ไม่มีไฟล์พิเศษ และไม่มีโอเวอร์เฮด เป็นเพียงไฟล์เดียว แต่ผสานรวมกับ recaptcha เวอร์ชัน 3 ของ Google ตลอดจนการตรวจสอบฝั่งไคลเอ็นต์ JavaScript และ PHP ฝั่งเซิร์ฟเวอร์

การเพิ่มประสิทธิภาพกลไกค้นหา

Slim SEO นั้นคือ -- เพรียวบาง นี่คือข้อเสนอการขาย* (ก็ฟรี)

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

ปลั๊กอินทั้งหมด มีขนาดเพียง 40KB และครอบคลุม Meta Tags, Redirection, OG, รูปภาพ, สคีมา, แผนผังเว็บไซต์, รหัสส่วนท้ายของส่วนหัว, ฟีด RSS และอื่นๆ

แบ่งปันทางสังคม

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

นั่นคือ ป่า.

การแบ่งปันทางสังคมแบบไม่มีสคริปต์

ต้องการปลั๊กอินแชร์โซเชียลฟรีและเรียบง่ายหรือไม่? Scriptless คือทางออกที่ดีที่สุดของคุณ (หรือข้อมูลโค้ด) - ไม่มี Javascript มีแต่ปุ่มแชร์โซเชียล SVG แบบธรรมดา เลือกตำแหน่งที่จะแทรก วิธีการแสดง และเครือข่ายที่จะแสดง - เท่านี้ก็เรียบร้อย!

GDPR / ความเป็นส่วนตัว

สไลเดอร์

แทบทุกปลั๊กอินตัวเลื่อนออกจะบวมอย่างไม่น่าเชื่อ (ไอ Rev Slider) แต่เราแนะนำให้ใช้ไลบรารี่แบบง่ายที่เรียกว่า Slick แทน (มีโซลูชันอื่นๆ อยู่มากมาย เช่น Flickity)

สำรองข้อมูล

เนื่องจากเราได้รวมปลั๊กอินทุกประเภทที่จำเป็นสำหรับเว็บไซต์ที่ใช้งานจริงแล้ว Updraft ได้ค้นพบวิธีการในบทความนี้ อย่างไรก็ตาม ปลั๊กอินสำรองไม่ส่งผลต่อความเร็วในการโหลดส่วนหน้าของเว็บไซต์จริงๆ และ updraft Pro เป็นทางออกที่ดีที่สุดที่เราพบ

หากคุณกำลังมองหาโซลูชันที่มีน้ำหนักเบาเมื่อต้องการสำรองข้อมูล ให้ใช้โฮสติ้ง Cloudways ซึ่งมาพร้อมกับการสำรองข้อมูลอัตโนมัติ ?

คุณยังสามารถดัมพ์ DB ได้อย่างง่ายดายด้วย WPCLI [wp db export] จากนั้นเก็บถาวรไฟล์เช่นนั้น [tar -vczf yourbackupfilename.gz .]

ความปลอดภัย

ปลั๊กอินความปลอดภัย เช่น WordFence ทำให้ฟอนต์บนไซต์ของคุณช้าลง แต่เป็นสิ่งที่ชั่วร้ายที่จำเป็นอย่างยิ่ง (เว้นแต่คุณจะจ่ายสำหรับแผนธุรกิจ Cloudflare และมีโฮสติ้งที่มีความปลอดภัยสูง)

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

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

การเพิ่มประสิทธิภาพการทำงาน

(ส่วนโปรดของเราคุณบอกไม่ได้เหรอ)

โซลูชันประสิทธิภาพฟรี ง่าย และรวดเร็ว ปลั๊กอินนี้ครอบคลุม CSS/JS, ฐานข้อมูล, และ Image Optimization เช่นเดียวกับการแคช รุ่นโปรมีมากกว่านั้น เช่น โปรแกรมจัดการปลั๊กอิน (คิดว่าเป็นคุณสมบัติหลักของการล้างข้อมูลสินทรัพย์)

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

แน่นอน หากคุณกำลังมองหาบางสิ่งที่เทอะทะ (ควบคุมได้มากขึ้น) คุณอาจต้องการดู W3 Cache หรือ WPRocket แต่สำหรับวิธีแก้ปัญหาง่ายๆ Swift คือตัวเลือกของเรา

ชุดปลั๊กอิน Flying โดย WP Speed ​​Matters คือชุดเครื่องมือที่มีประโยชน์อย่างเหลือเชื่อซึ่งแทบไม่ใช้ความเร็วดิสก์เลย (และเร่งความเร็วในการโหลดส่วนหน้าอย่างแน่นอน - นั่นคือสิ่งที่พวกเขาออกแบบมาเพื่อทำ!)

Flying Scripts โหลดเฉพาะสคริปต์ (ระบุโดยคำหลัก) ในการโต้ตอบกับผู้ใช้ Flying Images ให้คุณเข้าถึง CDN, Lazy Loading, WebP และอื่นๆ ได้ไม่จำกัด Flying Pages โหลดหน้าล่วงหน้าเมื่อผู้ใช้วางเมาส์เหนือลิงก์ ช่วยเพิ่มความเร็วในการรับรู้ ในความคิดของฉัน ปลั๊กอินเหล่านี้ถูกประเมินค่าต่ำที่สุดในที่เก็บ

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

ล้างฐานข้อมูล ซึ่งโดยทั่วไปส่งผลให้ประสบการณ์ แบ็กเอนด์ เร็วขึ้น

การจัดการสคริปต์

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

Code Snippets เป็นวิธีที่ง่าย สะอาด และง่ายในการเรียกใช้ข้อมูลโค้ด PHP บนไซต์ของคุณ คุณไม่จำเป็นต้องเพิ่มตัวอย่างข้อมูลที่กำหนดเองลงในไฟล์ functions.php ของธีมของคุณ ลบปลั๊กอิน ส่วนย่อยทั้งหมดจะถูกลบออกด้วย (ซึ่งเราชอบมาก) ทำงานร่วมกับ Oxygen Builder ได้อย่างลงตัว

เปิดตัวในเดือนกันยายน Advanced Scripts คือ Code Snippets บนสเตียรอยด์ (คิดว่าปลั๊กอินที่รวมเข้ากับ VS Code)

ทำให้ง่ายต่อการเขียนและรวม PHP, CSS และ Javascript คุณยังสามารถเขียนโค้ด SCSS และ LESS ใช้ hook ที่กำหนดเอง และเพิ่มเนื้อหาที่ให้บริการ CDN ได้อย่างรวดเร็ว

เราเพิ่งเริ่มเพิ่มสคริปต์ขั้นสูงลงในไซต์ WordPress ส่วนใหญ่ของเรา เรายินดีเป็นอย่างยิ่งที่ได้ใช้

ยูทิลิตี้อื่นๆ

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

วิธีง่ายๆ ในการสร้างโซนโฆษณาและแทรกโซนโฆษณาลงในเว็บไซต์ WordPress ของคุณ

หากคุณกำลังมองหาวิธีโยกย้ายโพสต์ที่รวดเร็วและง่ายดาย ปลั๊กอินขนาดเล็กพิเศษนี้จะช่วยให้คุณส่งออกโพสต์ในรูปแบบ zip แล้วนำเข้าใหม่อีกครั้งในการติดตั้งใหม่

หากคุณเปิดร้านค้า WooCommerce Booster จะทำให้ชีวิตของคุณ ง่ายขึ้นมาก และมีผลกระทบต่อส่วนหน้าน้อยที่สุด เนื่องจากเป็นชุดของข้อมูลโค้ดที่มีการเปิด/ปิด GUI มีโมดูลมากกว่า 100 ร้อยโมดูล ซึ่งใช้เฉพาะ (โค้ดขั้นต่ำ) กับส่วนหน้าเมื่อสลับ