การเพิ่ม Expires Headers ใน Ocean WP WordPress Theme

เผยแพร่แล้ว: 2022-10-17

การเพิ่ม Expires Headers ในธีม Ocean WP WordPress ธีม Ocean WP WordPress เป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้ที่มองหาธีมที่รวดเร็ว น้ำหนักเบา และปรับแต่งได้ หนึ่งในคุณสมบัติหลักที่ทำให้ Ocean WP เร็วมากคือการใช้ส่วนหัวที่หมดอายุ ส่วนหัวหมดอายุจะบอกเบราว์เซอร์ว่าต้องเก็บไฟล์ใดไฟล์หนึ่งไว้ในแคชนานเท่าใด เมื่อไฟล์ถูกแคช เบราว์เซอร์จะไม่ต้องดาวน์โหลดจากเซิร์ฟเวอร์ในแต่ละครั้งที่จำเป็น ซึ่งจะทำให้เวลาในการโหลดหน้าเว็บเร็วขึ้น Ocean WP เพิ่มส่วนหัวหมดอายุลงในไฟล์สแตติกทั้งหมดโดยอัตโนมัติ เช่น ไฟล์รูปภาพ, CSS และ JavaScript หากคุณกำลังใช้ปลั๊กอินแคช เช่น W3 Total Cache หรือ WP Super Cache คุณสามารถเพิ่มส่วนหัวที่หมดอายุลงในไฟล์ไดนามิกของคุณ เช่น ไฟล์ HTML และ PHP การเพิ่มส่วนหัวหมดอายุเป็นวิธีง่ายๆ ในการเพิ่มความเร็วเว็บไซต์ของคุณ หากคุณใช้ Ocean WP คุณไม่จำเป็นต้องดำเนินการใดๆ เนื่องจากธีมจะจัดการให้คุณเอง อย่างไรก็ตาม หากคุณใช้ปลั๊กอินแคช คุณจะต้องเพิ่มโค้ดสองสามบรรทัดลงในไฟล์ .htaccess ของคุณ ก่อนที่คุณจะทำการเปลี่ยนแปลงใดๆ กับไฟล์ .htaccess ของคุณ ให้สำรองข้อมูลไว้เสมอ ด้วยวิธีนี้ หากมีสิ่งผิดปกติเกิดขึ้น คุณสามารถกู้คืนไฟล์จากข้อมูลสำรองของคุณได้ ในการเพิ่มส่วนหัวหมดอายุด้วยปลั๊กอินแคช คุณจะต้องเพิ่มรหัสต่อไปนี้ในไฟล์ .htaccess ของคุณ: # BEGIN ส่วนหัวหมดอายุ ExpiresActive On ExpiresDefault “เข้าถึงบวก 1 ปี” # END ส่วนหัวหมดอายุ รหัสนี้บอกให้เซิร์ฟเวอร์เพิ่มส่วนหัวหมดอายุ ไปยังไฟล์ทั้งหมด ส่วน "การเข้าถึงบวก 1 ปี" บอกให้เบราว์เซอร์เก็บไฟล์ไว้ในแคชเป็นเวลาหนึ่งปี คุณสามารถเปลี่ยนระยะเวลา 1 ปีเป็นช่วงเวลาอื่นได้ ตัวอย่างเช่น หากคุณต้องการให้ไฟล์ถูกแคชเป็นเวลา 6 เดือน คุณจะต้องเปลี่ยนรหัสเป็น “access plus 6 months” เมื่อคุณเพิ่มรหัสลงในไฟล์ .htaccess แล้ว ให้บันทึกไฟล์และอัปโหลดไปยังเซิร์ฟเวอร์ของคุณ นั่นคือทั้งหมดที่มีให้! เว็บไซต์ของคุณควรจะโหลดได้เร็วกว่าที่เคย

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

คุณสามารถควบคุมส่วนหัว Expires บนเว็บเซิร์ฟเวอร์ Nginx ของโฮสต์ได้โดยแก้ไขไฟล์การกำหนดค่า สามารถปรับเวลาหมดอายุของไฟล์ประเภทต่างๆ ได้ หากโฮสต์ของคุณยังไม่ได้ใช้งานการแคชสำหรับคุณ วิธีแก้ไขคือการใช้ปลั๊กอินการแคช หากคุณต้องการทดสอบส่วนหัว HTTP สำหรับส่วนหัวที่หมดอายุ คุณสามารถส่งคำขอ curl ใน Terminal ไปยังสินทรัพย์แบบคงที่บนไซต์ของคุณและตรวจสอบได้โดยตรง คุณสามารถเรียกใช้เว็บไซต์ของคุณโดยใช้เครื่องมือทดสอบความเร็ว (เช่น GTmetrix) และตรวจสอบว่าคุณยังเห็นข้อความเพิ่มส่วนหัวอยู่หรือไม่ ส่วนหัวหมดอายุที่ถูกต้องช่วยให้คุณสามารถควบคุมการทำงานของเบราว์เซอร์ของคุณเมื่อเรียกดูไฟล์ประเภทต่างๆ บนไซต์ WordPress เมื่อคุณไม่ได้ใช้ส่วนหัวหมดอายุ เครื่องมือทดสอบความเร็วบางอย่างจะลดคะแนนของเว็บไซต์ของคุณ สามารถทำได้โดยใช้ปลั๊กอิน Optimize My Google Fonts (OMGF) ฟรีที่ WordPress.org คุณสามารถทำสิ่งเดียวกันได้หากต้องการใช้ทั้งการหมดอายุและการควบคุมแคชพร้อมกัน

