Kinsta และ WP Rocket สามารถเร่งความเร็วเว็บไซต์ของคุณได้อย่างไร

เผยแพร่แล้ว: 2021-09-29

คุณต้องการทราบว่า Kinsta และ WP Rocket สามารถเพิ่มความเร็วไซต์ของคุณได้อย่างไร? ด้วยปลั๊กอินโฮสติ้งและแคชที่เหมาะสม คุณจะได้รับประสิทธิภาพที่เพิ่มขึ้นอย่างมากในเวลาเพียงไม่กี่นาที คุณลักษณะที่ยอดเยี่ยมบางอย่างที่มาพร้อมกับบริการทั้งสองนี้จะทำให้ไซต์ของคุณเร็วขึ้นโดยแทบไม่ต้องทำอะไรเลย

มาสำรวจศักยภาพของการใช้ WP Rocket ร่วมกับ Kinsta

ทำไมคุณควรใช้ Fast Hosting

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

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

ยิ่งเว็บไซต์ช้าลง อัตรา Conversion ก็ยิ่งลดลง - ที่มา: Cloudflare
ยิ่งเว็บไซต์ช้าลง อัตรา Conversion ก็ยิ่งลดลง – ที่มา: Cloudflare


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

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

Kinsta คืออะไร (และเร็วแค่ไหน)

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

สิ่งที่ผู้ใช้ WordPress พูดเกี่ยวกับ Kinsta - ที่มา: Kinsta
สิ่งที่ผู้ใช้ WordPress พูดเกี่ยวกับ Kinsta – ที่มา: Kinsta


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

1. เข้าถึง C2 VM ของ Google Cloud และเครือข่ายระดับพรีเมียม

Kinsta โฮสต์ไซต์ WordPress ของคุณโดยตรงบน Google Cloud Platform ซึ่งเป็นโครงสร้างพื้นฐานที่สร้างและดูแลโดย Google คุณอยู่ในที่เดียวกับ Spotify, Coca-Cola, Snapchat... น่าทึ่งใช่ไหม

Kinsta ใช้เครือข่าย C2 VMS และ Premium Tier ของ Google ซึ่งมีความหน่วงแฝงต่ำและกำหนดเส้นทางการรับส่งข้อมูลเร็วขึ้น 30-50% โดยหลีกเลี่ยงไปป์ไลน์อินเทอร์เน็ตสาธารณะให้มากที่สุด Kinsta เป็นโฮสต์เดียวในตลาดที่ให้บริการเครื่อง C2 ในทุกแผน

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

ความเร็วเพิ่มขึ้นหลังจากใช้เครื่อง C2 - ที่มา: Kinsta
ความเร็วเพิ่มขึ้นหลังจากใช้เครื่อง C2 – ที่มา: Kinsta

2. เลือกตำแหน่งศูนย์ข้อมูล Google Cloud ของคุณ

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

แพลตฟอร์มคลาวด์ของ Google


3. ใช้ CDN ของ Kinsta (ขับเคลื่อนโดย Cloudflare)

ตั้งแต่ปีนี้ CDN ของ Kinsta ได้เร็วกว่ารุ่นก่อนถึง 40% เครือข่ายกระจายไปทั่วกว่า 200 เมือง! ข้อมูลทั้งหมดของคุณจะใกล้ชิดกับผู้เยี่ยมชมมากขึ้นด้วยการอัปเดตใหม่นี้ Kinsta กล่าวว่า CDN ใหม่ของพวกเขาสามารถปรับปรุงความเร็วไซต์ได้มากถึง 44% ดังที่คุณเห็นด้านล่าง เวลาในการโหลดจะดีกว่าด้วย Cloudflare CDN ใหม่:

ก่อน vs หลังประสิทธิภาพ CDN - ที่มา: Kinsta
ก่อน vs หลังประสิทธิภาพ CDN – ที่มา: Kinsta


4. ใช้แคชของ Kinsta

แคชคืออะไร? ช่วยลดปริมาณงานที่จำเป็นในการสร้างการดูเพจ
เหตุใดคุณจึงควรใช้แคช ง่ายมาก: การแคชทำให้เว็บไซต์ WordPress เร็วขึ้นและลดภาระงานบนเว็บเซิร์ฟเวอร์ของคุณ ทุกไซต์ที่โฮสต์ที่ Kinsta ใช้แคชที่ใช้โดยอัตโนมัติสี่ประเภท ได้แก่ Bytecode, Object, Page และ CDN cache

