เปิด GZIP Compression เพิ่มความเร็วเว็บบน DirectAdmin

GZIP Compression เป็นหนึ่งในวิธีที่ง่ายและได้ผลที่สุดในการเพิ่มความเร็วเว็บไซต์ โดยการบีบอัดไฟล์ HTML, CSS, JavaScript และ XML ก่อนส่งไปยังเบราว์เซอร์ของผู้ใช้ ไฟล์เว็บทั่วไปสามารถลดขนาดได้ 60–80% ทำให้หน้าเว็บโหลดเร็วขึ้นอย่างเห็นได้ชัด โดยเฉพาะบนมือถือหรือเครือข่ายช้า

GZIP Compression คืออะไร ทำงานอย่างไร

เมื่อเบราว์เซอร์ขอไฟล์จากเซิร์ฟเวอร์ เบราว์เซอร์จะส่ง Header Accept-Encoding: gzip ไปด้วย ถ้าเซิร์ฟเวอร์รองรับ GZIP จะบีบอัดไฟล์ก่อนส่ง แล้วเบราว์เซอร์จะแตกไฟล์อัตโนมัติ กระบวนการนี้โปร่งใสต่อผู้ใช้ทั้งหมด

บน Shared Hosting ที่ใช้ Apache (ซึ่ง DirectAdmin ส่วนใหญ่ใช้) เราเปิด GZIP ได้ผ่าน mod_deflate หรือ mod_gzip ใน .htaccess

ผลลัพธ์จริง: ไฟล์ HTML ทั่วไป 200KB ลดเหลือ ~50KB, CSS Framework 100KB ลดเหลือ ~20KB — ผู้ใช้โหลดหน้าเร็วขึ้น 3–5 เท่าในเครือข่ายช้า

วิธีเปิด GZIP ผ่าน .htaccess บน DirectAdmin

วิธีที่ 1: ใช้ mod_deflate (แนะนำ)

เพิ่ม Code ต่อไปนี้ใน .htaccess ที่ root ของเว็บไซต์ (public_html):

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/json
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE image/svg+xml
</IfModule>

วิธีที่ 2: ใช้ 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 handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

วิธีเข้าแก้ไข .htaccess ผ่าน DirectAdmin

  1. ล็อกอิน DirectAdmin → File Manager
  2. ไปที่ public_html
  3. คลิก .htaccess แล้วเลือก Edit
  4. เพิ่ม Code GZIP ด้านบนต่อท้ายไฟล์
  5. คลิก Save

ไฟล์ประเภทใดที่ควรและไม่ควร Compress

ประเภทไฟล์ ควร Compress? เหตุผล
HTML, CSS, JS✅ ใช่ลดขนาดได้ 60–80%
XML, JSON, SVG✅ ใช่เป็น text-based ลดได้มาก
JPEG, PNG, WebP❌ ไม่บีบอัดแล้ว ไม่ประหยัดขนาด
PDF, ZIP, MP4❌ ไม่บีบอัดแล้ว อาจใหญ่ขึ้น

วิธีทดสอบว่า GZIP ทำงานหรือไม่

ทดสอบผ่าน Browser Developer Tools

  1. กด F12 เปิด DevTools → แท็บ Network
  2. รีโหลดหน้าเว็บ
  3. คลิกไฟล์ HTML หลัก → แท็บ Headers
  4. มองหา Content-Encoding: gzip ใน Response Headers

ทดสอบผ่านเว็บไซต์ออนไลน์

ผลกระทบต่อ Lighthouse และ SEO

Google PageSpeed Insights และ Lighthouse มี Audit ชื่อ "Enable text compression" ถ้าเว็บยังไม่เปิด GZIP จะถูกหักคะแนน Performance การเปิด GZIP ช่วยยก Score ได้ 5–15 คะแนนในหลายกรณี นอกจากนี้ Page Speed เป็นหนึ่งใน Ranking Factor ของ Google โดยตรง

สำหรับ WordPress: Plugin เช่น WP Rocket, W3 Total Cache หรือ LiteSpeed Cache มีตัวเลือก Enable GZIP ในตัว แต่แนะนำให้ตั้งผ่าน .htaccess ด้วยเพื่อความแน่ใจ

เปรียบเทียบ GZIP กับ Brotli Compression

GZIP เป็น Compression Algorithm มาตรฐานที่ใช้กันมากว่า 20 ปี แต่ปัจจุบันมีตัวเลือกใหม่คือ Brotli ที่ Google พัฒนาขึ้น ซึ่งบีบอัดได้ดีกว่า GZIP ประมาณ 15–25% สำหรับไฟล์ข้อความ

