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

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


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

cdn77 ที่มี WordPress-03

เนื่องจากเรากำลังจะใช้โซลูชัน HTTPS แบบเต็มเราจะใช้“ HTTPS” ใหม่ที่ CDN77 ตัวเลือกนี้รักษาความปลอดภัยการถ่ายโอนข้อมูลจากเซิร์ฟเวอร์โฮสต์ของคุณไปยังเซิร์ฟเวอร์ CDN.

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

cdn77 ที่มี WordPress-04

วิธีการตั้งค่า SSL ที่ CDN77

เราสามารถตั้งค่าใบรับรอง SSL ฟรีได้ 2 วิธี เราสามารถใช้ใบรับรอง SSL ที่ใช้ร่วมกันสำหรับโดเมนย่อยที่ xxx.c.cdn77.org หรือเราสามารถใช้ CNAME ของเราเอง (ดูภาพด้านบน) โดยทั่วไปเราแนะนำให้ใช้ CNAME เช่น cdn.yoursite.com.

หากคุณไปเพื่อแก้ปัญหาที่ใช้ร่วมกันของ CDN77 ไม่จำเป็นต้องทำตามขั้นตอนเพิ่มเติมเพื่อให้โดเมนย่อย SSL ทำงานอย่างถูกต้อง.

ในกรณีนี้เราจะตั้งค่า CNAME ซึ่งหมายความว่าเนื้อหาของเว็บไซต์ของเราจะสามารถเข้าถึงได้ผ่าน HTTPS ทันทีหากเราแทนที่เว็บไซต์ของเราด้วย cdn.ourdomain ด้วย CDN77 การรับ SSL เป็นเรื่องของการคลิกเพียงไม่กี่ครั้ง.

ปรับแต่งมัน !

เมื่อคุณสร้างทรัพยากรสิ่งแรกที่ต้องดูคือเมนูการตั้งค่าอื่น ๆ หากคุณกำลังจะใช้ HTTPS มันจำเป็นอย่างยิ่งที่จะต้องเปิดใช้งาน HTTP / 2 การปรับปรุงความเร็วระหว่าง HTTP / 1.x ปกติและ HTTP / 2 นั้นมหาศาล CDN77 จะทำงานที่โหมด HTTP / 2 ในทรัพยากร HTTPS ของคุณตามค่าเริ่มต้นลดเวลาครึ่งของคุณ.

หากคุณกำลังผ่าน HTTPS คุณจะต้องทำการเปลี่ยนเส้นทาง 301 เพื่อให้สอดคล้องกับมาตรฐาน Google สำหรับ HTTPS และเปิดใช้งานการเปลี่ยนเส้นทาง HTTPS.

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

CDN77 ยังมีตัวเลือกการหมดอายุของแคช ในกรณีที่คุณโหลดภาพจำนวนมากควรตั้งค่านี้เป็นค่าสูงสุดที่เป็นไปได้ซึ่งก็คือ 12 วัน.

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

ทำไมไม่ใช้ CDN สำหรับ Javascript & CSS คุณเป็นคนบ้าเหรอ?

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

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

เมื่อเรามีการปรับแต่งทุกอย่างถูกต้องแล้วเราสามารถไปที่แท็บเมนูดาต้าเซ็นเตอร์.

cdn77 ที่มี WordPress-07

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

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

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

cdn77 ที่มี WordPress-10

เมื่อคุณกำหนดค่าทุกอย่างแล้วคุณสามารถชี้ CNAME ไปยังโดเมนของคุณเอง ในการดำเนินการดังกล่าวคุณต้องสร้างกฎในนายทะเบียนหรือแผงโฮสต์ของคุณในส่วน DNS และกำหนด cdn.yourdomain.com ของคุณไปที่ CNAME xxx.rsc.cdn77.org ดังที่แสดงในภาพซึ่งจะสั่ง DNS เพื่อเปลี่ยนเส้นทางการรับส่งข้อมูลโดเมนย่อยทั้งหมดไปยังสถานที่จริงที่ต้องการ ไม่ต้องกังวลมันจะไม่ส่งผลกระทบต่อประสิทธิภาพ นอกจากนี้ยังมีวัตถุประสงค์เพื่อแสดงให้ผู้อ่านเห็นว่าคุณกำลังใช้ cdn.yourdomain.com ซึ่งดูแฟนซี.

