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

เผยแพร่แล้ว: 2023-02-12

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

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

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

สารบัญ
1. การบีบอัด GZIP คืออะไร?
2. การบีบอัด GZIP ทำอะไร?
3. วิธีดูว่าเปิดใช้งานการบีบอัด GZIP หรือไม่
4. วิธีเปิดใช้งานการบีบอัด GZIP บน WordPress
4.1. เปิดใช้งานการบีบอัด GZIP ด้วยปลั๊กอิน
4.2. เปิดใช้งานการบีบอัด GZIP สำหรับ Nginx
4.3. เปิดใช้งานการบีบอัด GZIP สำหรับ Apache (โดยการแก้ไขไฟล์ .htaccess)
5. เรียนรู้ต่อไปด้วย WP Engine

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

การบีบอัด GZIP เป็นการบีบอัดข้อมูลประเภทหนึ่งที่คล้ายกับ ZIP และ RAR สามารถใช้บีบอัดไฟล์ทั้งหมดบนเว็บไซต์ของคุณ ไม่ว่าจะเป็นข้อความ, HTML, CSS, JavaScript หรือ XML

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

การบีบอัด GZIP ทำอะไร?

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

ไฟล์บีบอัดจะถ่ายโอนได้เร็วกว่าไฟล์ที่ไม่บีบอัด สิ่งนี้ช่วยปรับปรุงประสิทธิภาพเว็บไซต์และความเร็วในการโหลด และเป็นผลให้ Search Engine Optimization (SEO)

วิธีดูว่าเปิดใช้งานการบีบอัด GZIP หรือไม่

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

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

นอกจากนี้ยังสามารถตรวจสอบได้ว่าการบีบอัด GZIP ทำงานโดยใช้เครื่องมือสำหรับนักพัฒนาเบราว์เซอร์หรือไม่ เมื่อเปิดใช้งาน ส่วนหัวการตอบสนองจะรวม "การเข้ารหัสเนื้อหา: gzip":

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

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

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

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

เปิดใช้งานการบีบอัด GZIP ด้วยปลั๊กอิน

วิธีที่ง่ายที่สุดในการเปิดใช้งานการบีบอัด GZIP คือการใช้ปลั๊กอินแคช เครื่องมือต่างๆ เช่น WP Rocket เปิดใช้งานการบีบอัดโดยการเพิ่มโค้ดให้กับไฟล์ .htaccess ของคุณ ในขณะที่เครื่องมืออื่นๆ เช่น W3 Total Cache จะทำให้คุณต้องเพิ่มโค้ดนั้นด้วยตนเอง

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

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

หากเว็บไซต์ของคุณใช้ Nginx จะมีข้อมูลโค้ดที่คุณสามารถใช้เพื่อเปิดใช้งานการบีบอัด GZIP คุณต้องวางข้อมูลโค้ดด้านล่างในไฟล์ nginx.conf ของไซต์ของคุณในส่วน "http" คุณยังสามารถวางส่วนย่อยของโค้ดนี้ในเซิร์ฟเวอร์หรือบล็อกการกำหนดค่าตำแหน่ง แต่โดยทั่วไปแล้วส่วน http จะแนะนำ:

gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];

เมื่อคุณบันทึกและปิดไฟล์แล้ว คุณจะต้องรีสตาร์ท Nginx ในการทำเช่นนั้น ใช้คำสั่งต่อไปนี้:

sudo service nginx restart

หลังจากรีสตาร์ท ให้ตรวจสอบว่าการบีบอัด GZIP เปิดใช้งานอยู่ โดยใช้วิธีตามรายละเอียดก่อนหน้านี้

เปิดใช้งานการบีบอัด GZIP สำหรับ Apache (โดยการแก้ไขไฟล์ .htaccess)

หากโฮสต์เว็บของคุณใช้ Apache คุณจะต้องแก้ไขไฟล์ .htaccess เพื่อเปิดใช้งานการบีบอัด GZIP ไฟล์นี้สามารถพบได้ในไดเรกทอรีรากของการติดตั้ง WordPress ผ่าน File Transfer Protocol (FTP) หรือตัวจัดการไฟล์ของคุณ วิธีบีบอัด GZIP ของ WordPress ส่วนใหญ่จะต้องมีการแก้ไขไฟล์ .htaccess

มี Mod ของ Apache สองตัวที่คุณสามารถใช้เพื่อเปิดใช้ GZIP ได้ แต่ mod_deflate เป็นตัวเลือกที่ได้รับการสนับสนุนอย่างกว้างขวางและมีเอกสารดีที่สุด หากต้องการเปิดใช้ งาน mod_deflate ให้เพิ่ม:

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

หากต้องการเปิดใช้งาน mod_gzip แทน ให้เพิ่ม:

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

ก่อนใช้ mod คุณต้องสำรองข้อมูลไฟล์ .htaccess ของคุณและตรวจสอบให้แน่ใจว่าโมดูล mod_filter อยู่บนเซิร์ฟเวอร์ของคุณ มิฉะนั้นอาจเกิดข้อผิดพลาด 500

เรียนรู้ต่อไปด้วย WP Engine

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

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