คุณสมบัติ GZIP (mod_deflate) Brotli (mod_brotli)
ประสิทธิภาพการบีบอัด ดี (60–80%) ดีมาก (70–85%)
รองรับบน Shared Hosting ✅ แทบทุก Server ⚠️ Apache 2.4.26+ เท่านั้น
เปิดผ่าน .htaccess ✅ ง่าย ต้อง mod_brotli ถูก Load
Browser Support ✅ 100% ✅ Chrome, Firefox, Edge, Safari

สำหรับ DirectAdmin Hosting ทั่วไป GZIP ผ่าน mod_deflate เป็นตัวเลือกที่ปลอดภัยและได้ผลดีที่สุด Brotli ยังไม่พร้อมใช้บน Shared Hosting ส่วนใหญ่เพราะต้องการ mod_brotli ที่ต้อง Enable ระดับ Server

GZIP กับการลด Bandwidth และค่าใช้จ่าย

สำหรับเว็บไซต์ที่มี Traffic สูง การเปิด GZIP ไม่เพียงแต่ทำให้เร็วขึ้น แต่ยังลด Bandwidth ที่ใช้ไปอย่างมีนัยสำคัญ ซึ่งส่งผลโดยตรงต่อต้นทุน:

ประมาณการประหยัด Bandwidth: เว็บไซต์ทั่วไปที่มี Visitor 1,000 คน/วัน โหลดหน้าละเฉลี่ย 500KB ถ้าเปิด GZIP ลดได้ 70% จะประหยัด Bandwidth ได้ราว 350MB ต่อวัน หรือประมาณ 10GB ต่อเดือน

GZIP กับ Browser Caching — ใช้ร่วมกันได้ไหม

GZIP Compression และ Browser Caching เป็นสองเทคนิคที่ทำงานเสริมกัน ไม่ใช่แทนกัน ทั้งสองควรเปิดพร้อมกัน:

เพิ่ม Cache-Control Header ใน .htaccess ควบคู่กับ GZIP:

# ตั้ง Cache สำหรับ Static Files (CSS, JS, Images)
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
  ExpiresByType image/jpeg "access plus 3 months"
  ExpiresByType image/png "access plus 3 months"
  ExpiresByType image/webp "access plus 3 months"
</IfModule>

การใช้ GZIP + Browser Cache + HTTP/2 (ที่ AsiaGB Hosting รองรับ) พร้อมกันคือ Combination ที่ได้ Lighthouse Performance Score สูงที่สุดสำหรับ Static Website บน Shared Hosting โดยไม่ต้องพึ่ง CDN

แก้ปัญหา GZIP ไม่ทำงาน

เข้าใจกระบวนการ HTTP Compression ในเชิงลึก

ก่อนจะตั้งค่า GZIP ควรเข้าใจขั้นตอนที่เกิดขึ้นจริงเมื่อ Browser ส่ง Request มาที่ Server:

  1. Browser ส่ง HTTP Request พร้อม Header Accept-Encoding: gzip, deflate, br
  2. Apache อ่าน Header แล้วตรวจสอบว่า mod_deflate หรือ mod_brotli โหลดอยู่หรือไม่
  3. ถ้า mod_deflate โหลดอยู่ Apache บีบอัด Response Body ก่อนส่ง
  4. Apache เพิ่ม Content-Encoding: gzip และ Vary: Accept-Encoding ใน Response Header
  5. Browser รับข้อมูลบีบอัด แตกไฟล์อัตโนมัติ แล้ว Render หน้าเว็บตามปกติ

Header Vary: Accept-Encoding มีความสำคัญมากสำหรับ CDN และ Proxy Cache เพราะบอกให้รู้ว่า Response ที่ถูก Cache ไว้แตกต่างกันตาม Encoding ที่ Browser รองรับ ป้องกันการส่งข้อมูลบีบอัดให้กับ Browser ที่ไม่รองรับโดยไม่ตั้งใจ

ขนาดไฟล์ก่อนและหลัง GZIP (ตัวอย่างจริง)

ไฟล์ ขนาดก่อน GZIP ขนาดหลัง GZIP ประหยัด
Bootstrap CSS 160 KB 27 KB 83%
jQuery JS 90 KB 31 KB 66%
WordPress HTML 120 KB 35 KB 71%
SVG Icon File 45 KB 11 KB 76%

ตัวเลขด้านบนคือค่าเฉลี่ยจากสถานการณ์จริง อัตราการบีบอัดจะแตกต่างกันตาม Content ของไฟล์ ไฟล์ที่มี Pattern ซ้ำๆ หรือ Whitespace มากจะบีบอัดได้ดีกว่าไฟล์ที่มีข้อมูลหลากหลาย