ตัวเลือกแคชที่รวมเข้ากับ Kinsta - ที่มา: Kinsta
ตัวเลือกแคชที่รวมเข้ากับ Kinsta - ที่มา: Kinsta


5. ใช้ประโยชน์จากการตรวจสอบประสิทธิภาพแอปพลิเคชันในตัวของ Kinsta (APM)

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

Kinsta APM


6. รับประโยชน์จากแพลตฟอร์มที่ใช้งานง่ายซึ่งออกแบบมาสำหรับ WordPress

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

เปิดตัว WordPress


ไซต์ WordPress ของฉันทั้งหมดสามารถรวบรวมได้ในอินเทอร์เฟซเดียวกัน ซึ่งมีประโยชน์มาก:

ไซต์ WordPress ในแดชบอร์ดของ Kinsta


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

Cpanel ที่ใช้งานง่ายและทรงพลัง - ที่มา: Kinsta
Cpanel ที่ใช้งานง่ายและทรงพลัง – ที่มา: Kinsta


7. การทดสอบความเร็ว: Kinsta เร็วแค่ไหน (จริงๆ)

เราจะใช้ Google PageSpeed ​​Insight เพื่อทดสอบประสิทธิภาพของไซต์ WordPress ของฉันที่โฮสต์บน Kinsta นอกจากนี้ เราจะใช้ WebPageTest เพื่อวัดเมตริก "เวลาที่โหลดเต็มที่" การทดสอบทั้งสองจะเป็นการจำลองจากอุปกรณ์ พก พา

จะมีสองสถานการณ์:

  • สถานการณ์ #1 : การวัดประสิทธิภาพของไซต์บนมือถือของฉันด้วยย่อหน้าไม่กี่ย่อหน้า (ไม่มีรูปภาพ) และติดตั้งธีมปี 2021
  • สถานการณ์ #2 : การวัดประสิทธิภาพของไซต์บนมือถือของฉันโดยใช้ Astra และ Elementor (โฮมเพจที่เหมือนจริงพร้อมข้อความและรูปภาพ)

สถานการณ์ #1:

คะแนนมือถือของฉันคือ 99/100 (100/100 บนเดสก์ท็อป) เว็บไซต์ของฉันค่อนข้างว่างเปล่า ดังนั้นฉันจึงไม่ได้คาดหวังอะไรที่ดีไปกว่านี้จาก Kinsta

ไซต์ทดสอบของฉันพร้อมข้อความบางส่วนและติดตั้งธีมปี 2021 - ที่มา: PSI
ไซต์ทดสอบของฉันพร้อมข้อความบางส่วนและติดตั้งธีมปี 2021 – ที่มา: PSI


เมตริกเวลาที่โหลดเต็มที่และคำขอ HTTP นั้นดีมาก สมเหตุสมผลเพราะหน้าของฉันเกือบจะว่างเปล่า

เวลาที่โหลดเต็มที่และคำขอ HTTP บนมือถือ (ไม่มีเนื้อหา) - ที่มา: WebPageTest
เวลาที่โหลดเต็มที่และคำขอ HTTP บนมือถือ (ไม่มีเนื้อหา) – ที่มา: WebPageTest

ไปที่สถานการณ์ # 2 ด้วยการติดตั้ง Elementor และเพิ่มเนื้อหาเพิ่มเติมในหน้าของฉัน

สถานการณ์ #2 :

ขณะนี้ เรากำลังใช้ Elementor วิดีโอที่มาจาก YouTube รูปภาพ ไอคอน และเนื้อหาอื่นๆ อีกมาก ด้วยเหตุนี้ คะแนนของฉันจึงเพิ่มขึ้นจาก 99 เป็น 82/100 บนมือถือ (ซึ่งคาดเดาได้เมื่อเราเพิ่มเนื้อหาบางส่วนโดยไม่ได้ปรับแต่งให้เหมาะสม)