ฉันควรเพิ่มส่วนหัวที่หมดอายุหรือไม่

เครดิต: wpastra.com

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

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

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

วิธีเพิ่มส่วนหัวที่หมดอายุลงในเว็บไซต์ของคุณ

เมื่อส่วนหัวหมดอายุ คุณสามารถเพิ่มบรรทัดต่อไปนี้ในไฟล์ your.htaccess:
ข้อเสนอหมดอายุเวลา 23:59 น. ในวันจันทร์ที่ 16 กันยายน 2020 อีกทางเลือกหนึ่งคือใช้ปลั๊กอิน เช่น WP Super Cache เพื่อเพิ่มส่วนหัวหมดอายุ


ส่วนหัวหมดอายุคืออะไร?

เครดิต: support.rankmath.com

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

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

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

Http Expiration Heade

เมื่อแคชของอ็อบเจ็กต์ถูกขยายโดยพร็อกซีหรือเกตเวย์ แคชนั้นจะใช้ ส่วนหัว HTTP Expires เพื่อกำหนดระยะเวลาที่อ็อบเจ็กต์จะยังคงทำงานอยู่ ส่วนหัวถูกกำหนดเป็น GMT และแบ่งออกเป็นสองส่วน: วันที่และเวลา ตัวเลขสี่หลักแต่ละตัวแทนปี เดือน วัน และชั่วโมงเป็นเลขฐานสิบ เวลา ซึ่งแสดงชั่วโมงในรูปแบบทศนิยม จะแสดงด้วยตัวเลขสองหลัก

วิธีเพิ่มส่วนหัวหมดอายุ WordPress

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

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

เพิ่มส่วนหัวหมดอายุ Nginx

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

ป้อนส่วนหัวในการกำหนดค่า nginx ของคุณ การแสดงผลของเบราว์เซอร์จะแสดงว่าจำเป็นต้องดึงไฟล์จากเซิร์ฟเวอร์หรือไม่ หรือสามารถโหลดซ้ำได้โดยใช้หน่วยความจำหรือดิสก์ การเข้าชมไซต์ครั้งแรกไม่มีผลกระทบต่อส่วนหัวเหล่านี้ หน้าถัดไปสามารถแสดงผลได้ในเวลาอันสั้นด้วยวิธีการนี้ แม้ว่าเบราว์เซอร์ของผู้ใช้จะต้องยังคงส่งคำขอ HTTP จำนวนมากก็ตาม เซิร์ฟเวอร์ Linux ล่าสุดสามารถรีสตาร์ทได้โดยใช้คำสั่ง 'ngxinit' โดยปกติจะมีโฟลเดอร์ชื่อ /etc/nginx/sites-enabled ในโฟลเดอร์ /etc/nginx ตามที่ฉันระบุไว้ในตัวอย่าง ฉันกำลังแก้ไข /://www.example.com/cache-control.max-age=900 เพื่อให้แน่ใจว่ารูปภาพทั้งหมดถูกแคชไว้ในช่วงเวลาที่กำหนด เนื่องจากรูปภาพไม่ค่อยเปลี่ยนแปลงในช่วง แคช คุณอาจต้องการตั้งค่าให้นานขึ้น เช่น หกเดือนหรือหนึ่งปีหากต้องการ

เพิ่มส่วนหัวใน Nginx คืออะไร?

คุณสามารถใช้คำสั่ง add_header ของ Nginx เพื่อระบุส่วนหัวและค่าของการตอบสนองตามอำเภอใจสำหรับรหัสตอบกลับทั้งหมด ซึ่งเท่ากับ 200, 201, 204, 206, 301, 302, 303, 304 หรือ 307 ซึ่งกำหนดได้โดยใช้ nginx

วิธีเพิ่มส่วนหัวนโยบายผู้อ้างอิงใน Nginx

โปรดใส่ส่วนหัว Referrer-Policy ในไฟล์การกำหนดค่าเริ่มต้นสำหรับ nginx โดยใช้บรรทัดต่อไปนี้ในไฟล์การกำหนดค่าเริ่มต้นของเว็บเซิร์ฟเวอร์ nginx: *br> ต้องกรอกข้อมูลในฟิลด์ต่อไปนี้: add_header นโยบายผู้อ้างอิง: การจำกัดแหล่งกำเนิด
หลังจากนั้น ให้เริ่มบริการ Nginx ใหม่เพื่อใช้การเปลี่ยนแปลง
เริ่มบริการ nginx ใหม่

Siteground เพิ่ม Expires Headers

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

Siteground: ผู้ให้บริการมาเป็นเวลานานพร้อมฟีเจอร์มากมาย แต่ความเร็วเว็บไซต์เป็นปัญหา

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