วิธีปรับปรุง TTFB, LCP และเวลาในการโหลดหน้าเว็บไซต์ของคุณในช็อตเดียว
เผยแพร่แล้ว: 2023-07-01
เจ้าของเว็บไซต์ทุกคนใฝ่ฝันที่จะสร้างเว็บไซต์ที่โหลดเร็วเพื่อให้ได้รับการจัดอันดับ Google ที่สูงขึ้นและการแปลงจำนวนมาก ฉันคิดว่าคุณก็ต้องการเช่นเดียวกันและทำให้ปรากฏตัวที่นี่!
วิธีที่ดีที่สุดในการทำให้ไซต์โหลดเร็วคือการปรับปรุง TTFB (Time To First Byte), เวลาในการโหลดหน้าเว็บ และ LCP (Largest Contentful Paint ซึ่งเป็นเมตริกของ Core Web Vitals)
ถ้าผมบอกว่าผมมีวิธีแก้เพื่อให้ได้ค่าที่ต่ำลงสำหรับ Speed Metrix ทั้งสามตัวนี้ คุณจะรู้สึกอย่างไร? คุณจะตื่นเต้นใช่มั้ย?
ใช่! คุณสามารถปรับปรุง TTFB, LCP และเวลาในการโหลดไซต์ได้ในช็อตเดียวผ่านคุณสมบัติที่เพิ่งเปิดตัวของโฮสติ้ง Cloudways และการเป็นพันธมิตรกับ Cloudflare
ฉันใช้โฮสติ้งที่มีการจัดการนี้มา 5 ปีแล้ว และรู้สึกยินดีกับประสิทธิภาพความเร็วและความปลอดภัยที่ยอดเยี่ยม ฉันไม่เคยประสบปัญหาหยุดทำงานจนถึงตอนนี้
addon ล่าสุดในการโฮสต์ Cloudways คืออะไร? การแคชหน้าขอบและการกำหนดเส้นทางอัจฉริยะของ Argo จาก Cloudflare Enterprise เป็นข้อกำหนดสำหรับบล็อกประสิทธิภาพสูงของฉัน
ฉันกำลังมองหาการแคชแบบเต็มหน้าเพื่อส่งผ่านสัญญาณสำคัญของเว็บ ฉันจ่ายเงิน 20 ดอลลาร์สำหรับแผน Cloudflare Argo Pro เพื่อรับฟีเจอร์นี้ ซึ่งขณะนี้มีให้บริการใน Cloudways
ในขณะที่คุณกำลังมองหาการปรับปรุงความเร็วของหน้าเว็บ ให้ฉันอธิบายคุณลักษณะความเร็วเหล่านี้ของการรวม Cloudways Cloudflare CDN และด้วยเหตุนี้คุณจะได้รับการปรับปรุงดังกล่าวเพื่อเพิ่มคะแนนความเร็วไซต์ของคุณ
Edge Page Caching คืออะไร? ประโยชน์ของมันคืออะไร?
แทนที่จะมีพื้นที่หน่วยความจำในตำแหน่งศูนย์กลางของ CDN มันถูกย้ายไปใกล้กับขอบของเครือข่าย เพื่อให้ผู้ใช้สามารถดึงข้อมูลได้อย่างมีประสิทธิภาพมากขึ้น เป็นผลให้โหลดและเวลาแฝงโดยรวมของเครือข่ายลดลง และความเครียดในศูนย์ข้อมูลก็ต่ำ
พูดง่ายๆ คือเป็นฮาร์ดแวร์ทางกายภาพที่อยู่ที่ขอบของเครือข่ายพร้อมทรัพยากรการประมวลผลประสิทธิภาพสูงเพื่อจัดการพื้นที่จัดเก็บข้อมูล มันคล้ายกับตัวเก็บข้อมูลบนคลาวด์ที่เก็บทรัพยากรที่ใช้บ่อยสำหรับการจัดส่ง
ดังนั้น แคชของหน้าขอบจะแคชหน้าเว็บยอดนิยมของคุณที่เซิร์ฟเวอร์ขอบของ Cloudflare ใน 275+ POPs ทั่วโลก มันเร็วกว่าการแคชบางส่วนเนื่องจากเพจที่คุณชอบจะถูกส่งไปยังผู้อ่านของคุณทันทีจากเซิร์ฟเวอร์ Edge ที่ใกล้ที่สุด
ประโยชน์
- ลดภาระบนเซิร์ฟเวอร์เดิมของคุณเนื่องจากได้รับคำขอน้อยลงเท่านั้น
- รักษาไซต์ของคุณให้พร้อมใช้งานเมื่อเซิร์ฟเวอร์ต้นทางหยุดทำงาน
- ลดแบนด์วิธและเวลาแฝง ปรับปรุงประสิทธิภาพและความปลอดภัย
- ตอบสนองตามเวลาจริงและปรับโครงสร้างข้อมูลของคุณให้เหมาะสม
- ให้บริการผู้ใช้จำนวนมากและจัดการทราฟฟิกที่สูงขึ้น
- ปรับปรุงเวลาในการโหลดหน้าเว็บเนื่องจากเนื้อหาของคุณใกล้ชิดกับผู้ชมมากขึ้น
เช่นเดียวกับการแคชหน้า Edge คุณควรรู้เกี่ยวกับ Argo Smart Routing และประโยชน์ของมัน !
Argo Smart Routing คืออะไร? ประโยชน์ของมันคืออะไร?
Argo Smart Routing ของ Cloudflare จะค้นหาความแออัดของการจราจรแบบเรียลไทม์ของเครือข่าย และส่งเนื้อหาของคุณไปยังผู้ใช้ปลายทางผ่านเส้นทางที่ดีที่สุด ปรับปรุงเวลาในการโหลดหน้าเว็บอย่างมากโดยใช้แบนด์วิธของคุณอย่างมีประสิทธิภาพ
เนื่องจากการกำหนดเส้นทางของ Argo ตรวจพบเส้นทางที่เหมาะสมที่สุดสำหรับการส่งเนื้อหา และลดเวลาแฝงของเครือข่ายลง 30% ไซต์ของคุณจะโหลดเร็วมาก ส่งผลให้ผู้ใช้ได้รับประสบการณ์ที่ยอดเยี่ยม และลดอัตราตีกลับสำหรับการจัดอันดับ Google ที่สูงขึ้น
ประโยชน์
- ปรับปรุงประสบการณ์ผู้ใช้
- เพิ่มเวลาทำงาน
- ทราฟฟิกที่เข้ารหัสเพื่อความปลอดภัยสูง
- การจัดส่งเนื้อหาแบบไดนามิก
- การวิเคราะห์โดยละเอียดผ่าน Histogram
Cloudways + Cloudflare CDN
CDN (Content Delivery Network) เป็นสิ่งจำเป็นในการเพิ่มความเร็วให้กับเว็บไซต์ธุรกิจ Cloudways ตระหนักถึงความสำคัญของการผูกมัดเว็บไซต์ของลูกค้าและร่วมมือกับ CDN ระดับโลกอย่าง Cloudflare
เป็นส่วนเสริมแบบชำระเงินที่มีราคาไม่แพงมาก ($ 4.99 สำหรับโดเมนน้อยกว่า 5 โดเมน) ฉันได้อธิบายอย่างชัดเจนถึงวิธีการรวม Cloudflare CDN ในโฮสติ้ง Cloudways พร้อมคำแนะนำทีละขั้นตอนและวิดีโอสอน ไม่ได้ใช้โฮสติ้งที่มีการจัดการนี้? รับทันทีผ่านรหัสส่งเสริมการขายของ Cloudways!
CloudwaysCDN ประกอบด้วย
- CDN องค์กร 100GB
- การป้องกัน DDoS และไฟร์วอลล์
- การเพิ่มประสิทธิภาพรูปภาพ & การบีบอัด Brotli
- การเพิ่มประสิทธิภาพมือถือมิราจ
- รองรับ HTTP/3
และตอนนี้,
- การแคชหน้าขอบ
- Argo การกำหนดเส้นทางอัจฉริยะ
- การจำกัดอัตราทั่วโลก
- โครงการหม้อน้ำผึ้ง
วิธีเปิดใช้งาน Edge Cache ใน Cloudways CDN
หากคุณเปิดใช้งาน CloudwaysCDN การเปิดใช้งานการแคชเพจ Edge นั้นเป็นเรื่องง่าย ให้ฉันบอกคุณไม่กี่ขั้นตอนในการเปิดใช้งาน!
ขั้นตอนที่ 1: ไปที่แดชบอร์ด Cloudways ของคุณ
ขั้นตอนที่ 2: เลือกเซิร์ฟเวอร์ของคุณและไปที่ “ แอปพลิเคชัน “
ขั้นตอนที่ 3: ไปที่ส่วน Cloudflare คุณจะเห็นการตั้งค่าต่อไปนี้