หมายเหตุสำคัญ: Kinsta รักษาคะแนนสีเขียวบนเดสก์ท็อป (91/100) แม้หลังจากเพิ่มเนื้อหาจำนวนมากแล้ว

คะแนน PSI ของฉันบนมือถือที่มีเนื้อหามากมายบนเว็บไซต์ของฉัน - ที่มา: Google PageSpeed ​​Insights
คะแนน PSI ของฉันบนมือถือที่มีเนื้อหามากมายบนเว็บไซต์ของฉัน – ที่มา: Google PageSpeed ​​Insights


จากข้อมูลของ Google PageSpeed ​​Insights ปัญหาส่วนใหญ่มาจาก JS และ CSS ที่ไม่ได้รับการปรับให้เหมาะสมและโค้ดของบุคคลที่สามบางส่วน:

ส่วนการวินิจฉัย - ที่มา: Google PageSpeed ​​Insights
ส่วนการวินิจฉัย – ที่มา: Google PageSpeed ​​Insights


คุณต้องการให้เว็บไซต์ของคุณโหลดภายในสามวินาที Kinsta อยู่บนขีด จำกัด นั้น (2.587 วินาที) จำนวนคำขอ HTTP คือ 56 ซึ่งเป็นจำนวนที่ดี ค่าเฉลี่ยบนอินเทอร์เน็ตคือ 70

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับ จำนวนคำขอ HTTP ที่ แนะนำได้ในคู่มือเฉพาะของเรา

เวลาที่โหลดเต็มที่และคำขอ HTTP สำหรับหน้าแรกของฉันบนมือถือ - ที่มา: WebPageTest
เวลาที่โหลดเต็มที่และคำขอ HTTP สำหรับหน้าแรกของฉันบนมือถือ – ที่มา: WebPageTest


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

นั่นนำเราไปสู่ส่วนถัดไป: Kinsta และ WP Rocket สามารถช่วยให้บรรลุคะแนน 100/100 บนมือถือได้อย่างไร

ทำไม WP Rocket จึงเหมาะกับประสิทธิภาพ

ปลั๊กอิน WP Rocket เข้ากันได้อย่างสมบูรณ์กับสภาพแวดล้อมการโฮสต์ของ Kinsta สิ่งนี้คือ Kinsta มาพร้อมกับคุณสมบัติการแคชแล้ว ด้วยเหตุนี้ WP Rocket จึงไม่มีความจำเป็นในการแคชเนื้อหาของคุณ แต่จะต้องใช้เพื่อเพิ่มประสิทธิภาพโค้ดของคุณ และรักษา Core Web Vitals ของคุณในโซนสีเขียว

มาดูกันว่า WP Rocket สามารถช่วยปรับปรุงประสิทธิภาพไซต์ WordPress ของคุณได้อย่างไร

1. สิ่งที่ควรทราบเมื่อใช้ Kinsta และ WP Rocket

สิ่งแรกที่ต้องจำไว้คือ คุณลักษณะการแคชหน้าของ WP Rocket ถูกปิดใช้งานโดยอัตโนมัติ เพื่อป้องกันความขัดแย้งกับการแคชของ Kinsta ที่ถูกกล่าวว่า Kinsta (และเรา) ยังคงแนะนำให้คุณทำเครื่องหมายที่ช่อง "แคชมือถือ":

การเปิดใช้งานแคชสำหรับอุปกรณ์มือถือ - ที่มา: แดชบอร์ดของ WP Rocket
การเปิดใช้งานแคชสำหรับอุปกรณ์มือถือ – ที่มา: แดชบอร์ดของ WP Rocket


CDN ของ Kinsta นั้นขับเคลื่อนโดย Cloudflare ดังนั้นมันจะทำงานโดยอัตโนมัติกับ WP Rocket – ไม่มีตัวเลือก ให้เปิดใช้งาน ไม่จำเป็นต้องเลือกตัวเลือก "เปิดใช้งานเครือข่ายการจัดส่งเนื้อหา" อีกต่อไป

ไม่จำเป็นต้องทำเครื่องหมายที่ช่อง "เปิดใช้งาน CDN" ด้วย Kinsta


ยิ่งไปกว่านั้น Kinsta ยังผสานรวมกับ Cloudflare อย่างสมบูรณ์ คุณจึงไม่ต้องเชื่อมต่อส่วนเสริมกับบัญชีของคุณ

