Brotli vs Gzip: การบีบอัดใดดีกว่าสำหรับ WordPress?

เผยแพร่แล้ว: 2022-08-18

Brotli vs Gzip การบีบอัดใดดีกว่าสำหรับ WordPress การบีบอัด Brotli กับ Gzip? ค้นหาว่าเครื่องมือบีบอัดใดดีกว่า

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

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

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

สารบัญ:

  • การบีบอัดข้อมูลคืออะไร?
  • การบีบอัด Brotli กับ Gzip – พื้นฐาน
    • การบีบอัด Gzip
    • การบีบอัด Brotli
  • การทดสอบเกณฑ์มาตรฐานสำหรับการบีบอัด Brotli และ Gzip
  • วิธีทดสอบเว็บไซต์ของคุณสำหรับ Brotli และ Gzip
  • เปิดใช้งานการบีบอัด Brotli ใน WordPress
  • บทสรุป

การบีบอัดข้อมูลคืออะไร?

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

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

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

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

การบีบอัด Brotli กับ Gzip – พื้นฐาน

ต่อไปนี้คือข้อมูลเบื้องต้นเกี่ยวกับเครื่องมือบีบอัดทั้งสองแบบ

การบีบอัด Gzip

Gzip เป็นซอฟต์แวร์บีบอัดที่ใช้เพื่อลดขนาดไฟล์เว็บ ซอฟต์แวร์นี้เปิดตัวเมื่อวันที่ 31 ตุลาคม 1992 และใช้อัลกอริธึม DEFLATE รูปแบบนี้จะตรวจจับและลบอักขระที่ซ้ำกันออกจากไฟล์เว็บ เป็นการบีบอัดข้อมูลแบบไม่สูญเสียข้อมูลที่รวมอัลกอริธึม LZ77 และอัลกอริธึมการเข้ารหัส Huffman

อัลกอริธึม LZ77 ทำงานโดยการตรวจจับข้อมูลที่ซ้ำกัน และแทนที่ด้วยทูเพิลเพื่อบีบอัดข้อมูลดิบ ในการบีบอัดข้อมูลเพิ่มเติม อัลกอริธึมการเข้ารหัส Huffman จะกำหนดอักขระที่เกิดซ้ำโดยมีจำนวนบิตน้อยที่สุด จากนั้นอักขระที่หายาก/ไม่ซ้ำกันจะมีจำนวนบิตสูงสุด

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

การบีบอัด Brotli

นี่เป็นอัลกอริธึมการบีบอัดข้อมูลยอดนิยมอีกวิธีหนึ่ง Brotli ก่อตั้งขึ้นในปี 2556 โดยวิศวกรซอฟต์แวร์ใน Google และกำลังกลายเป็นวิธีการบีบอัดข้อมูลที่ใช้กันอย่างแพร่หลายทั่วโลกอย่างรวดเร็ว ไม่แปลกใจเลย ต่างจาก Gzip ตรงที่ Brotli ได้รับการออกแบบมาเพื่อบีบอัดสตรีม ทำให้เป็นตัวเลือกที่ดีกว่าสำหรับเว็บเซิร์ฟเวอร์

นอกจากนี้ Brotli ยังใช้งานได้ทั่วไปและไม่มีการสูญเสีย ส่งผลให้สามารถบีบอัดไฟล์ประเภทใดก็ได้อย่างมีประสิทธิภาพโดยไม่สูญเสียข้อมูลใดๆ Brotli มาพร้อมกับการสนับสนุนที่หลากหลายและใช้งานได้ฟรี

การทดสอบเกณฑ์มาตรฐาน – การบีบอัด Brotli กับ Gzip

นี่คือคำถามใหญ่: ไหนดีกว่า Brotli หรือ Gzip ในการตอบคำถามนี้ คุณควรเข้าใจว่าการบีบอัดเกิดจากอะไร ซึ่งเป็นอัตราส่วนและความเร็ว

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

การทดสอบการบีบอัด Gzip

Gzip สามารถลดไฟล์เว็บไซต์ได้มากถึง 80% อัตรานี้น่าประทับใจ แต่เครื่องมืออื่นๆ เช่น Brotli มีอัตราการบีบอัดที่ดีกว่า การเปรียบเทียบ Brotli กับ Gzip เปิดเผยผลลัพธ์ต่อไปนี้:

  • ไฟล์ HTML ที่เล็กกว่า Gzip . 21%
  • ไฟล์ CSS ที่เล็กกว่า Gzip . 17%
  • ไฟล์ JavaScript เล็กกว่า Gzip . 14%

การทดสอบการบีบอัด Brotli

