Cloudflare Cache ทุกอย่างปรับปรุง WordPress TTFB ถึง 90%

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

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

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

อย่างไรก็ตาม มีวิธีปรับปรุงความเร็วไซต์ของคุณอย่างมากด้วยกฎของหน้า Cloudflare

คุณใช้ Cloudflare หรือไม่?

ขั้นตอนแรกในการปรับปรุงเวลาตอบสนองฝั่งเซิร์ฟเวอร์คือการให้ไซต์ของคุณทำงานบน CDN (Content Delivery Network)

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

หากคุณต้องการเพิ่มไซต์ของคุณไปยัง Cloudflare บทช่วยสอนนี้โดย WP Beginner เป็นจุดเริ่มต้นที่ดีเยี่ยม

แต่ถ้าคุณใช้งานอยู่แล้ว คุณสามารถปรับปรุงประสิทธิภาพของเวลาเป็นไบต์แรก (TTFB) ได้อย่างมาก

เป็นหนึ่งในปัจจัยที่สำคัญที่สุดสำหรับความเร็วในการโหลดเว็บไซต์

ในบทความก่อนหน้านี้ ฉันได้เขียนเกี่ยวกับการปรับปรุงความเร็วสำหรับหน้าผู้ดูแลระบบ WordPress ด้วยกฎสามหน้า

แต่สำหรับการแก้ไขนี้ คุณต้องใช้กฎทุกอย่างของแคช Cloudflare

หากคุณใช้บัญชี Cloudflare ฟรี คุณจะได้รับกฎสามหน้าเท่านั้น

ดังนั้นจึงจำเป็นต้องเปลี่ยนแปลงกฎของเพจที่คุณมีอยู่

แต่ก็คุ้มค่ากับความพยายาม

ลด TTFB

ต่อไปนี้เป็นตัวอย่างของการเปลี่ยนแปลงเหล่านี้ที่สามารถสร้างความแตกต่างได้มากน้อยเพียงใดกับความเร็ว TTFB ของคุณ

ภาพสองภาพด้านล่างโดยใช้เครื่องมือ Chrome Deleveopers แสดงให้คุณเห็นว่าคุณสามารถสร้างความแตกต่างได้มากน้อยเพียงใดกับความเร็วมือถือของคุณ

อันแรกไม่ได้รับการปรับให้เหมาะสมและมี TTFB เท่ากับ 1.55 วินาที

คุณสามารถดูการปรับปรุงได้ที่นี่หลังจากเพิ่มกฎ Cloudflare ใหม่ TTFB ตอนนี้เพียง 33.25 มิลลิวินาที

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

เร็วกว่าไซต์สี่แห่งที่ยังไม่ได้แคชทั้งหมดถึง 90%

วิธีใช้แคช Cloudflare ทุกอย่าง

ก่อนที่คุณจะดำเนินการเปลี่ยนแปลงเหล่านี้ คำเตือน

วิธีนี้เหมาะสำหรับเว็บไซต์ที่ไม่เปลี่ยนแปลงบ่อยนัก

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

เมื่อคุณเพิ่มแคชทุกอย่างลงใน Cloudflare มันจะทำตามที่พูดไว้

นี่คือวิธีที่คุณสามารถเพิ่มการปรับปรุงความเร็วไซต์นี้จากแดชบอร์ด Cloudflare ของคุณ

ในการเริ่มต้น คุณจะต้องเพิ่มกฎใหม่ของคุณ คลิกที่ปุ่มแอพกฎของเพจในเมนูด้านบน

หากคุณมีกฎสามข้ออยู่แล้ว คุณจะต้องลบออกหนึ่งข้อ ในกรณีของฉัน ฉันลบกฎ *preview=true*

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

จากนั้นเพิ่มการตั้งค่ากฎเหล่านี้

เบราว์เซอร์แคช TTL – 1 ชั่วโมง
ระดับแคช – แคชทุกอย่าง
Edge Cache TTL – 7 วัน

คลิกบันทึก และตอนนี้ทุกอย่างถูกตั้งค่าสำหรับส่วนหัวการควบคุมแคชของคุณ

หมายเหตุสำคัญประการหนึ่งคือการตรวจสอบและตรวจสอบให้แน่ใจว่าคุณจัดลำดับกฎตามภาพด้านบน

กฎแคชไซต์ของคุณต้องมาหลังกฎ wp-login และ wp-admin ของคุณ เพื่อป้องกันการควบคุมแคชต้นทางของหน้าผู้ดูแลระบบของคุณ

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

