CDN จะทำให้ไซต์ WordPress ของฉันเร็วขึ้นหรือไม่ ผลการทดลอง

ถึงเวลาสำหรับการทดลอง ฉันรัก WordPress ฉันใช้มันมาเกือบ 10 ปีแล้ว แต่ก็ไม่มีปัญหา ส่วนใหญ่ ความเร็ว . ใครก็ตามที่ใช้ WordPress บนโฮสติ้งที่ใช้ร่วมกันราคาถูกหรือ VPS ขนาดเล็กจะรู้ว่า การทำให้โหลดได้เร็วนั้นเป็นฝันร้าย

ฉันเคยใช้ ปลั๊กอินแคช และ CloudFlare และทำให้แน่ใจว่าฉันใช้ โฮสติ้งที่ดี แต่ฉันยังต้องการให้เว็บไซต์ WordPress ของฉันเร็วขึ้น! แน่นอน ฉันสามารถย้ายไปใช้โฮสติ้งเฉพาะได้ แต่มีราคาแพง ถึงเวลาลองขั้นตอนต่อไป: a CDN

ฉันใช้ KeyCDN สำหรับการทดลองนี้

CDN คืออะไร?

CDN คือ เครือข่ายการจัดส่งเนื้อหา มันทำสิ่งที่คุณคาดหวัง: นำเสนอเนื้อหา (เช่น สิ่งต่างๆ บนเว็บไซต์ของคุณ เช่น รูปภาพ) จากเครือข่าย ทั่วโลก

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

สามารถใช้ CDN กับ เว็บไซต์ใดก็ได้ รวมถึงเว็บไซต์ WordPress

เหตุใดความเร็วไซต์จึงมีความสำคัญ

ไม่ว่าคุณจะใช้ WordPress หรือ CMS อื่น (ระบบจัดการเนื้อหา) คุณจะต้องการโหลดอย่างรวดเร็ว ทำไม

1.คนอยากให้โหลดเพจเร็ว

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

2. ความเร็วไซต์เป็นสิ่งสำคัญสำหรับ SEO

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

3. หน้าต้องโหลดเร็วจึงจะเหมาะกับมือถือ

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

การทดลอง: CDN จะทำให้เว็บไซต์ WordPress ของฉันเร็วขึ้นหรือไม่

เรารู้ว่าเหตุใดเราจึงต้องการให้ไซต์ WordPress ของเราทำงานเร็วขึ้น แต่ตอนนี้ ถึงเวลาที่จะต้องทำให้มันเกิดขึ้นจริง แทนที่จะพูดถึงวิธีการทำ ฉันจะทำมันจริงๆ (หรืออย่างน้อยก็พยายาม!)

นี่คือสิ่งที่ฉันจะทำ:

1. แสดงรายการการกำหนดค่าเว็บไซต์ปัจจุบัน (โฮสติ้ง ปลั๊กอินแคช ฯลฯ)
2. วัดความเร็วเว็บไซต์ปัจจุบัน (โดยใช้ Google Page Speed ​​และ Pingdom)
3. ติดตั้ง CDN
4. วัดความเร็วใหม่
5. คุ้มไหม?
การตั้งค่าไซต์ WordPress ปัจจุบัน

ฉันกำลังดำเนินการทดสอบนี้บนเว็บไซต์ InternetFolks.com นี่คือสถิติที่คุณต้องรู้เกี่ยวกับประสิทธิภาพปัจจุบัน:

ธีม WordPress: Genesis Framework พร้อมธีมลูกสิบเอ็ด40
โฮสติ้ง: ฉันใช้ VPS ที่มีการจัดการที่ถูกที่สุดของ KnownHost พร้อมที่เก็บข้อมูล SSD (2.5GB RAM) (ประมาณ $30/เดือน)
ปลั๊กอินแคช: ติดตั้งปลั๊กอินอัตโนมัติ (ฟรี) ซึ่งรวม CSS และสคริปต์อื่นๆ เพื่อให้ไซต์ของคุณโหลดเนื้อหาน้อยลง ปลั๊กอิน WPSmushIT (ฟรีเช่นกัน) ซึ่งบีบอัดขนาดของรูปภาพ
แคชเพิ่มเติม: CloudFlare เวอร์ชันฟรีซึ่งย่อและรวมสคริปต์และทำหน้าที่เป็น CDN สำหรับไฟล์สแตติกเช่นรูปภาพ

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

การทดสอบความเร็วเบื้องต้น

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

ด้วยเหตุนี้ ฉันจะทดสอบความเร็ว 2 หน้า: หน้าแรกและบล็อกโพสต์แบบยาว