การปิดส่วนเสริมของ Cloudflare เมื่อใช้ Kinsta


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

Google PageSpeed ​​​​Insights วัดประสิทธิภาพ (รวมถึง Core Web Vitals) และบ่อยครั้งมากที่คุณจะเห็นคำแนะนำเหล่านี้: "กำจัดทรัพยากรการบล็อกการแสดงผลโดยนำเสนอ JS/CCSS ที่สำคัญในบรรทัดและเลื่อน JS ที่ไม่สำคัญทั้งหมด", "ลดขนาดที่ไม่ได้ใช้ JS และ CSS” เป็นต้น

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

แท็บการเพิ่มประสิทธิภาพไฟล์ - ที่มา: แดชบอร์ดของ WP Rocket
แท็บการเพิ่มประสิทธิภาพไฟล์ – ที่มา: แดชบอร์ดของ WP Rocket

มาดูแต่ละส่วนกันเพื่อดูว่า Kinsta และ WP Rocket ส่งเสริมซึ่งกันและกันอย่างไร

2. ลด CSS ที่ไม่ได้ใช้

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

การลดขนาดและการลบ CSS ที่ไม่ได้ใช้ - ที่มา: WP Rocket
การลดขนาดและการลบ CSS ที่ไม่ได้ใช้ - ที่มา: WP Rocket

3. เพิ่มประสิทธิภาพการจัดส่ง CSS

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

เพิ่มประสิทธิภาพการส่ง CSS ในคลิกเดียว - ที่มา: WP Rocket
เพิ่มประสิทธิภาพการส่ง CSS ในคลิกเดียว – ที่มา: WP Rocket


หมายเหตุสำคัญเกี่ยวกับการนำส่ง CSS: ควรใช้การนำส่ง CSS ที่ปรับให้เหมาะสมที่สุดก็ต่อเมื่อ Remove Unused CSS ไม่ทำงานสำหรับผู้ใช้ ลบ CSS ที่ไม่ได้ใช้ควรเป็นตัวเลือกแรกเสมอ

4. โหลด JS รอการตัดบัญชี

สาเหตุหลักประการหนึ่งที่ทำให้หน้าเว็บทำงานช้าคือ "สคริปต์การบล็อก" หากคุณโหลด JS ที่เลื่อนออกไป คุณจะปรับปรุงเวลาในการโหลด WP Rocket ช่วยคุณได้ด้วยการคลิกเพียงครั้งเดียว:

โหลด JS รอการตัดบัญชี – ที่มา: WP Rocket

5. หน่วงเวลาการดำเนินการ JS

อีกวิธีหนึ่งในการเพิ่มความเร็วไซต์ WordPress ของคุณด้วย WP Rocket คือการชะลอการทำงานของ JavaScript การลดเวลาดำเนินการ JS ก็มีความสำคัญเช่นกันในการรักษา Core Web Vitals ของคุณให้แข็งแรง

หน่วงเวลาการดำเนินการ JS - ที่มา: WP Rocket
หน่วงเวลาการดำเนินการ JS – ที่มา: WP Rocket


WP Rocket ปรับปรุงคะแนนประสิทธิภาพของ Lighthouse โดยการเพิ่มประสิทธิภาพ Core Web Vitals ของคุณ KPI ของ Largest Contentful Paint (LCP) จะได้รับผลกระทบโดยตรงหากคุณเลือกที่จะเลื่อนและเพิ่มประสิทธิภาพ JS และ CSS ของไซต์ WordPress ของคุณ

คะแนน LCP ดีขึ้นด้วยคุณสมบัติ WP Rocket
คะแนน LCP ดีขึ้นด้วยคุณสมบัติ WP Rocket


อีกวิธีหนึ่งในการเลื่อนเนื้อหาที่มีความสำคัญน้อยกว่าคือการใช้สคริปต์โหลดแบบสันหลังยาว อีกครั้ง WP Rocket สามารถช่วยคุณทำสิ่งนี้ได้อย่างง่ายดาย เรามาดูกันว่าเป็นอย่างไร

6. ใช้ Lazy Loading

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

การใช้การโหลดแบบ Lazy Loading - ที่มา: WP Rocket
การนำการโหลดแบบ Lazy Loading ไปใช้ – ที่มา: WP Rocket


อีกครั้งหนึ่ง WP Rocket ช่วยปรับปรุง Core Web Vitals และรับคะแนนที่ดีตามคำแนะนำ PageSpeed ​​Insights PSI แนะนำให้เราใช้การโหลดแบบ Lazy Loading และเลื่อนภาพนอกจอออกไปเพื่อให้มีที่ว่างสำหรับภาพครึ่งหน้าบน

PSI แนะนำให้โหลดแบบ Lazy Loading
PSI แนะนำให้โหลดแบบ Lazy Loading

7. โหลดล่วงหน้าและเชื่อมต่อล่วงหน้า

ภายใต้เมนู "โหลดล่วงหน้า" WP Rocket มีตัวเลือกการโหลดล่วงหน้าสี่ตัวเลือก ได้แก่ แคชโหลดล่วงหน้า ลิงก์โหลดล่วงหน้า ดึงคำขอ DNS ล่วงหน้า และฟอนต์โหลดล่วงหน้า บางส่วนจะไม่มีประโยชน์ที่จะใช้กับ Kinsta ลองใช้ตัวเลือกให้เกิดประโยชน์สูงสุด:

โหลดแคชล่วงหน้า : อย่าเลือกตัวเลือกนี้ สามารถลดประสิทธิภาพลงได้

โหลดแคชล่วงหน้า


การโหลดลิงก์ล่วงหน้า : ตัวเลือกนี้จะเริ่มดาวน์โหลดหน้าเว็บเมื่อผู้ใช้วางเมาส์เหนือลิงก์ สิ่งนี้จะเพิ่มเวลาในการโหลดที่ผู้ใช้รับรู้

โหลดลิงค์ล่วงหน้า


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

คำขอ DNS ของนายอำเภอ


โหลดฟอนต์ล่วงหน้า : ตัวเลือกนี้ช่วยให้เว็บเบราว์เซอร์ค้นพบฟอนต์ก่อนที่จะถูกค้นพบในไฟล์ CSS ของคุณ

โหลดฟอนต์ล่วงหน้า


WP Rocket ใช้แอตทริบิวต์ rel=”preload” ซึ่งเป็นคำแนะนำอีกข้อจาก PageSpeed ​​Insights เพื่อรักษา FCP และ LCP ที่แข็งแรงดังที่แสดงด้านล่าง:

8. การเพิ่มประสิทธิภาพฐานข้อมูล

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

ตัวเลือกการเพิ่มประสิทธิภาพฐานข้อมูลทั้งหมดทำงานได้ดีกับ Kinsta และยังมีคุณสมบัตินี้โดยใช้ Innodb

9. คุณสมบัติการเพิ่มประสิทธิภาพเพิ่มเติม

มีมากขึ้น WP Rocket มาพร้อมกับคุณสมบัติอื่นๆ มากมาย เพื่อปรับปรุงความเร็วของเว็บไซต์ของคุณ นี่คือสิ่งที่เกิดขึ้นกับไซต์ WordPress ของคุณเมื่อเปิดใช้งาน WP Rocket:

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

วิธีเพิ่มความเร็วเว็บไซต์ของคุณด้วย Kinsta + WP Rocket

หากไซต์ WordPress ของคุณโฮสต์บน Kinsta โดยเปิดใช้งาน WP Rocket แสดงว่าคุณกำลังเพิ่มโอกาสในการนำเว็บไซต์ของคุณไปสู่ความเร็วแสง

มาทำการตรวจสอบประสิทธิภาพกัน

เราจะใช้ Google PageSpeed ​​Insights และ WebPageTest เพื่อวัดประสิทธิภาพมือถือ ไซต์ทดสอบของฉันคือตัวแทนการท่องเที่ยวที่สร้างด้วย Elementor และ Astra

สถานการณ์ #1 – ไซต์ทดสอบของฉันโฮสต์บน Kinsta – ไม่มี WP Rocket

การใช้ Google PageSpeed ​​Insights (ประสิทธิภาพมือถือ)

