วิธีเพิ่มความเร็วไซต์ 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
) คลิกขวาที่มันแล้วเลือก ดู/แก้ไข เพื่อเปิดไฟล์ในโปรแกรมแก้ไขข้อความเริ่มต้นของคุณ:
ต่อไป เราจะเพิ่มโค้ดให้กับไฟล์นี้
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:
สิ่งที่คุณต้องทำคือป้อน URL ของไซต์ของคุณแล้ว คลิกไอคอนรูปแว่นขยาย จากนั้นไซต์จะตรวจสอบว่าไฟล์ของคุณถูกส่งผ่าน GZIP หรือไม่ และส่งกลับผลลัพธ์ หวังว่าคุณจะเห็นข้อความต่อไปนี้:
อย่างไรก็ตาม หากผลลัพธ์ระบุว่าไซต์ของคุณไม่ได้ใช้ GZIP มีสามเส้นทางให้เลือก หนึ่งคือการแทนที่ตัวอย่างตามที่ระบุไว้ก่อนหน้านี้ หรือคุณอาจต้องรอสักครู่ก่อนที่การเปลี่ยนแปลงจะมีผล หรือแม้กระทั่งล้างแคชของไซต์ของคุณ
หากยังไม่สามารถแก้ไขปัญหาได้ ให้ตรวจสอบโค้ดในไฟล์ .htaccess
อีกครั้งเพื่อหาข้อผิดพลาด หากคุณยังรู้สึกไม่สบายใจ คำแนะนำของฉันคือติดต่อทีมสนับสนุนของโฮสต์เว็บของคุณเพื่อขอความช่วยเหลือเพิ่มเติม
บทสรุป
เมื่อพูดถึงการเพิ่มประสิทธิภาพไซต์ WordPress ของคุณเพื่อความเร็ว การบีบอัด GZIP เป็นหนึ่งในวิธีที่มีการพูดถึงน้อยที่สุดแต่มีประโยชน์มากที่สุด ด้วยการบีบอัดไฟล์ของไซต์ คุณสามารถมั่นใจได้ว่าเวลาในการโหลดจะต่ำ และผู้ใช้ของคุณจะไม่ต้องทนทุกข์ทรมานจากการชะลอตัวโดยไม่จำเป็น
ในบทความนี้ เราได้กล่าวถึงวิธีเปิดใช้งานการบีบอัด GZIP บนไซต์ WordPress ของคุณ แม้ว่าการโฮสต์ไซต์ของคุณบนเซิร์ฟเวอร์ที่เปิดใช้งานการบีบอัดจะเป็นตัวเลือกที่ง่ายที่สุด คุณยังสามารถใช้ขั้นตอนต่อไปนี้เพื่อตั้งค่าด้วยตนเอง:
- เปิดไฟล์
.htaccess
ของไซต์ของคุณ - แก้ไขไฟล์เพื่อเปิดใช้งานการบีบอัด GZIP
- ทดสอบว่าใช้การบีบอัด GZIP อย่างถูกต้องหรือไม่
คุณมีคำถามเกี่ยวกับการบีบอัด GZIP หรือไม่? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง!