วิธีแก้ไขข้อผิดพลาด “ระบุตัวตรวจสอบแคช”

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

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

“ระบุตัวตรวจสอบแคช” หมายความว่าอย่างไร

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

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

นโยบายนั้นหมายถึงการรวมส่วนหัวของแคชที่ให้คำแนะนำอย่างชัดเจนในเรื่องต่อไปนี้:

• วิธีตรวจสอบความถูกต้องของทรัพยากรแคช
• ทรัพยากรใดที่ไคลเอนต์ควรแคช
• ไคลเอ็นต์ควรแคชทรัพยากรนานเท่าใดสำหรับ
• วิธีที่ไคลเอนต์ควรค้นหาการเปลี่ยนแปลงในทรัพยากรแคช

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

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

วิธีระบุตัวตรวจสอบแคชบน WordPress (3 วิธี)

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

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

1. เพิ่ม Cache-Control Headers ด้วยตนเอง

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

สำหรับเซิร์ฟเวอร์ Apache คุณจะต้องแก้ไขไฟล์ . htacess คุณสามารถค้นหาได้ในโฟลเดอร์ รู ทของ WordPress อย่างไรก็ตาม เราแนะนำให้เข้าถึงผ่าน File Transfer Protocol (FTP)

เปิด ไฟล์ .htaccess และเพิ่มข้อมูลโค้ดต่อไปนี้ จากนั้นปรับแต่ง:

<filesMatch ".(jpg|jpeg|png|gif|js|css)$">
Header set Cache-Control "max-age=604800, public"
</filesMatch>

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

หากคุณใช้ NGINX คุณจะต้องแก้ไขไฟล์กำหนด ค่า หลักของเซิร์ฟเวอร์ คุณสามารถค้นหาได้ในไดเร็กทอรี /etc/nginx

เปิดไฟล์และเพิ่มรหัสต่อไปนี้:

location ~* \.(jpg|jpeg|png|gif|js|css)$ {
add_header Cache-Control "public";
}

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

2. เพิ่มส่วนหัวหมดอายุด้วยตนเอง

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

การเพิ่มส่วนหัว หมดอายุ ทำงานด้วยตนเองเหมือนกับรายการ ควบคุมแคช ทั้งใน Apache และ NGINX หากต้องการเพิ่มส่วนหัว หมดอายุ ใน Apache คุณจะต้องแก้ไขไฟล์ . htaccess

นี่คือตัวอย่างส่วนหัวที่คุณสามารถคัดลอกได้ และเราแนะนำให้เพิ่มไว้ที่ด้านล่างของไฟล์เพื่อหลีกเลี่ยงข้อขัดแย้ง:

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresDefault "access 7 days"
</IfModule>
## EXPIRES HEADER CACHING ##

ส่วนหัว หมดอายุ ระบุวันที่หมดอายุเฉพาะสำหรับไฟล์แต่ละประเภท หากคุณไม่ระบุวันที่สำหรับประเภทไฟล์ ระบบจะใช้ค่า ExpiresDefault

สำหรับเซิร์ฟเวอร์ NGINX คุณจะต้องแก้ไขไฟล์กำหนด ค่า หลัก นี่คือลักษณะของส่วนหัวที่ หมดอายุ ใน NGINX:

location ~* \.(png|jpg|jpeg|gif)$ {
expires 7d;
add_header Cache-Control "public";
}

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

3. ใช้ WordPress Caching Plugin

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

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

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

ตัวอย่างเช่น W3 Total Cache ให้คุณควบคุมประเภทของส่วนหัวแคชที่คุณสามารถใช้ได้:

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

บทสรุป

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

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

คุณมีคำถามใด ๆ เกี่ยวกับวิธีการระบุตัวตรวจสอบแคชใน WordPress หรือไม่? พูดคุยเกี่ยวกับพวกเขาในส่วนความคิดเห็นด้านล่าง!

ภาพเด่นผ่าน apghedia / shutterstock.com