ไซต์ทดสอบของฉันที่โฮสต์โดย Kinsta ยังคงใช้งานได้รวดเร็วบนมือถือโดยไม่ต้องทำการเพิ่มประสิทธิภาพ (82/100) อย่างไรก็ตาม Core Web Vitals บางตัวของฉันย้ายไปเป็นสีส้ม

ประสิทธิภาพมือถือด้วย Kinsta - ที่มา: PSI
ประสิทธิภาพมือถือด้วย Kinsta – ที่มา: PSI


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

เวลาที่โหลดเต็มที่และคำขอ HTTP สำหรับหน้าแรกของฉัน (ไม่มี WP Rocket) - ที่มา: WebPageTest
เวลาที่โหลดเต็มที่และคำขอ HTTP สำหรับหน้าแรกของฉัน (ไม่มี WP Rocket) - ที่มา: WebPageTest
KPI (ประสิทธิภาพของอุปกรณ์เคลื่อนที่) คะแนน (ไม่มี WP Rocket)
เกรดรวม 82/100
เวลาโหลดเต็มที่ 2.587 วิ
คำขอ HTTP 56
FCP 1.6 วิ
SI 1.6 วิ
LCP 1.9 วิ
TTI 1.6 วิ
TBT 20 ms
CLS 0.125

สถานการณ์ #2 – ไซต์ทดสอบของฉันโฮสต์บน Kinsta – ด้วย WP Rocket

การใช้ Google PageSpeed ​​Insights (ประสิทธิภาพมือถือ)

ผลลัพธ์น่าประทับใจ: เราได้รับ 100/100 บน Lighthouse! Core Web Vitals ทั้งหมดของฉันเป็นสีเขียว การเปลี่ยนเค้าโครงสะสมและเวลาในการบล็อกทั้งหมดลดลงเหลือ 0

100/100 บนมือถือด้วย Kinsta และ WP Rocket - ที่มา: PSI
100/100 บนมือถือด้วย Kinsta และ WP Rocket – ที่มา: PSI


ตัววัดอื่น ๆ อีกสองตัว (คำขอ HTTP และเวลาโหลดเต็ม) ก็ลดลงอย่างมากด้วย WP Rocket (จาก 3.5 วินาทีเป็น 1.5 วินาทีและ 56 คำขอเป็น 17)

คะแนนโฮมเพจด้วย WP Rocket – ที่มา: WebPageTest


และนี่คือภาพรวมประสิทธิภาพที่เราสรุปไว้ในตาราง:

KPI (ประสิทธิภาพมือถือ) คะแนน (ไม่มี WP Rocket) คะแนน (พร้อม WP Rocket)
เกรดรวม 82/100 100/100
เวลาโหลดเต็มที่ 2.587 วิ 1.543 วิ
คำขอ HTTP 56 17
FCP 1.6 วิ 0.4 วิ
SI 1.6 วิ 0.4 วิ
LCP 1.9 วิ 0.5 วิ
TTI 1.6 วิ 0.4 วิ
TBT 20 ms 0 ms
CLS 0.125 0

ห่อ

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

หากคุณรวม Kinsta เข้ากับ WP Rocket คุณจะได้รับสิ่งที่ดีที่สุดจากทั้งสองโลก : โฮสติ้งที่รวดเร็วด้วยโซลูชันแคชในตัวและปลั๊กอิน WordPress ที่เพิ่มประสิทธิภาพไซต์ของคุณและทำให้ Core Web Vitals ของคุณเป็นสีเขียว (100/100 โดย Lighthouse )!

รับ 82/100 บนมือถือด้วย Kinsta รับ 100/100 บนมือถือด้วย Kinsta และ WP Rocket

ตามที่เราเห็นในการตรวจสอบประสิทธิภาพ WP Rocket เป็นหนึ่งในวิธีที่ง่ายที่สุดในการปรับปรุงคะแนน PageSpeed ​​Insights ของคุณ

และข้อดีคือ คุณไม่ต้องเสี่ยง: คุณมีการรับประกันคืนเงิน 14 วัน เมื่อคุณซื้อ WP Rocket

คุณเป็นผู้ใช้ Kinsta และ WP Rocket หรือไม่? บอกเราว่าสิ่งต่าง ๆ เป็นอย่างไรสำหรับคุณในความคิดเห็นด้านล่าง