ขั้นตอนที่ 4: ไปที่แท็บ " การตั้งค่า " และเปิดใช้งานตัวเลือกที่แสดงในภาพหน้าจอด้านล่าง

นั่นคือทั้งหมด! คุณเปิดใช้งาน Edge Cache ใน Cloudways CDN สำเร็จแล้ว เพื่อเพิ่มความเร็วเว็บไซต์ WordPress ของคุณ
ตอนนี้ มาดูคะแนนของ TTFB, LCP และเวลาในการโหลดหน้าก่อนและหลังการเปิดใช้งานแคชของหน้า Edge
ผลการทดสอบ GTMETRIX
เว็บไซต์ของฉันโฮสต์บนเซิร์ฟเวอร์ DO 2GB ในเมืองบังกาลอร์ ประเทศอินเดีย ฉันได้ทดสอบเวลาในการโหลดบล็อกของฉันใน GTMetrix แล้ว และนี่คือผลลัพธ์สำหรับการรับชมของคุณ! ดูคะแนนที่ทำเครื่องหมายไว้!
ก่อนเปิดใช้งานแคชหน้า CDN Edge ของ Cloudways

หลังจากเปิดใช้งานแคชหน้า CDN Edge ของ Cloudways

คุณสามารถดูการปรับแต่งได้ใน TTFB, LCP และเวลาโหลดเต็ม ดังนั้น ค่า TTFB ของไซต์ของฉันจึงดีขึ้น 56.6%
ไม่ใช่แค่ประเทศเดียว! ฉันได้ทำการทดสอบความเร็วในสถานที่ต่างๆ ทั่วโลก และนี่คือผลลัพธ์
ที่ตั้ง | ทีทีเอฟบี | TTFB หลังจาก Edge Cache | ลป | LCP หลังจาก Edge Cache | เวลาโหลดเต็ม | เวลาโหลดเต็มหลังจากแคชขอบ |
แวนคูเวอร์ แคนาดา | 152ms | 66ms | 379ms | 236ms | 2.9 วินาที | 2.1 วินาที |
ฮ่องกง, จีน | 228ms | 50ms | 507ms | 312ms | 2.9 วินาที | 1.9 วินาที |
ลอนดอน สหราชอาณาจักร | 190ms | 41ms | 626ms | 264ms | 2.2 วินาที | 2.2 วินาที |
ซิดนีย์ ออสเตรเลีย | 228ms | 68ms | 728ms | 353ms | 4.8 วินาที | 3.1 วินาที |
มุมไบ ประเทศอินเดีย | 394ms | 49ms | 1.8 วินาที | 1.1 วินาที | 4.7 วินาที | 2.9 วินาที |
ซานอันโตนิโอ เท็กซัส สหรัฐอเมริกา | 115ms | 48ms | 428ms | 265ms | 2.5 วินาที | 1.8 วินาที |
เซาเปาโล บราซิล | 463ms | 72ms | 1.1 วินาที | 634ms | 3.5 วินาที | 2.6 วินาที |
ผลการทดสอบ SpeedVitals
SpeedVitals เป็นเว็บไซต์ที่มีชื่อเสียงในการวัดประสิทธิภาพของเว็บไซต์ ดูคะแนนประสิทธิภาพก่อนและหลัง Edge Page Cache ใน CloudwaysCDN
ประสิทธิภาพก่อนแคช CDN แบบเต็มหน้าของ Cloudways

ประสิทธิภาพหลังจากแคช CDN แบบเต็มหน้าของ Cloudways

ไม่ต้องสงสัยเลยว่าแคชแบบเต็มหน้าของส่วนเสริม Cloudflare CDN ในโฮสติ้ง Cloudways ช่วยเพิ่มความเร็วในการโหลดเว็บไซต์
จากภาพหน้าจอด้านบน คุณจะเห็น คะแนนประสิทธิภาพของไซต์ของฉันพุ่งสูงขึ้นจาก “C” เป็น “A” เป็นการเพิ่มความเร็วที่ยอดเยี่ยมซึ่งฉันคาดหวังให้ผู้ใช้มีส่วนร่วมมากขึ้นและได้รับความสนใจจาก Google
และตอนนี้ ให้ฉันแสดงคะแนน TTFB ก่อนและหลังเปิดใช้งานแคช Cloudways CDN Edge
คะแนน TTFB ก่อน Edge Cache ในยุโรป

ผลการทดสอบ TTFB หลังจาก Edge Cache ในยุโรป

เพื่อแสดงคะแนน TTFB ในรูปแบบที่ชัดเจน ฉันได้ป้อนค่าความเร็วในตารางแล้ว! ดูการลดลงของค่า TTFB

ที่ตั้ง | ก่อน Edge Cache | หลังจาก Edge Cache |
---|---|---|
ลอนดอน สหราชอาณาจักร | 468ms | 191ms |
ปารีสฝรั่งเศส | 215ms | 206ms |
สวีเดน | 349ms | 79ms |
ฟินแลนด์ | 306ms | 57ms |
เบลเยี่ยม | 248ms | 63ms |
มาดริด, สเปน | 295ms | 220ms |
มิลาน, อิตาลี | 594ms | 36ms |
เนเธอร์แลนด์ | 243ms | 213ms |
วอร์ซอว์ โปแลนด์ | 661ms | 36ms |
แฟรงก์เฟิร์ต เยอรมนี | 529ms | 230มิลลิวินาที |
เฉลี่ย | 391ms | 133ms |
ผลลัพธ์ TTFB ก่อน Cloudways CDN Full Page Cache ในอเมริกา