หากคุณต้องการใช้ที่อยู่ cdn77.org คุณไม่จำเป็นต้องทำอะไรเลยเพียงแค่ใช้ที่อยู่นั้นเมื่อทำการแทนที่เนื้อหาของคุณใน WordPress.

WordPress ข้าง

ทางด้าน WordPress เราต้องเพิ่มปลั๊กอินเพื่อให้มันทำงานได้อย่างถูกต้อง พวกเราจะไปใช้ CDN Enabler, ปลั๊กอินฟรีที่มีประโยชน์ เหตุผลในการใช้ปลั๊กอินนี้นั้นเป็นเรื่องง่าย – ปลั๊กอิน CDN ส่วนใหญ่จะไม่อนุญาตให้มีการควบคุมอย่างละเอียดเช่นโฟลเดอร์ที่คุณส่งไปยัง CDN ปลั๊กอินนี้ทำและเป็นสิ่งสำคัญมากสำหรับกรณีของเราเนื่องจากเราไม่ต้องการรวมไฟล์ Javascript หรือ CSS เพียงแค่ภาพที่อัปโหลด.

cdn77 ที่มี WordPress-14

เมื่อติดตั้งแล้วคุณสามารถค้นหาปลั๊กอินได้ที่นี่ …

cdn77 ที่มี WordPress-15

มาลองปรับแต่ง !

cdn77 ที่มี WordPress-16

จำได้เมื่อเราพูดคุยเกี่ยวกับการปรับแต่ง? นี่คือข้อเท็จจริงที่สำคัญที่สุดเกี่ยวกับวิธีการตั้งค่า CDN บน WordPress อย่างถูกต้อง ส่วนใหญ่ของปลั๊กอิน CDN จะบอกให้คุณรวมไดเรกทอรีสำหรับ CDN เพื่อ “ทำซ้ำ” และพวกเขามักจะบอกให้คุณรวม wp-content เป็นเรื่องปกติสำหรับการตั้งค่าทั่วไป แต่ไม่ดีต่อประสิทธิภาพของคุณเนื่องจากโฟลเดอร์ wp-content เต็มไปด้วยอีกโฟลเดอร์ที่สำคัญมากโฟลเดอร์ปลั๊กอินและธีมรวมถึงไฟล์ Javascript & CSS จำนวนมาก คุณอาจสูญเสียประสิทธิภาพเมื่อไม่ได้แคชตามที่กล่าวไว้ก่อนหน้านี้.

ดังนั้นเราจะแก้ไขได้อย่างไร เราเพียงรวมโฟลเดอร์ wp-content / uploads ช่างเป็นทางออกที่ง่าย!

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

cdn77 ที่มี WordPress-17

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

ก่อนและหลัง

เรามาดูกันว่าสิ่งเหล่านี้เกิดขึ้นได้อย่างไร !

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

ห่อ

หวังว่าคุณจะได้เรียนรู้วิธีที่มีประสิทธิภาพในการนำ CDN ไปใช้ในเว็บไซต์ WordPress ของคุณ เทคนิคบางอย่างไม่ล่วงล้ำเช่นไฟล์ CSS และ Javascript ที่จำเป็นสำหรับความเร็วในการโหลดเว็บไซต์ ตอนนี้คุณสามารถใช้ประโยชน์จากข้อดีของ CDN และลดข้อเสียของมันในเวลาเดียวกัน เราหวังว่าคุณจะได้ทดลองใช้ CDN ฟรีและใช้เคล็ดลับในบทความนี้เพื่อดูว่าคุณสามารถเพิ่มความเร็วไซต์ WordPress ของคุณได้หรือไม่ เราหวังว่าคุณจะสนุกกับบทความ! ตามปกติให้ทิ้งคำถามหรือข้อสงสัยไว้ในความคิดเห็นด้านล่าง.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map