GZIP สำหรับ WordPress บน DirectAdmin

WordPress เป็น CMS ที่มีไฟล์ CSS และ JavaScript จำนวนมาก ทำให้ GZIP มีผลชัดเจนเป็นพิเศษ นอกจากการตั้งผ่าน .htaccess แล้ว ยังมีวิธีตรวจสอบและเพิ่มประสิทธิภาพเพิ่มเติม:

Plugin ที่รองรับ GZIP สำหรับ WordPress

อย่างไรก็ตาม แนะนำให้ตั้ง GZIP ผ่าน .htaccess ควบคู่กับ Plugin เสมอ เพราะถ้า Plugin ถูกปิดหรือมีปัญหา การบีบอัดจาก .htaccess จะยังคงทำงานต่อไป ไม่ขึ้นอยู่กับ WordPress

ตรวจสอบ GZIP บน WordPress ด้วย Query Monitor

Plugin Query Monitor (ฟรี) แสดงข้อมูล Request/Response Header โดยตรงใน Admin Bar ช่วยให้เห็นว่า Content-Encoding: gzip ถูกส่งจริงหรือไม่ โดยไม่ต้องเปิด DevTools

GZIP กับ Core Web Vitals — Largest Contentful Paint (LCP)

Core Web Vitals เป็น Ranking Factor สำคัญของ Google ตั้งแต่ปี 2021 และ LCP (Largest Contentful Paint) คือ Metric ที่ได้รับผลโดยตรงจากการเปิด GZIP โดยเฉพาะถ้าไฟล์ HTML ของหน้าแรกมีขนาดใหญ่

Optimization ผลต่อ LCP ผลต่อ Performance Score
เปิด GZIP ดีขึ้น (HTML/CSS เร็วขึ้น) +5 ถึง +15 คะแนน
เพิ่ม Browser Cache ดีขึ้น (Visit ซ้ำเร็วมาก) +3 ถึง +8 คะแนน
Image WebP ดีขึ้นมาก (LCP Image) +5 ถึง +20 คะแนน
HTTP/2 ดีขึ้น (Multiplexing) +2 ถึง +5 คะแนน

การเปิด GZIP เป็นขั้นตอนแรกที่ควรทำก่อนสิ่งอื่นใดใน Web Performance Optimization เพราะทำได้ง่าย ฟรี และให้ผลทันทีโดยไม่ต้องเปลี่ยน Code หรือ Design ของเว็บแต่อย่างใด

สรุปขั้นตอนเปิด GZIP บน DirectAdmin แบบครบชุด

เพื่อให้ง่ายต่อการนำไปใช้ นี่คือ Checklist ที่ครอบคลุมการตั้งค่า GZIP และ Performance Optimization เสริมบน DirectAdmin Hosting:

  1. เปิด GZIP ผ่าน .htaccess — ใช้ mod_deflate สำหรับ HTML, CSS, JS, XML, SVG, JSON ทั้งหมด
  2. ทดสอบทันที — เปิด DevTools (F12) → Network → ดู Response Header หา Content-Encoding: gzip
  3. ตั้ง Browser Cache — เพิ่ม mod_expires ใน .htaccess สำหรับ Static Files ควบคู่กับ GZIP
  4. ตรวจสอบ Lighthouse — ก่อนและหลังเปิด GZIP เพื่อวัดผลเปรียบเทียบ Performance Score
  5. ตรวจ WordPress Plugin Conflict — ถ้าใช้ WordPress ตรวจสอบว่า Plugin ไม่ส่ง Header ซ้ำซ้อน
  6. เปิดใช้ HTTP/2 — AsiaGB Hosting รองรับ HTTP/2 อยู่แล้ว ร่วมกับ GZIP จะเพิ่มประสิทธิภาพสูงสุด

หลังทำ Checklist ครบทั้ง 6 ข้อ เว็บไซต์ของคุณควรได้ Lighthouse Performance Score ขั้นต่ำ 85 คะแนน หรือสูงกว่าบนอุปกรณ์ Desktop โดยไม่ต้องลงทุนเพิ่มใน Infrastructure

ต้องการ Hosting ที่รองรับ GZIP ครบชุด?

AsiaGB Hosting รองรับ mod_deflate, HTTP/2 และการตั้งค่า .htaccess เต็มรูปแบบ เพิ่มความเร็วเว็บได้ทันที

สมัคร Hosting AsiaGB