ค่า TTFB หลังจาก Cloudways CDN Full Page Cache ในอเมริกา

อย่าพลาดการตรวจสอบการปรับปรุงคะแนนความเร็ว TTFB หลังจากเปิดใช้งานแคชเพจ Cloudways CDN Edge!
ที่ตั้ง | ก่อน Edge Cache | หลังจาก Edge Cache |
---|---|---|
ลาสเวกัส สหรัฐอเมริกา | 166ms | 74ms |
โลวา สหรัฐอเมริกา | 238ms | 125ms |
เซาท์แคโรไลนา สหรัฐอเมริกา | 194ms | 69ms |
เวอร์จิเนียตอนเหนือ สหรัฐอเมริกา | 138ms | 115ms |
โอเรกอน สหรัฐอเมริกา | 194ms | 62ms |
ดัลลัส สหรัฐอเมริกา | 211ms | 89ms |
มอนทรีออล แคนาดา | 162ms | 52ms |
เซาเปาโล บราซิล | 454ms | 36ms |
ซันติอาโก ชิลี | 435ms | 38ms |
เฉลี่ย | 244ms | 73ms |
คะแนน TTFB ก่อน Edge Page Cloudways CDN Cache ในเอเชียแปซิฟิกและแอฟริกา

ผลลัพธ์ TTFB หลังจาก Cloudways CDN Edge Cache ในเอเชียแปซิฟิกและแอฟริกา

