เพิ่มประสิทธิภาพเว็บไซต์ของคุณใน 5 ขั้นตอนง่ายๆ…ฟรี!

เผยแพร่แล้ว: 2022-03-22

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

หากคุณยังไม่ได้ดาวน์โหลด โปรดดาวน์โหลดปลั๊กอิน Hummingbird ได้ฟรีที่ WordPress.org วันนี้

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

อ่านต่อหรือใช้ลิงก์ด้านล่างเพื่อข้ามไปยังส่วนใดก็ได้:

  • โลภสำหรับความเร็ว
  • Wizard Walkthrough
    • ขั้นตอนที่ 1 – เริ่มต้น
    • ขั้นตอนที่ 2 – การเพิ่มประสิทธิภาพสินทรัพย์
    • ขั้นตอนที่ 3 – เวลาทำงาน
    • ขั้นตอนที่ 4 – การแคชหน้า
    • ขั้นตอนที่ 5 – เครื่องมือขั้นสูง
  • การเพิ่มประสิทธิภาพสูงสุดสำหรับ Win

คุณพร้อมสำหรับเวทมนตร์คาถา Harry Potter-ish นี้หรือไม่?

โลภสำหรับความเร็ว

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

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

ไม่ต้องพูดถึงการเพิ่มขึ้นที่คุณจะได้รับในการจัดอันดับ SEO เพราะความเร็วไซต์ถือเป็นสัญญาณในอัลกอริทึมการจัดอันดับการค้นหาของ Google

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

นอกจากจะเป็นชุดแคชเต็มรูปแบบแล้ว (ซึ่งจัดการเพจ เบราว์เซอร์ Object Gravatar และ RSS) Hummingbird ยังมอบการเพิ่มประสิทธิภาพเนื้อหาระดับสูงอีกด้วย

แบนเนอร์นกฮัมมิ่งเบิร์ด

นี่คือการเพิ่มประสิทธิภาพบางส่วนที่ Hummingbird รวมถึง:

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

การกระทำทั้งหมดเหล่านี้ทำให้เวลาในการโอนลดลงอย่างมาก ซึ่งจะทำให้คุณได้รับความเร็วที่ต้องการ

เอาล่ะ… เวทมนตร์คาถารออยู่! มายกไม้กายสิทธิ์กันเถอะ

Wizard Walkthrough

หากคุณยังไม่ได้ติดตั้ง ให้ติดตั้งและเปิดใช้งาน Hummingbird จากแดชบอร์ด WordPress หรือที่เก็บปลั๊กอิน WP.org หลังจากนั้น วิซาร์ดจะเริ่มต้นโดยอัตโนมัติ

ขั้นตอนที่ 1 – เริ่มต้น

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

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

คลิกปุ่ม เริ่มต้น สีน้ำเงินที่ด้านล่างของหน้า

พ่อมดนกฮัมมิงเบิร์ด 1
Hummingbird Wizard – เริ่มต้นใช้งาน

สิ่งนี้นำเราไปสู่…

ขั้นตอนที่ 2 – การเพิ่มประสิทธิภาพสินทรัพย์

ส่วนนี้เกี่ยวกับการรวมและย่อไฟล์ของคุณ

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

พ่อมดนกฮัมมิงเบิร์ด2
Hummingbird Wizard – การเพิ่มประสิทธิภาพสินทรัพย์

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

พ่อมดนกฮัมมิงเบิร์ด3
กำลังโหลดการเพิ่มประสิทธิภาพสินทรัพย์ของ Hummingbird

ขั้นตอนที่ 3 – เวลาทำงาน

เวลาทำงานเป็นคุณสมบัติ Pro ซึ่งเป็นสาเหตุที่ทำให้เป็นสีเทา/ข้ามไป

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

คุณยังสามารถติดตามได้ว่าไซต์ของคุณหยุดทำงานนานแค่ไหน ครั้งสุดท้ายที่ไซต์ของคุณล่ม และเวลาตอบสนองของเซิร์ฟเวอร์

หากคุณสนใจที่จะเข้าถึงคุณลักษณะนี้ (และสินค้าอีกมากมาย) ให้คลิกที่ปุ่มสีม่วง Try Pro for Free ที่ด้านบนของวิซาร์ด

พ่อมดนกฮัมมิงเบิร์ด4
Hummingbird Wizard – Uptime (เฉพาะรุ่น Pro เท่านั้น)

ขั้นตอนที่ 4 – การแคชหน้า

ในส่วนนี้ คุณสามารถเปิดใช้งานตัวเลือกพื้นฐานของคุณลักษณะการแคชหน้าได้ตั้งแต่หนึ่งตัวเลือกขึ้นไป

ตัวเลือกที่มีอยู่ในวิซาร์ดคือ:

แคชบนอุปกรณ์มือถือ – การแคชหน้าเปิดใช้งานสำหรับอุปกรณ์มือถือโดยค่าเริ่มต้น ปิดการใช้งานหากคุณไม่ต้องการใช้การแคชมือถือ

