วิธีเพิ่มความเร็วไซต์ WordPress ของคุณโดยใช้การบีบอัด GZIP

เผยแพร่แล้ว: 2023-03-16

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

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

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

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

ทำไมไซต์ของคุณกำลังโหลด

เวลาเป็นสิ่งสำคัญ

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

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

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

บทนำสู่ GZIP

การบีบอัด

แล็ปท็อปบนเฟอร์นิเจอร์สีเงินและสีส้ม

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

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

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

วิธีใช้การบีบอัด GZIP บนเว็บไซต์ WordPress ของคุณ (ใน 3 ขั้นตอน)

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

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

1. เปิดไฟล์ .htaccess ของเว็บไซต์ของคุณ

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

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

เมื่อคุณพร้อมแล้ว คุณจะต้องการเข้าถึงเซิร์ฟเวอร์ของไซต์ของคุณโดยใช้ File Transfer Protocol (FTP) ฉันขอแนะนำ FileZilla แบบโอเพ่นซอร์สฟรี—และคุณอาจต้องการฝึกฝนทักษะของคุณด้วย คุณจะต้องเข้าสู่ระบบโดยใช้ข้อมูลรับรอง FTP ที่โฮสต์เว็บของคุณให้มา และเมื่อคุณเข้าสู่ระบบแล้ว คุณจะเห็นหน้าจอต่อไปนี้:

ภาพหน้าจอของระบบไฟล์

คุณควรจะเห็นไฟล์ .htaccess ของคุณในไดเร็กทอรีรากของไซต์ของคุณ (โดยปกติจะเรียกว่า public_html แต่ก็อาจเป็นชื่อไซต์ของคุณ หรือ www ) คลิกขวาที่มันแล้วเลือก ดู/แก้ไข เพื่อเปิดไฟล์ในโปรแกรมแก้ไขข้อความเริ่มต้นของคุณ:

ภาพหน้าจอของไฟล์ .htaccess

ต่อไป เราจะเพิ่มโค้ดให้กับไฟล์นี้

2. แก้ไขไฟล์เพื่อเปิดใช้งานการบีบอัด GZIP

ตอนนี้ คุณจะต้องเพิ่มโค้ด 2-3 บรรทัดเพื่อบอกให้เซิร์ฟเวอร์ของคุณบีบอัดและส่งไฟล์ของเว็บไซต์ในรูปแบบ GZIP

คุณจะต้องเพิ่มบรรทัดใหม่ที่ด้านบน # END WordPress และวางรหัสต่อไปนี้:

 <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/opentype # For Older Browsers Which Can't Handle Compression BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html </IfModule>

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

 <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>

เมื่อเสร็จแล้ว ให้บันทึกไฟล์ .htaccess ของคุณ FileZilla จะถามว่าคุณต้องการแทนที่ไฟล์บนเว็บไซต์ของคุณด้วยเวอร์ชันใหม่หรือไม่ ดังนั้นให้เลือก ใช่ เมื่อได้รับแจ้ง

3. ทดสอบว่าใช้การบีบอัด GZIP อย่างถูกต้องหรือไม่

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

ตรวจสอบการสอนภาพหน้าจอเครื่องมือบีบอัด gzip

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

ภาพหน้าจอเครื่องมือบีบอัด GZIP

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

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

บทสรุป

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

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

  1. เปิดไฟล์ .htaccess ของไซต์ของคุณ
  2. แก้ไขไฟล์เพื่อเปิดใช้งานการบีบอัด GZIP
  3. ทดสอบว่าใช้การบีบอัด GZIP อย่างถูกต้องหรือไม่

คุณมีคำถามเกี่ยวกับการบีบอัด GZIP หรือไม่? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง!