วิธีบีบอัดส่วนประกอบด้วย GZIP WP Rocket
เผยแพร่แล้ว: 2022-01-02"โพสต์นี้มีลิงค์พันธมิตร ซึ่งหมายความว่าเราได้รับค่าคอมมิชชั่นหากคุณซื้อสินค้าผ่านลิงก์ในหน้านี้"
หากคุณบล็อกบน WordPress วิธีที่ง่ายที่สุดวิธีหนึ่งในการเร่งความเร็วหน้าเว็บ เพิ่มประสิทธิภาพการทำงาน และเพิ่มประสบการณ์ผู้ใช้คือการใช้ปลั๊กอินเพื่อบีบอัดส่วนประกอบด้วย GZIP
เมื่อคุณเปิดใช้งานการบีบอัดข้อความบนเซิร์ฟเวอร์ของคุณ ทรัพยากรแบบข้อความ เช่น ไฟล์ CSS, HTML, JS จะถูกบีบอัดขนาดเป็น kb วิธีนี้จะช่วยปรับปรุงความเร็วของหน้าได้โดยตรง เนื่องจากขนาดไฟล์ที่เล็กลง การโหลดหน้าจะเร็วขึ้น
ในบรรดาปลั๊กอินการเพิ่มประสิทธิภาพ WordPress หลายร้อยรายการ WP Rocket เป็นปลั๊กอินแคช WordPress ที่ทันสมัย เชื่อถือได้ และติดตั้งมากที่สุด
ในบทความนี้ เราจะมาดูกันว่า WP Rocket ใช้เพื่อบีบอัดส่วนประกอบด้วย GZIP อย่างไร
ปัจจุบันมีการใช้ปลั๊กอินเพิ่มประสิทธิภาพและความเร็วในบล็อกมากกว่า 2 ล้านบล็อก
WP Rocket ใช้หลายวิธีในการเพิ่มประสิทธิภาพไซต์ของคุณ เพิ่มประสิทธิภาพความเร็วหน้าเว็บ และปรับปรุงประสบการณ์ผู้ใช้โดยรวม วิธีหนึ่งคือการบีบอัดไฟล์เว็บไซต์และเนื้อหาโดยใช้ GZIP
GZIP เป็นวิธีที่ได้รับความนิยมในการบีบอัดไฟล์ CSS, HTML และ JS เพื่อเพิ่มความเร็วให้กับกระบวนการจัดส่งไปยังเว็บเบราว์เซอร์ของผู้ใช้
การบีบอัดไฟล์ยังช่วยลดแบนด์วิธและการใช้ข้อมูลบนอุปกรณ์มือถืออีกด้วย
ในยุคของรายงาน Core Web Vital ของ Google การเปิดใช้งาน GZIP สามารถปรับปรุงคะแนนประสิทธิภาพการระบายสีเนื้อหาที่ใหญ่ที่สุดและความล่าช้าของอินพุตแรกได้โดยอัตโนมัติ
แต่อย่าปล่อยให้เราก้าวหน้าเกินไปเพราะคำว่า GZIP อาจฟังดูเป็นเทคนิคเกินไปสำหรับนักการตลาดออนไลน์มือใหม่
เริ่มต้นด้วยการกำหนดว่าการบีบอัด GZIP คืออะไร GZIP ทำงานอย่างไรเพื่อเพิ่มประสิทธิภาพการแสดงเนื้อหา
วิธีบีบอัดส่วนประกอบด้วย GZIP ใน WP Rocket และวิธีตรวจสอบว่าเปิดใช้งานสำหรับไซต์ของคุณหรือไม่ และวิธีเปิดใช้งานการบีบอัด gzip หากไม่ได้เปิดใช้งาน
การบีบอัด GZIP คืออะไร?
GZIP เป็นโปรแกรมซอฟต์แวร์ที่สร้างโดย Jean-loup Gailly และ Mark Adler ใช้สำหรับการบีบอัดไฟล์และคลายการบีบอัด
เผยแพร่ครั้งแรกสู่สาธารณะในวันที่ 31 ตุลาคม I992 ในปี 1993 เวอร์ชัน 1.0 ได้รับการเผยแพร่เป็นการอัปเดตเป็นเวอร์ชันก่อนหน้า 0.1
GZIP เป็นแอปพลิเคชันฝั่งเซิร์ฟเวอร์ ซึ่งหมายความว่าจะต้องเปิดใช้งานบนเซิร์ฟเวอร์โฮสต์เว็บของคุณ เพื่อให้เว็บไซต์ของคุณได้รับประโยชน์ โดยหลักแล้ว GZIP ใช้เพื่อบีบอัดไฟล์โค้ดและข้อความ เช่น ไฟล์ HTML, CSS และ Javascript
หากคุณไม่แน่ใจว่า GZIP เปิดใช้งานบนเซิร์ฟเวอร์โฮสติ้งของคุณหรือไม่ คุณสามารถใช้เครื่องมือเป็น Visiospark เพื่อดูว่า GZIP เปิดใช้งานบนเว็บเซิร์ฟเวอร์ของคุณหรือไม่
นอกจากนี้ GZIP ไม่ใช่เครื่องมือบีบอัดไฟล์เพียงเครื่องมือเดียวที่มีอยู่
มีอัลกอริธึมการบีบอัดอื่นๆ เช่น Brotli ซึ่งบีบอัดไฟล์แบบข้อความได้ดีกว่า GZIP
แต่สิ่งนี้คือ GZIP มีประสิทธิภาพและเร็วกว่าในการบีบอัดและขยายขนาดไฟล์ไปยังแอปพลิเคชันไคลเอนต์
แอปพลิเคชั่นบีบอัดเช่น Brotli ใช้เวลาในการบีบอัดไฟล์มากขึ้น แม้ว่าผลลัพธ์สุดท้ายจะดีกว่า GZIP แต่เวลาที่ใช้ในการดำเนินการให้เสร็จสิ้นนั้นเป็นเรื่องที่ต้องกังวล
แม้ว่า GZIP เป็นแอปพลิเคชั่นที่ได้รับความนิยมและใช้กันมากที่สุดสำหรับการบีบอัดรหัสและไฟล์ข้อความ แต่จะไม่บีบอัดไฟล์รูปภาพ
หากคุณต้องการปรับรูปภาพเว็บไซต์ของคุณให้เหมาะสม มีหลายวิธีในการทำเช่นนั้น คุณสามารถดูคำแนะนำเชิงลึกเกี่ยวกับการเพิ่มประสิทธิภาพรูปภาพ WordPress ได้
GZIP สามารถบรรลุอัตราการบีบอัดระหว่าง 60% - 90% สำหรับไฟล์ Javascript และ CSS ส่วนใหญ่
วิธีที่ WP Rocket บีบอัดส่วนประกอบด้วย GZIP
เป็นที่ยอมรับว่ามีปลั๊กอิน WordPress บีบอัด GZIP จำนวนหนึ่งในปัจจุบัน WP Rocket เป็นโซลูชันแบบคลิกเดียวที่ทำงานได้ทันทีที่แกะกล่อง
ไม่จำเป็นต้องมีความรู้ด้านการเข้ารหัสใดๆ เพื่อตั้งค่า WP Rocket ไม่เหมือนกับคู่แข่งรายอื่นๆ
แม้ว่าปลั๊กอินจะทำงานโดยอัตโนมัติบนเซิร์ฟเวอร์ Apache ผู้ใช้บนเซิร์ฟเวอร์ NGNIX จำเป็นต้องมีวิธีแก้ปัญหาเล็กน้อยเพื่อใช้ WP Rocket กับ GZIP
มาดูกันว่าคุณสมบัติการบีบอัด WP Rocket GZIP ทำงานอย่างไรบนเซิร์ฟเวอร์ทั้งสอง
เซิร์ฟเวอร์ Apache
ปลั๊กอินแคชของ WordPress ส่วนใหญ่มาพร้อมกับการรองรับการบีบอัด GZIP ในตัว หากเว็บไซต์ของคุณอยู่บนเซิร์ฟเวอร์ Apache WP Rocket จะเปิดใช้งานกฎการบีบอัด GZIP ไปยังไฟล์ .htaccess โดยอัตโนมัติ
คุณไม่จำเป็นต้องเปิดใช้งานหรือทำอย่างอื่น WP Rocket ใช้โมดูล mod_deflate บนเซิร์ฟเวอร์ Apache เพื่อใช้กฎโดยอัตโนมัติ
ดังนั้นจึงต้องเปิดใช้งานโมดูล mode_deflate บนเซิร์ฟเวอร์ของคุณ ซึ่งเป็นข้อกำหนดเพียงอย่างเดียวสำหรับเซิร์ฟเวอร์ Apache
หากคุณไม่แน่ใจว่าโมดูล mode_deflate เปิดใช้งานอยู่บนเซิร์ฟเวอร์ของคุณหรือไม่ ให้ถามโฮสต์เว็บของคุณ
หลังจากเปิดใช้งาน GZIP บนเซิร์ฟเวอร์แล้ว WP Rocket จะสร้าง 2 เวอร์ชันสำหรับแต่ละหน้าแคชของเว็บไซต์ของคุณ – ไฟล์ HTML และไฟล์ GZIP-ed
เวอร์ชัน GZIP-ed เป็นเวอร์ชันเริ่มต้นที่ให้บริการแก่ผู้ใช้ ในขณะที่เวอร์ชัน HTML จะเป็นทางเลือกสำรอง เผื่อในกรณีที่คุณไม่รู้
หากต้องการอ่านเพิ่มเติมเกี่ยวกับวิธีที่ WP Rocket บีบอัดส่วนประกอบด้วย GZIP โปรดอ่านเอกสารนี้บนเว็บไซต์ของพวกเขา
เซิร์ฟเวอร์ NGNIX
สำหรับเว็บไซต์บนเซิร์ฟเวอร์ NGNIX เนื่องจาก NGNIX ไม่รองรับไฟล์ .htaccess คุณจะต้องเพิ่มรหัสต่อไปนี้ใน:
/etc/Nginx/Nginx.conf
gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.1; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;การดำเนินการนี้จะเปิดใช้งาน GZIP บนเซิร์ฟเวอร์ NGNIX ของคุณ แต่เพื่อเป็นการป้องกันไว้ก่อน คุณควรตรวจสอบกับโฮสต์เว็บของคุณว่า GZIP เปิดใช้งานแล้วหรือไม่
หรือคุณสามารถอ่านเพิ่มเติมเกี่ยวกับการกำหนดค่า NGNIX ด้วย GZIP ได้จากลูกค้า WP Rocket บน Github
มีหลายวิธีในการทดสอบว่า GZIP เปิดใช้งานบนเว็บเซิร์ฟเวอร์ของคุณหรือไม่ มาดูวิธีการหรือเครื่องมือกันสองสามอย่างกัน
รับความเร็วเพจที่เร็วขึ้นในไม่กี่คลิก
WP Rocket เป็นโซลูชันเพียงคลิกเดียวสำหรับหน้าเว็บไซต์ที่เร็วขึ้น
ไม่จำเป็นต้องมีความรู้ด้านการเข้ารหัส
วิธีตรวจสอบว่ามีการเปิดใช้งานการบีบอัด GZIP บนเว็บไซต์ของคุณหรือไม่
สำหรับโฮสต์เว็บและเบราว์เซอร์จำนวนมาก รองรับการบีบอัด GZIP และคลายการบีบอัดไฟล์เป็นคุณสมบัติเริ่มต้น เบราว์เซอร์สมัยใหม่ส่วนใหญ่สนับสนุนส่วนหัวการตอบสนอง HTTP ที่เข้ารหัสเนื้อหา
ดังนั้น เท่าที่เกี่ยวข้องกับการสนับสนุนเบราว์เซอร์ ก็ไม่ต้องกังวล
สิ่งที่คุณควรกังวลคือโฮสต์เว็บของคุณ โดยเฉพาะอย่างยิ่งหากคุณอยู่บนเซิร์ฟเวอร์ที่ใช้ร่วมกันของโฮสติ้ง
ตามค่าเริ่มต้น โฮสต์เว็บบางแห่งไม่เปิดใช้งานคุณสมบัติการบีบอัด GZIP บนเซิร์ฟเวอร์โฮสติ้งที่ใช้ร่วมกัน คุณจะต้องตรวจสอบกับบริการโฮสต์ของคุณเพื่อเปิดใช้งาน
ต่อไปนี้เป็นวิธีหรือวิธีการตรวจสอบว่า GZIP เปิดใช้งานบนเซิร์ฟเวอร์ของคุณหรือไม่
#1. เครื่องมือตรวจสอบการบีบอัด GZIP
วิธีที่ง่ายที่สุดวิธีหนึ่งในการตรวจสอบว่า GZIP เปิดใช้งานบนเว็บไซต์ของคุณหรือไม่คือการใช้เครื่องมือตรวจสอบการบีบอัด
สำหรับบทความนี้ ฉันใช้เครื่องมือบีบอัด visiospark เพื่อตรวจสอบเว็บไซต์นี้สำหรับการเปิดใช้งาน GZIP
คุณยังสามารถใช้เพื่อทดสอบว่า GZIP เปิดใช้งานบนเว็บไซต์ของคุณหรือไม่
ดังที่คุณเห็นในภาพด้านล่าง หน้าเว็บถูกบีบอัด 79.46%
ข้อดีของเครื่องมือนี้คือมันแสดงจำนวนไฟล์บีบอัดทั้งหมดที่คุณบันทึก นอกจากนี้ยังแสดงขนาดไฟล์ดั้งเดิมและขนาดของไฟล์บีบอัด
#2. ใช้ Google Chrome Dev Tools
คุณยังสามารถใช้เครื่องมือ Google Chrome Dev เพื่อตรวจสอบว่า GZIP เปิดใช้งานสำหรับไซต์ของคุณหรือไม่ ในการตรวจสอบการบีบอัด GZIP ใน Chrome คุณต้องค้นหาส่วนหัว HTTP บนแผงแหล่งที่มาของเครื่องมือ Chrome Dev
คลิกขวาที่หน้าบล็อกของคุณ (ที่ใดก็ได้ในหน้า) แล้วคลิกตรวจสอบจากรายการเมนู
การดำเนินการนี้จะเปิดกล่องโต้ตอบแยกต่างหากซึ่งคุณสามารถดูองค์ประกอบของหน้าได้ คลิกที่แท็บเครือข่ายและเลือก "ส่วนหัว" จากเมนูการนำทางด้านล่าง
โหลดหน้าซ้ำ จากนั้นเลือกคำขอ HTTP จากแผงด้านซ้าย บนแผงด้านขวา ให้มองหาการเข้ารหัสเนื้อหา: gzip
หากมี แสดงว่า GZIP เปิดใช้งานบนเว็บไซต์ของคุณ
#3. ใช้ GTMettrics
GTMetrics เป็นเครื่องมือที่มีประโยชน์สำหรับการทดสอบประสิทธิภาพและความเร็วของเว็บไซต์ของคุณ คุณยังสามารถใช้เพื่อทราบว่าเว็บไซต์ของคุณเปิดใช้งาน GZIP หรือไม่
เมื่อคุณสแกนหน้าเว็บไซต์ของคุณผ่าน GTMetrics โปรแกรมจะส่งคืนรายการคำแนะนำเพื่อปรับปรุงประสิทธิภาพและความเร็ว
ดูรายการคำแนะนำเพื่อดูว่ามี GZIP อยู่หรือไม่
หากไม่มี GZIP บนเซิร์ฟเวอร์ของคุณ GTMetrics จะรายงานปัญหาดังกล่าวท่ามกลางปัญหาสำคัญที่ส่งผลต่อประสิทธิภาพเว็บไซต์ของคุณ
สรุป…บีบอัดส่วนประกอบด้วย GZIP
ด้วยชุดเครื่องมือที่เหมาะสม ประสิทธิภาพของเว็บไซต์ไม่จำเป็นต้องเป็นเทคนิคมากเกินไป ทุกคนที่มีความรู้โดยเฉลี่ยเกี่ยวกับการพัฒนาเว็บควรสามารถปรับปรุงประสิทธิภาพและความเร็วของเว็บไซต์ได้
WP Rocket เป็นโซลูชันอัตโนมัติในคลิกเดียวเพื่อเปิดใช้งาน GZIP บนเซิร์ฟเวอร์ Apache เพิ่มประสิทธิภาพและปรับปรุงความเร็วของหน้า
นอกจากนี้ WP Rocket จะย่อขนาดและรวมไฟล์ CSS และ Javascript เพื่อทำให้หน้าเว็บไซต์ของคุณเบาลงและปรับปรุงเวลาในการโหลดหน้า