ฉันกำลังใช้การทดสอบความเร็วเว็บไซต์ของ Pingdom เป็นวิธีที่เข้มงวดกว่ามากในการวัดความเร็วของเว็บไซต์ WordPress ใด ๆ มากกว่า Page Speed ​​Insights ของ Google เพราะคุณสามารถดูได้ว่าทรัพยากรแต่ละอย่างถูกโหลดอย่างไรและตรวจสอบว่าอะไรทำให้คุณช้าลง นอกจากนี้ยังรวมคะแนน Google (เป็นเกรด A, B, C ฯลฯ และคะแนนเต็ม 100)

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

หน้าแรกโหลดใน 3.88 วินาที (ขนาดหน้า 1.1MB) ซึ่งไม่เป็นไร แต่ บล็อกโพสต์โหลดใน 5.8 วินาที (ขนาดหน้า 3.2MB) ซึ่งทำให้มีพื้นที่มากมายสำหรับการปรับปรุงอย่างน้อยที่สุด!

การตั้งค่า WordPress CDN

ฉันตัดสินใจลองใช้ KeyCDN ส่วนใหญ่เพราะมันมีช่วง ทดลองใช้ฟรี 30 วัน (ดังนั้น หากการทดลองนี้ไม่ได้ผล ฉันก็จะไม่สูญเสียอะไรเลย) แต่ก็เป็นเพราะพวกเขาคิดค่าใช้จ่ายแบบ PAYG (ประมาณ $0.04 ต่อ GB) ดังนั้น หากเว็บไซต์ของฉันมีเดือนที่ช้า ฉันจะไม่ถูกเรียกเก็บเงินซ้ำ พวกเขามีขั้นต่ำ $ 49 ต่อปีซึ่งยังคงน้อยกว่า CDN อื่น ๆ ที่ฉันหาได้มาก (MaxCDN ถูกที่สุดถัดไปโดยเริ่มต้นที่ $ 9 / เดือน)

ฉันสร้างบัญชีทดลองและหลังจากเปิดใช้งานอีเมล แดชบอร์ดนี้แสดง:

พวกเขาเริ่มต้นฉันด้วยเครดิตฟรี $1 ซึ่งน่าจะเพียงพอสำหรับการทดสอบนี้

[หมายเหตุ: หากคุณใช้ลิงก์แนะนำของฉันเพื่อลองใช้ KeyCDN คุณจะได้รับเครดิตฟรี $10]

ขั้นตอนต่อไปคือการ เพิ่มโซนในแดชบอร์ด CDN ฉันปล่อยให้การตั้งค่าทั้งหมดเป็นค่าเริ่มต้น ยกเว้น การเพิ่มการรองรับ SSL (ส่วนหนึ่งของส่วน "คุณลักษณะขั้นสูง")

ใช้เวลาประมาณ 5 นาที ในการปรับใช้ CDN Zone จากนั้นฉันก็เพิ่ม Zone URL ใหม่ลงในปลั๊กอิน CDN Enabler และพร้อมสำหรับการดำเนินการ!

บล็อก KeyCDN แนะนำปลั๊กอิน WordPress น้ำหนักเบาที่เรียกว่า CDN Enabler ดังนั้นฉันจึงติดตั้ง คุณเพียงแค่เพิ่ม CDN URL ลงในแดชบอร์ดปลั๊กอิน และมันเริ่มทำงานทันที

หากคุณต้องการคำแนะนำในการตั้งค่าโดยละเอียดเพิ่มเติม โพสต์เริ่มต้นของ KeyCDN นั้นง่ายต่อการปฏิบัติตาม

การทดสอบความเร็วใหม่

ฉันใช้เวลาประมาณ 7 นาทีในการติดตั้ง KeyCDN บนไซต์ WordPress ของฉัน ฉันยังไม่ได้ดูการตั้งค่าขั้นสูงใดๆ เลย แต่มาดูกันว่าจะเกิดอะไรขึ้นถ้าฉันทำการทดสอบความเร็ว Pingdom อีกครั้ง

อืม หน้าแรกใช้เวลาในการโหลด 6.27 วินาที ฉันเบื่อที่จะรอการทดสอบความเร็วโหลดสำหรับโพสต์บล็อก…. เกิน 14 วินาที !

มีบางอย่างไม่ถูกต้อง: การเพิ่ม CDN ลงในไซต์ WordPress ของฉันทำให้ช้าลง

ฉันลบ KeyCDN ชั่วคราวโดยปิดใช้งานปลั๊กอิน CDN Enabler และความเร็วไซต์ของฉันกลับมาเป็นปกติ