คุณอาจจะอยากสรุปว่า Brotli ดีกว่าจากข้อมูลนี้ ในขณะที่ Brotli บีบอัดได้ดีกว่า แต่ก็มีค่าใช้จ่าย Brotli ใช้เวลาในการบีบอัดนานกว่า Gzip และความเร็วก็เป็นตัวชี้วัดที่สำคัญเช่นกัน

แม้ว่า Brotli จะมีอัตราการบีบอัดที่ดีกว่า แต่ Gzip ก็เป็นผู้นำในด้านความเร็วการบีบอัด

นอกจากนี้ เครื่องมือบีบอัดทั้งสองยังมีระดับการบีบอัดที่แตกต่างกัน ระดับส่งผลโดยตรงต่ออัตราส่วนการอัดและความเร็ว

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

ในแง่ของความนิยมและจำนวนผู้ใช้ Gzip อยู่ในอันดับต้น ๆ Brotli ถูกสร้างขึ้นในปี 2013 เท่านั้น ในขณะที่ Gzip มีมาตั้งแต่ปี 1992 แม้ว่า Brotli จะค่อนข้างใหม่ แต่ก็มีการเติบโตอย่างรวดเร็วและกลายเป็นมาตรฐานสำหรับผู้ให้บริการโฮสติ้ง

วิธีทดสอบเว็บไซต์ของคุณสำหรับการบีบอัด Brotli และ Gzip

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

ใช้เครื่องมือออนไลน์

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

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

การทดสอบการบีบอัด Gzip กับ Brotli สำหรับเว็บไซต์ของคุณ

การใช้เครื่องมือสำหรับนักพัฒนาเบราว์เซอร์ของคุณ – Brotli vs Gzip

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

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

คลิกขวาที่ใดก็ได้แล้วเลือกตรวจสอบ

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

แท็บเครือข่ายบนเมนูนักพัฒนา

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

การบีบอัด brotli กับ gzip

มิฉะนั้น หากคุณเห็น "gzip" แสดงว่าการบีบอัด Gzip ทำงานอยู่บนไซต์ของคุณ

gzip เทียบกับการบีบอัด brotli

เปิดใช้งานการบีบอัด Brotli หรือ Gzip บนเว็บไซต์ WordPress

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

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

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

ใช้ปลั๊กอินแคช WordPress

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

สำหรับบทช่วยสอนนี้ เราจะใช้ปลั๊กอิน W3 Total Cache ในการติดตั้งปลั๊กอินนี้ ให้ไปที่ Plugins >> Add new . บนแถบค้นหา ให้พิมพ์ชื่อปลั๊กอิน จากนั้นคลิก ติดตั้ง ทันที ถัดจากชื่อปลั๊กอิน ปุ่มจะเปลี่ยนเป็น "เปิดใช้งาน" หลังจากการติดตั้งเสร็จสิ้น คลิกเพื่อเปิดใช้งานปลั๊กอิน คุณสามารถอ่านบทความของเราเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress

เพิ่มหน้าปลั๊กอินใหม่ - brotli vs gzip

เมื่อติดตั้งแล้ว ให้ไปที่ Performance >> Browser Cache เพื่อเปิดหน้าการตั้งค่าของปลั๊กอิน

ประสิทธิภาพ >> แคชเบราว์เซอร์ในการตั้งค่าปลั๊กอิน

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

เลือกอัลกอริธึมการบีบอัดที่ต้องการ - brotli หรือ gzip

หลังจากนั้น ให้เลื่อนลงมาและคลิกที่ บันทึกการตั้งค่าทั้งหมด & ล้างแคช

บันทึกการตั้งค่า & ล้างแคช - brotli vs gzip

ในทำนองเดียวกัน ไฟล์ CSS & JS, HTML & XML และ Media ก็ควรตั้งค่าให้บีบอัดด้วยเช่นกัน

เลือกอัลกอริธึมการบีบอัด

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

รองรับโฮสต์เว็บ

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

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

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

เปิด Brotli จาก Cloudflare - brotli vs gzip

ตอนนี้เว็บไซต์ WordPress ของคุณจะใช้ Brotli เพื่อจัดการการบีบอัด

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

บทสรุป – Brotli vs Gzip

ในที่สุด การบีบอัดจะช่วยให้ไซต์ WordPress ของคุณโหลดเร็วขึ้นเพราะลดขนาดไฟล์ ทั้ง Gzip และ Brotli ช่วยบีบอัดไฟล์ในเว็บไซต์ของคุณ

แม้ว่า Gzip จะเก่ากว่าและเป็นที่รู้จักกันดี แต่ Brotli บีบอัดได้ดีกว่า อย่างไรก็ตาม ยังต้องใช้เวลาในการบีบอัดมากกว่า Gzip อีกเล็กน้อย ถึงกระนั้น Brotli ก็ทันสมัยกว่าและมักจะให้ผลลัพธ์ที่ดีกว่า

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

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