วิธีเปิดใช้งานการบีบอัด GZIP บนเว็บไซต์ WordPress (พร้อมวิดีโอ)

ปรับปรุงล่าสุด - 8 กรกฎาคม 2021

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

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

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

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

ความสำคัญของการเปิดใช้งานการบีบอัด GZIP

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

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

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

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

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

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

ติดต่อทีมสนับสนุนของบริการโฮสติ้งของคุณ

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

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

ตรวจสอบบริการโฮสติ้งยอดนิยมสำหรับไซต์ WordPress

ใช้ปลั๊กอินเพื่อเปิดใช้งานการบีบอัด GZIP

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

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

WP Rocket

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

คุณลักษณะเพิ่มเติม

ปลั๊กอินยังช่วยคุณในด้านที่เกี่ยวข้องกับการเพิ่มประสิทธิภาพดังต่อไปนี้

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

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

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

คุณสมบัติรุ่นพรีเมี่ยม

นอกเหนือจากการช่วยให้คุณเปิดใช้งานการบีบอัด GZIP แล้ว เวอร์ชันพรีเมียมยังช่วยให้คุณ:

• ตั้งเวลาหมดอายุของเอกสาร
• เปิดใช้งานการโหลดภาพแบบ Lazy Loading
• บล็อกฮอตลิงค์รูปภาพ

นอกจากนี้ยังเข้ากันได้กับ WooCommerce และด้วยเหตุนี้คุณจึงสามารถใช้งานได้หากคุณใช้ร้านค้าออนไลน์เช่นกัน

PageSpeed ​​Ninja

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

WP Super Cache

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

W3 แคชทั้งหมด

ปลั๊กอินนี้จะช่วยได้มากในการปรับปรุงการจัดอันดับของเสิร์ชเอ็นจิ้นตลอดจนประสบการณ์การใช้งานเว็บไซต์ WordPress ของคุณ มีคุณลักษณะขั้นสูงหลายอย่างเพื่อปรับปรุงความเร็วในการโหลดหน้าเว็บบนเว็บไซต์ของคุณ รวมถึงการบีบอัดไฟล์ HTML, JavaScript และ CSS นอกจากนี้ ยังมีการรวม CDN เพื่อช่วยให้คุณหลีกเลี่ยงเวลาแฝงเมื่อให้บริการลูกค้าทั่วโลก

คุณลักษณะเพิ่มเติม

คุณสมบัติอื่น ๆ ที่คุณจะได้รับจากปลั๊กอินนี้คือ:

• การโหลดแบบ Lazy Loading เพื่อปรับปรุงความเร็วในการโหลดหน้าเว็บและประสบการณ์ของผู้ใช้
• การแคชเบราว์เซอร์โดยใช้การควบคุมแคชเพื่อส่งหน้าเร็วขึ้น
• การจัดกลุ่ม JavaScript ตามเทมเพลตพร้อมการควบคุมตำแหน่งที่ฝัง
• การฝัง JavaScript แบบไม่บล็อก
• รองรับ WP-CLI สำหรับการล้างแคช

การแก้ไขไฟล์ .htaccess ของคุณ (Apache)

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

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

# 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

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

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

สำหรับเซิร์ฟเวอร์ NGINX คุณจะต้องค้นหาไฟล์ nginx.conf และเพิ่มรหัสต่อไปนี้

gzip on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
gzip_vary on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;

ซึ่งจะช่วยเปิดใช้งานการบีบอัด GZIP บนเว็บไซต์ของคุณหากคุณใช้เซิร์ฟเวอร์ NGINX

การบีบอัดสำหรับผู้ใช้ IIS 7

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

คุณสามารถทำตามคำแนะนำในเอกสารประกอบของ Microsoft IIS เพื่อเปิดใช้งานการบีบอัดทั้งสองประเภท

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

หากคุณต้องการเวอร์ชันวิดีโอ โปรดดูวิดีโอด้านล่าง:

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

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