วิธีปรับปรุง TTFB, LCP และเวลาในการโหลดหน้าเว็บไซต์ของคุณในช็อตเดียว

เผยแพร่แล้ว: 2023-07-01
cloudwayscdn-edge-cache-ttfb-lcp

เจ้าของเว็บไซต์ทุกคนใฝ่ฝันที่จะสร้างเว็บไซต์ที่โหลดเร็วเพื่อให้ได้รับการจัดอันดับ 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

คะแนน gtmetrix ก่อนขอบแคช

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

cloudwayscdn-edge-page-cache

คุณสามารถดูการปรับแต่งได้ใน 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

ประสิทธิภาพก่อน cloudways-edge-cache

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

ประสิทธิภาพหลัง cloudwayscdn-edge-cache

ไม่ต้องสงสัยเลยว่าแคชแบบเต็มหน้าของส่วนเสริม Cloudflare CDN ในโฮสติ้ง Cloudways ช่วยเพิ่มความเร็วในการโหลดเว็บไซต์

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

และตอนนี้ ให้ฉันแสดงคะแนน TTFB ก่อนและหลังเปิดใช้งานแคช Cloudways CDN Edge

คะแนน TTFB ก่อน Edge Cache ในยุโรป

ก่อนขอบแคชสถานะยุโรป

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

อาฟเตอร์เอดจ์แคช ttfb ยุโรป

เพื่อแสดงคะแนน 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 ของไซต์ของฉันดีขึ้น 66% ในยุโรป คุณไม่ต้องการความคืบหน้าของเวลาในการโหลดหน้านี้หรือ

ผลลัพธ์ TTFB ก่อน Cloudways CDN Full Page Cache ในอเมริกา

cloudwayscdn-ttfb-america-before-edge-cache

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

ttfb-cloudwayscdn-america-after-edge-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 ของไซต์ของฉันดีขึ้น 70% ในอเมริกา ฉันดีใจกับคะแนนความเร็วที่เพิ่มขึ้นอย่างมากนี้

คะแนน TTFB ก่อน Edge Page Cloudways CDN Cache ในเอเชียแปซิฟิกและแอฟริกา

ttfb-asia-pacific-africa-before-edge-cache

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

ttfb-cloudwayscdn-asia-africa-after-edge-page-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
สำหรับภูมิภาคเอเชียแปซิฟิกและแอฟริกา คะแนน TTFB ได้รับการปรับขึ้น 79.8% เนื่องจากผู้ชมเป้าหมายของเราตั้งอยู่ในภูมิภาคเหล่านี้ ฉันจึงพอใจกับเวลาในการโหลดที่เพิ่มขึ้นนี้

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