วิธีเปิดใช้งานการบีบอัด GZIP ใน WordPress

เผยแพร่แล้ว: 2021-07-29

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

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

สารบัญ
1 การบีบอัด GZIP คืออะไร?
2 จะตรวจสอบได้อย่างไรว่าเปิดใช้งานการบีบอัด GZIP หรือไม่
2.1 เครื่องมือสำหรับนักพัฒนาของ Google Chrome
2.2 เครื่องมือออนไลน์
3 วิธีเปิดใช้งานการบีบอัด GZIP ใน WordPress?
3.1 ติดต่อผู้ให้บริการโฮสต์เว็บ
3.2 วิธีปลั๊กอิน
3.3 วิธี HTACCESS (อาปาเช่)
3.4 เปิดใช้งานการบีบอัด GZIP สำหรับ NGINX

การบีบอัด GZIP คืออะไร?

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

เมื่อมีการร้องขอไฟล์บนเบราว์เซอร์ มันจะตรวจสอบว่ามีไฟล์บีบอัดหรือไม่ น่าประหลาดใจที่เบราว์เซอร์ที่ทันสมัยทั้งหมดรองรับการบีบอัด GZIP และจะโหลดไฟล์บีบอัดหากมีอยู่ทันทีที่มีการร้องขอ HTTP บนเบราว์เซอร์ ช่วยประหยัดเวลาสำหรับผู้ใช้และไซต์โหลดเร็วขึ้น

จะตรวจสอบได้อย่างไรว่าเปิดใช้งานการบีบอัด GZIP หรือไม่

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

วิธีที่มีประสิทธิภาพที่สุดในการตรวจสอบสถานะของการบีบอัด GZIP มีดังนี้:

เครื่องมือสำหรับนักพัฒนาของ Google Chrome

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

ก่อนอื่น เปิดไซต์ใน Chrome

เมื่อคุณเปิดไซต์แล้ว ให้เปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์โดย คลิกขวา>ตรวจสอบ หรือ Ctrl+Shift+I

คลิกแท็บ เครือข่าย โหลดหน้าซ้ำและเมื่อคุณพบ URL ของเว็บไซต์ทางด้านซ้าย ให้คลิกที่ URL แล้วเปิดแท็บส่วนหัว ภายใต้ Headers>Response Headers คุณจะสามารถเห็น การเข้ารหัสเนื้อหา: gzip หากเปิดใช้งาน GZIP

เครื่องมือสำหรับนักพัฒนา Chrome -การบีบอัด GZIP
เครื่องมือสำหรับนักพัฒนา Chrome -การบีบอัด GZIP

หาก แสดงการเข้ารหัสเนื้อหา: br คุณจำเป็นต้องรู้ว่า GZIP ยังไม่ได้เปิดใช้งาน

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

หากคุณไม่คุ้นเคยกับเครื่องมือสำหรับนักพัฒนา Chrome คุณจะได้รับไซต์หลายไซต์เพื่อตรวจสอบสถานะ GZIP สำหรับไซต์

ในขณะที่มีหลายไซต์บนอินเทอร์เน็ต เราขอแนะนำเครื่องมือบีบอัด GZIP นี้

เครื่องมือออนไลน์ - การบีบอัด GZIP
เครื่องมือออนไลน์ – ตัวตรวจสอบการบีบอัด GZIP

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

วิธีเปิดใช้งานการบีบอัด GZIP ใน WordPress?

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

ติดต่อผู้ให้บริการโฮสต์เว็บ

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

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

วิธีปลั๊กอิน

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

นี่คือรายการของปลั๊กอินแคชที่ดีที่สุดสำหรับ WordPress ที่คุณจะพบเพื่อการนี้

วิธี HTACCESS (อาปาเช่)

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

สำหรับเซิร์ฟเวอร์ Apache คุณสามารถใช้วิธีนี้ได้

ขั้นแรก คุณต้องค้นหาไฟล์ htaccess บนไซต์ของคุณ

เมื่อคุณพบไฟล์แล้วให้แก้ไขไฟล์และวางโค้ดด้านล่างหลังแท็ก # End WordPress

 # บีบอัด HTML, CSS, JavaScript, Text, XML และแบบอักษร 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/javascript 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/rss+xml 
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/x-font 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/x-font-opentype 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/x-font-otf 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/x-font-truetype 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/x-font-ttf 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/x-javascript 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/xhtml+xml 
AddOutputFilterByType DEFLATE แอปพลิเคชัน/xml 
AddOutputFilterByType DEFLATE แบบอักษร/opentype 
AddOutputFilterByType DEFLATE แบบอักษร/otf 
AddOutputFilterByType DEFLATE แบบอักษร/ttf 
AddOutputFilterByType DEFLATE ภาพ/svg+xml 
AddOutputFilterByType DEFLATE ภาพ/x-icon 
AddOutputFilterByType ลบข้อความ/css 
AddOutputFilterByType ลบข้อความ/html 
AddOutputFilterByType ลบข้อความ/javascript 
AddOutputFilterByType DEFLATE ข้อความ/ธรรมดา 
AddOutputFilterByType ลบข้อความ/xml 

# ลบบั๊กของเบราว์เซอร์ (จำเป็นสำหรับเบราว์เซอร์รุ่นเก่าเท่านั้น) 
BrowserMatch ^Mozilla/4 gzip-only-text/html 
BrowserMatch ^Mozilla/4\.0[678] no-gzip 
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html 
ส่วนหัวต่อท้าย Vary User-Agent

บันทึกไฟล์เมื่อคุณแน่ใจว่าทุกอย่างถูกต้อง

เปิดใช้งานการบีบอัด GZIP สำหรับ NGINX

ก่อนอื่น คุณต้องค้นหาไฟล์การกำหนดค่า nginx.conf

แก้ไขไฟล์และเพิ่มรหัสต่อไปนี้:

 gzip บน;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
gzip_vary บน;
gzip_types ข้อความ/ข้อความธรรมดา/ข้อความ CSS/รูปภาพจาวาสคริปต์/svg+xml รูปภาพ/แอปพลิเคชัน x-icon/แอปพลิเคชันจาวาสคริปต์/x-javascript;

บันทึกการเปลี่ยนแปลงเมื่อเสร็จสิ้น

ห่อ

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

การอ่านเพิ่มเติม

  1. วิธีทำให้ WordPress อยู่ในโหมดบำรุงรักษา
  2. วิธีสร้างโพสต์ WordPress Sticky
  3. 6 เหตุผลที่ธุรกิจของคุณต้องการระบบอัตโนมัติทางการตลาด