ตรวจสอบ Rocket Loader

คุณอาจต้องการตรวจสอบว่าคุณใช้ Rocket Loader ของ Cloudflare หรือไม่

เมื่อใช้งานได้ จะทำงานได้ดีมาก แต่ก็อาจทำให้ไซต์ของคุณเสียหายได้เช่นกัน ฉันมีมันทำงานในสองไซต์และมันก็ใช้ได้

แต่ในเว็บไซต์อื่น มันทำให้เกิดปัญหา ดังนั้นฉันจึงปิดมัน

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

จากนั้นตรวจสอบความเร็วเว็บไซต์ของคุณด้วย Google Page Speed ​​Insights, GTMetrix หรือ Pingdom เพื่อดูการปรับปรุง

เป้าหมายของคุณควรต่ำกว่า 200 มิลลิวินาทีสำหรับ TTFB และต่ำกว่า 2 วินาทีสำหรับการโหลดเต็ม

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

ข้อเสียเปรียบหนึ่งข้อและแนวทางแก้ไข

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

สิ่งนี้อาจใช้เวลานาน

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

วิธีเดียวที่จะแก้ปัญหานี้คือติดตั้งปลั๊กอิน Cloudflare

ฉันไม่ชอบเพิ่มปลั๊กอินเพิ่มเติม แต่ปลั๊กอินนี้จำเป็นสำหรับการแก้ไขความเร็วนี้

เมื่อคุณเพิ่มแล้ว ให้เปลี่ยนการจัดการแคชอัตโนมัติเป็นเปิด

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

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

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

ปุ่มที่คุณไม่ควรคลิกคือปุ่ม Optimize Cloudflare สำหรับ WordPress

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

อัปเดต: โซลูชันใหม่และดีกว่ามาก

ตั้งแต่เขียนบทความนี้ ตอนนี้มีปลั๊กอิน WordPress ฟรีใหม่ที่แก้ปัญหาเกือบทั้งหมดเกี่ยวกับ Cloudflare Cache ทุกอย่าง

Super Page Cache สำหรับ Cloudflare ติดตั้งง่ายและให้คุณควบคุมได้มากมาย

ปลั๊กอินช่วยให้คุณแคชไม่เพียงแค่ไฟล์สแตติก (เช่น CSS, JS, รูปภาพ ฯลฯ) แต่ยังรวมถึงเว็บเพจ HTML ที่สร้างโดย WordPress ทั้งในระดับดิสก์ของเซิร์ฟเวอร์และบน Cloudflare CDN ส่วนกลาง

ฉันติดตั้งมันบนเว็บไซต์ของฉัน และมันก็ทำงานได้อย่างไม่มีที่ติ TTFB ลดลงจากเกือบหนึ่งวินาทีเหลือน้อยกว่า 0.2 วินาที

เปรียบได้กับ Cloudflare APO ซึ่งไม่ใช่บริการฟรี

แต่ถ้าคุณใช้บัญชี Cloudflare แบบฟรี ปลั๊กอินฟรีนี้จะทำเกือบทุกอย่างที่ APO ทำได้

ฉันใช้ปลั๊กอินแคชนี้กับ Just Publishing Advice และทำให้ง่ายต่อการรับผลลัพธ์ Core Web Vitals ที่ยอดเยี่ยม

คุณสามารถตรวจสอบหน้าใดก็ได้ในไซต์นี้ด้วย PageSpeed ​​Insights หรือ GTMetrix เพื่อดูว่าแคชทำงานได้ดีเพียงใด

ฉันจะแปลกใจถ้าคุณไม่ได้รับผลสีเขียวทั้งหมด

หากคุณต้องการปรับปรุงความเร็วในการโหลดและ Core Web Vitals คุณควรลองดู

สรุป

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

แต่ไม่ใช่สำหรับทุกไซต์ และอาจมีข้อเสียขึ้นอยู่กับธีม ฟังก์ชันการทำงาน และการออกแบบไซต์ของคุณ

วิธีการแคชนี้รุนแรงมาก ดังนั้นควรตรวจสอบทุกอย่างอีกครั้ง

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

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

จากนั้นคุณจะกลับไปที่จุดเริ่มต้น

หากคุณต้องการความช่วยเหลือ มีรายการมากมายบน Cloudflare Support เกี่ยวกับเนื้อหาคงที่ของแคชและแคชทุกอย่าง