ล้างแคชในโพสต์ความคิดเห็น – วิธีนี้จะล้างแคชของหน้าหลังจากแสดงความคิดเห็นแต่ละรายการในโพสต์

แคชส่วนหัว HTTP – Hummingbird จะไม่แคชส่วนหัว HTTP เป็นค่าเริ่มต้น หากคุณต้องการรวมไว้ ให้เปิดใช้งานสิ่งนี้ (เราแนะนำให้เปิดใช้งาน)

แสดงปุ่มล้างแคชในแถบผู้ดูแลระบบ – จะเพิ่มปุ่มทางลัดไปยังการตั้งค่า Hummingbird ในแถบผู้ดูแลระบบ WordPress ด้านบน ช่วยให้คุณสามารถ ล้างแคช ได้ด้วยการคลิก (มันจะล้างประเภทแคชที่ใช้งานอยู่ทั้งหมด)

ทั้งหมด เปิด อยู่โดยค่าเริ่มต้น และฉันขอแนะนำให้ปล่อยไว้แบบนี้ (เว้นแต่คุณจะมีเหตุผลที่จะทำอย่างอื่น) คลิกปุ่ม ดำเนิน การต่ออีกครั้งเพื่อยืนยันการเลือกของคุณ

พ่อมดนกฮัมมิงเบิร์ด5
Hummingbird Wizard – Page Caching

ขั้นตอนที่ 5 – เครื่องมือขั้นสูง

ที่นี่ คุณสามารถเปิดใช้งานตัวเลือกขั้นสูงอย่างน้อยหนึ่งตัวเลือกใน Hummingbird

ลบสตริงการสืบค้นออกจากทรัพย์สินของฉัน – วิธีนี้จะลบสตริงการสืบค้นออกจาก URL (เช่น “?x=y”) เนื่องจากเซิร์ฟเวอร์ CDN หรือระบบแคชไม่ชอบสตริงเหล่านี้ และการลบออกจะช่วยเพิ่มความเร็วได้

ลบไฟล์ Emoji JS & CSS เริ่มต้น – การดำเนินการนี้จะลบไฟล์ Javascript & CSS ที่แปลงสัญลักษณ์ทั่วไปเป็นอีโมจิ ปิดใช้งานสิ่งนี้หากคุณไม่สนใจที่จะเห็นอิโมจิที่เป็นภาพ

ฉันปิดอันที่สองเพราะฉันชอบที่จะเห็นอิโมจิในความรุ่งโรจน์ทางศิลปะที่เต็มไปด้วยสีสัน

เลือกตัวเลือกที่ต้องการ แล้วคลิกปุ่ม ดำเนิน การต่อ

พ่อมดนกฮัมมิงเบิร์ด6
Hummingbird Wizard – ตัวเลือกขั้นสูง

แค่นั้นแหละ! เราอยู่ที่เส้นชัยแล้ว

หน้าจอสุดท้ายนี้แสดงสรุปการเลือกทั้งหมดที่เราทำระหว่างวิซาร์ดการตั้งค่านี้

พ่อมดนกฮัมมิงเบิร์ด7
พ่อมดนกฮัมมิงเบิร์ด – สำเร็จ!

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

คุณจะได้รับหน้าต่างแถบความคืบหน้าในการโหลดอีกอันในขณะที่ทำการทดสอบ จากนั้นจะโหลดหน้าแดชบอร์ดหลักของ Hummingbird พร้อมผลการทดสอบทั้งหมดของคุณ

(หรือคุณสามารถข้ามไปข้างหน้าได้โดยคลิกปุ่มไปที่ แดชบอร์ด หากคุณต้องการเรียกใช้การทดสอบในภายหลัง)

พ่อมดนกฮัมมิงเบิร์ด8
แดชบอร์ดของ Hummingbird พร้อมผลการทดสอบ

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

นอกจากนี้ยังมีการผสานการทำงานที่สะดวกเพิ่มเติมใน Hummingbird เช่น APO ของ Cloudflare (บริการชำระเงินผ่าน Cloudflare), CDN ผ่าน WPMU DEV's Hosting (นี่เป็นคุณสมบัติ Pro) และ Lazy Loading with Smush ซึ่งเป็นเครื่องมือเพิ่มประสิทธิภาพรูปภาพที่ได้รับรางวัล (ฟรี) สิ่งเหล่านี้สามารถดู/แก้ไขได้ตลอดเวลาเช่นกัน จากเมนูแดชบอร์ด Hummingbird

การเพิ่มประสิทธิภาพสูงสุดสำหรับ Win

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

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

แม้ว่าความเร็วของเว็บไซต์จะไม่ใช่ทุกอย่าง… ไม่สิ อย่าเพิ่งเลย มันคือ. ความเร็วไซต์ คือ ทุกอย่าง และคุณสามารถรับมันได้มากมายเพียงแค่ใช้ Hummingbird

แข็งแกร่ง ฟรี และเร็วยิ่งขึ้นและง่ายขึ้นด้วยวิซาร์ดการเริ่มต้น Hummingbird จะพาคุณเข้าสู่เลนที่รวดเร็วของเกมความเร็ว!

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