สุดท้าย ดูที่ค่า TTFB ที่มีและไม่มีแคช CDN แบบเต็มหน้าของ Cloudways
ที่ตั้ง | ก่อนแคช | หลังจากแคช |
---|---|---|
มุมไบ ประเทศอินเดีย | 474ms | 84ms |
เดลี ประเทศอินเดีย | 830ms | 68ms |
ไต้หวัน | 305ms | 45ms |
ฮ่องกง | 370ms | 45ms |
โตเกียว, ญี่ปุ่น | 344ms | 38ms |
สิงคโปร์ | 255ms | 240ms |
จาการ์ตา อินโดนีเซีย | 593ms | 77ms |
ซิดนีย์ ออสเตรเลีย | 227ms | 218ms |
ดูไบ ยูเออี | 786ms | 130มิลลิวินาที |
เทลอาวีฟ อิสราเอล | 833ms | 147ms |
แอฟริกาใต้ | 928ms | 107ms |
เฉลี่ย | 540ms | 109ms |
Cloudways CDN Edge Caching – คำถามที่พบบ่อย
ฉันใช้ CloudwaysCDN ฉันต้องจ่ายเพิ่มสำหรับการแคช Edge Page หรือไม่
เลขที่! คุณไม่จำเป็นต้องจ่ายเงินเพิ่มเพื่อเปิดใช้งานการแคช Edge ในการโฮสต์ Cloudways
การจำกัดอัตราทั่วโลกใน CloudwaysCDN คืออะไร
การจำกัดอัตราทั่วโลกใน Cloudflare CDN ปกป้องไซต์ของคุณจากทราฟฟิกอัตโนมัติที่มุ่งร้ายและรับประกันเวลาทำงาน 100% ฟีเจอร์ความปลอดภัยนี้มีให้สำหรับผู้ใช้ CloudwaysCDN แล้ว คุณต้องเปิดใช้งาน
ฉันสามารถปรับปรุงคะแนน TTFB ด้วย Edge caching ได้หรือไม่
แน่นอน! เราได้เห็นการปรับปรุงที่สำคัญใน TTFB, LCP และเวลาในการโหลดเว็บไซต์ของเราอย่างเต็มที่ ตรวจสอบคะแนนความเร็วของเรา (แนบภาพหน้าจอ) หลังจากเปิดใช้งานคุณสมบัติ Cloudflare นี้ใน CloudwaysCDN
เหตุใดฉันจึงควรรวม Cloudflare Enterprise Addon ใน Cloudways Hosting
หากคุณเป็นเจ้าของไซต์ธุรกิจโดยเฉพาะ คุณควรได้รับส่วนเสริมสำหรับองค์กร Cloudflare ในโฮสติ้ง Cloudways เพื่อรับบริการที่มีการจัดการและมุ่งเน้นไปที่การเติบโตของธุรกิจ หลีกเลี่ยงการใช้ปลั๊กอินหลายตัว ป้องกันทราฟฟิกที่เป็นอันตรายผ่านการรักษาความปลอดภัยที่ได้รับการปรับปรุง และปรับปรุงประสิทธิภาพของไซต์
สรุป - ปรับปรุง TTFB, LCP และเวลาในการโหลดหน้าด้วย CloudwaysCDN Edge Cache
CDN ช่วยลดภาระของเว็บเซิร์ฟเวอร์ของคุณและเร่งการส่งเนื้อหาสำหรับผู้ชมของคุณ อย่างไรก็ตาม คุณควรระมัดระวังในการเลือกผู้ให้บริการ CDN ที่เชื่อถือได้เพื่อรักษาความปลอดภัยข้อมูลของคุณและเพิ่มประสิทธิภาพความเร็วของไซต์
ทีมโฮสติ้ง Cloudways ให้ความสำคัญกับการนำเสนอบริการโฮสติ้งที่เร็วที่สุดสำหรับลูกค้าเสมอ พวกเขานำเสนอคุณสมบัติด้านความเร็วหลายประการ และการเป็นพันธมิตรกับ Cloudflare CDN ก็เป็นหนึ่งในนั้น
และตอนนี้ ยกระดับความเร็วขึ้นไปอีกขั้น พวกเขาทำให้ Edge Page Caching พร้อมใช้งานและ Argo Smart routing เพื่อเวลาในการโหลดที่เร็วขึ้น เพื่อให้ผู้ชมของคุณไม่ว่าจะอยู่ที่ไหน สามารถเข้าถึงไซต์ของคุณได้อย่างรวดเร็ว
ดังนั้น เพื่อลด TTFB และ LCP ของ Core Web Vitals ของไซต์ คุณควรพิจารณาใช้ CloudwaysCDN และเปิดใช้งานแคชแบบเต็มหน้าโดยไม่มีค่าธรรมเนียมเพิ่มเติม คุณกำลังรออะไรอยู่? เริ่มต้นฟรีกับ Cloudways และรับส่วนลด $30