การบีบอัด Gzip บน Apache และ Nginx

บทนำ

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

อาปาเช่

เพิ่มตัวอย่างด้านล่างลงในไฟล์apache2.confหรือของคุณ.htaccess

<IfModule mod_deflate.c>
    # compress html, css, javascript, text, xml and fonts
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/rss+xml
    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

    # you can also compress by file type/extension:
    <files *.html>
        SetOutputFilter DEFLATE
    </files>
</IfModule>

Nginx

Gzip ควรเปิดใช้งานใน Nginx แล้วตามค่าเริ่มต้น หากไม่มีให้เปิดไฟล์การกำหนดค่า ( sudo nano /etc/nginx/nginx.conf) และตรวจสอบให้แน่ใจว่าการตั้งค่าภายใต้ส่วน gzip ไม่มีการแสดงข้อคิดเห็น (เช่นในตัวอย่างด้านล่าง)

##
# Gzip Settings
##

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;

เขียนโดย Lami Adabonyan