บางที CloudFlare และปลั๊กอิน Autoptimize อาจทำให้เกิดข้อขัดแย้ง? ฉันหยุดทั้งสองและลองอีกครั้ง

แบบนั้นมากกว่า!

หน้าแรกโหลดใน 1.31 วินาที (ขนาดหน้าเพิ่มขึ้นถึง 1.5MB) และบล็อกโพสต์ใน 2.66 วินาที (ขนาดหน้า 3.4MB) นี่คือการ ปรับปรุงความเร็วอย่างมาก !

ฉันดีใจที่ CDN ธรรมดานี้ทำให้ไซต์ WordPress ของฉันเร็วขึ้นมาก รอสักครู่ ฉันยังไม่ได้เปิดใช้งาน KeyCDN อีกครั้ง และ CloudFlare จะหยุดชั่วคราว และฉันไม่มีปลั๊กอินแคช… อะไรนะ!

ฉันเล่นซอไปเล็กน้อยและพบว่าฉันทำอะไรผิด ประการแรก เมื่อฉันเพิ่ม KeyCDN ฉันทำโดยไม่มี https:// ก่อน สิ่งนี้กลายเป็นเรื่องสำคัญเพราะเมื่อฉันแก้ไขแล้วทุกอย่างก็เร็วขึ้นด้วยดี!

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

การจัดการ CDN

เมื่อฉันตั้งค่า (ใช้เวลา 10 นาทีเนื่องจากข้อผิดพลาดเริ่มต้นของฉัน!) แดชบอร์ด KeyCDN นั้นใช้งานง่าย มาก มันจะแสดง สถิติการเข้าชมของคุณพร้อมตำแหน่งและปริมาณ ของการเข้าชมทั้งหมดที่คุณได้รับ คุณสามารถเห็น เครดิตของคุณลดลงแบบเรียลไทม์ (ฉันใช้จ่ายไปแล้ว 1 เซ็นต์จนถึงตอนนี้!) และเติมเครดิตเพิ่มได้ทุกเมื่อที่คุณต้องการ

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

ความคิดสุดท้าย: CDN ทำให้ WordPress เร็วขึ้นหรือไม่

ใช่! นี่คือการทดสอบความเร็วของหน้าแรกที่ฉันใช้หลังจากกดเผยแพร่ในโพสต์นี้:

ด้วยการติดตั้ง KeyCDN ฉันยัง ลดเวลาในการโหลดโพสต์ในบล็อกของฉันลงครึ่งหนึ่ง (ตอนนี้เหลือ 2.75 วินาทีแทนที่จะเป็น 5.8 วินาที!) นอกจากนี้ ฉันยังสามารถลบ CloudFlare และแคชปลั๊กอิน จากการติดตั้ง WordPress ของฉันได้

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

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

อัปเดต:

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

ใช่ มันยังคงใช้งานได้! หน้าแรก (ตอนนี้ 1.3MB) โหลดได้ใน 1.72 วินาที

และ บล็อกโพสต์ที่ยาวมาก (3.6MB) โหลดได้ใน 3.32 วินาที ฉันสังเกตเห็นว่าจำนวนคำขอก็ลดลงเช่นกัน ค่าใช้จ่ายทั้งหมดของ KeyCDN สำหรับสัปดาห์อยู่ที่ 9 เซ็นต์ ไม่เลว.

อย่างไรก็ตาม ฉันดูบันทึกเซิร์ฟเวอร์ของฉันและสังเกตว่าการใช้แบนด์วิดท์เพิ่มขึ้นมากกว่า 50% ตั้งแต่ฉันหยุด CloudFlare ชั่วคราว (ฉันหยุดไว้ชั่วคราวในวันที่ 12):

ที่ไม่ดี ดังที่ฉันได้กล่าวไปแล้ว ฉันใช้ VPS ราคาถูกสำหรับการโฮสต์เท่านั้น ดังนั้นฉันจึงต้องการใช้แบนด์วิดท์ให้ต่ำที่สุด และถ้าฉันใช้โฮสติ้งราคาถูก ฉันก็จำเป็น

การทดลองอื่น ตอนนี้ฉันใช้ CloudFlare เป็น CDN ของฉันอีกครั้ง โดยไม่มี KeyCDN เนื่องจากเล่นร่วมกันได้ไม่ดี ฉันจะตรวจสอบแบนด์วิดท์ของเซิร์ฟเวอร์และความเร็วไซต์และรายงานกลับมาอีกครั้งในเร็วๆ นี้