ผู้ให้บริการ CDN ต่างประเทศ คำแนะนำที่ไม่มีบันทึกการค้าต่างประเทศ: บทช่วยสอนการตั้งค่า Stackpath CDN

วิธีเพิ่มความเร็วของเว็บไซต์การค้าต่างประเทศ 10 เท่า?เพื่อปรับปรุงการจัดอันดับการค้นหาของ Google?

CDN คืออะไร?การใช้งานคืออะไร?

• CDN (ชื่อเต็มภาษาอังกฤษคือเครือข่ายการกระจายเนื้อหา) ชื่อภาษาจีนคือ "内容分发网络"
• CDN สามารถแคชเนื้อหาของเว็บไซต์ของคุณบนเซิร์ฟเวอร์หลายเครื่องในตำแหน่งทางภูมิศาสตร์ที่แตกต่างกัน
• เพิ่มความเร็วในการเข้าถึงเว็บไซต์โดยให้บริการเนื้อหาแก่ผู้เยี่ยมชมเว็บไซต์ของคุณจากเซิร์ฟเวอร์ที่ใกล้ที่สุด

ในข้อความเฉิน เว่ยเหลียงจะแบ่งปันสามารถช่วยเร่งความเร็วของเว็บไซต์การค้าต่างประเทศWordPressบริการ CDN ที่ดีที่สุด

Stackpath Almighty CDN (เดิมชื่อ MaxCDN)

MaxCDN เป็นบริการ CDN ที่ได้รับความนิยมอย่างมากในช่วงหลายปีที่ผ่านมา โดยเฉพาะอย่างยิ่งสำหรับผู้ใช้ WordPress:

• ในปี 2016 Stackpath ได้ซื้อ MaxCDN และรวมบริการของ MaxCDN ภายใต้แบรนด์ Stackpath
• ตอนนี้ทั้งสองเป็นหนึ่งเดียวกัน
• เช่นเดียวกับ Cloudflare Stackpath ให้บริการ CDN และบริการความปลอดภัย

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

การป้องกัน DDoS ทั่วโลกโดย Stackpath:

โหนด CDN ส่วนกลางของ Stackpath คืออะไร

ปัจจุบัน Stackpath มีโหนด CDN มากกว่า 35 โหนดในทุกทวีปที่อาศัยอยู่ได้ ยกเว้นแอฟริกา คุณสามารถดูแผนที่ด้านล่าง▼

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

เหตุใดจึงต้องใช้ Stackpath CDN

1. เนื่องจากความเร็วในการเข้าถึงเว็บไซต์เป็นหนึ่งในกฎการจัดอันดับของเครื่องมือค้นหา
2. และ,เฉิน เว่ยเหลียงใน"โปรโมชั่นระบายน้ำ“ในหัวข้อพิเศษ ระบุว่า กฎของแพลตฟอร์มการวิจัยคือการระบายน้ำหนึ่งในประเด็นสำคัญของปริมาณ
3. ดังนั้นการค้าต่างประเทศโปรโมชั่นเว็บพนักงานทำSEOหากคุณต้องการปรับปรุงอันดับของคุณในผลการค้นหาของ Google การปรับปรุงความเร็วเว็บไซต์ของคุณเป็นสิ่งสำคัญ

ข้อดีของ Stackpath คืออะไร?

จะตั้งค่า StackPath CDN ได้อย่างไร

ขั้นตอนที่ 1:ลงทะเบียนบัญชี StackPath CDN ▼

ป้อนอีเมลและรหัสผ่านของคุณ แล้วคลิกปุ่ม "สร้างบัญชี" เพื่อสร้างบัญชี ▼

บทที่ 2 ขั้นตอน:ต้องเลือกบริการ StackPath StackPath ให้บริการเว็บไซต์และแอปพลิเคชัน และบริการ Edge Computing เลือก "บริการเว็บไซต์และแอปพลิเคชัน" ▼

บทที่ 3 ขั้นตอน:เลือก CDN ของ StackPath ▼

บทที่ 3 ขั้นตอน:หลังจากยืนยันที่อยู่อีเมลของคุณผ่านลิงก์ที่ส่งไปยังบัญชีอีเมลของคุณแล้ว ระบบจะเปลี่ยนเส้นทางคุณไปยังหน้าการชำระเงิน▼

• ไม่จำเป็นต้องป้อนรหัสส่งเสริมการขาย StackPathแค่คลิกที่ลิงค์ของเราเพื่อ StackPath, ราคาที่ดีที่สุดจะถูกนำไปใช้โดยอัตโนมัติ

บทที่ 4 ขั้นตอน:ในแดชบอร์ด StackPath คลิกแท็บไซต์ ▼

บทที่ 5 ขั้นตอน:สร้างไซต์ StackPath CDN ▼

• ป้อน URL โดเมนที่จะให้บริการทรัพยากร CDN

ในกรณีส่วนใหญ่ นี่คือ URL ของเว็บไซต์

1. เว็บเซิร์ฟเวอร์ (ค่าเริ่มต้น)
   • http://www.chenweiliang.com
2. อเมซอน S3
   • URL สไตล์โฮสติ้งเสมือน
     • bucket.s3- aws-region.amazonaws.com
   • รูปแบบการจัดการเส้นทาง
     • s3- aws-region.amazonaws.com/bucket-name
3. ถัง GCS
   • ชื่อถัง .storage.googleapis.com

• ใน" พร้อมให้บริการ", ตรวจสอบCDNกล่อง (คุณสามารถเพิ่มได้ตลอดเวลา)
• ตั้งค่าที่อยู่ IP ของเซิร์ฟเวอร์ของคุณใน StackPath

บทที่ 6 ขั้นตอน:วาง StackPath CDN URL ลงในฟิลด์ CDN Base URL ของปลั๊กอิน Autoptimize ▼

• คุณต้องเพิ่มที่จุดเริ่มต้นของ URL http:// 或 https:// เพื่อใช้ปลั๊กอิน Autoptimize

ขั้นตอนที่ 7:ไปที่ CDN → CACHE SETTINGS ใน StackPath▼

• จากนั้นคลิก "ล้างทุกอย่าง" ▲

ขั้นตอนที่ 8:อนุญาตที่อยู่ IP ของเซิร์ฟเวอร์ของคุณใน StackPath (WAF → Firewall) ▼

ทดสอบการรันไซต์ของคุณใน GTmetrix "Content Delivery Network" ใน YSlow ควรเป็นสีเขียว ▼

ถ้าใช้เว็บไซต์ WordPress, ติดตั้งได้ปลั๊กอิน WordPressเพิ่มประสิทธิภาพอัตโนมัติ

ปลั๊กอิน Autoptimize ส่วนใหญ่ตั้งค่า CDN

• ปรับโค้ด HTML ให้เหมาะสม - เปิดใช้งาน (แก้ไขรายการที่หดตัวใน GTmetrix)
• ปรับโค้ด JavaScript ให้เหมาะสม - เปิดใช้งาน (แก้ไขรายการ JavaScript ใน GTmetrix)ทดสอบเว็บไซต์ของคุณและตรวจหาข้อผิดพลาดหลังจากเปิดใช้คุณสมบัตินี้ เนื่องจากการเพิ่มประสิทธิภาพ JavaScript อาจทำให้เกิดข้อผิดพลาดของเว็บไซต์
• ปรับโค้ด CSS ให้เหมาะสม - เปิดใช้งาน (แก้ไขรายการ CSS ใน GTmetrix)ทดสอบไซต์ของคุณหลังจากเปิดใช้งานคุณสมบัตินี้
• URL ฐาน CDN – นี่คือที่ตั้งของ CDN URL ของคุณ

ปรับแต่งการตั้งค่าเพิ่มเติมของปลั๊กอินอัตโนมัติ

Google แบบอักษร:

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

ปรับภาพให้เหมาะสม:

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

คุณภาพของภาพที่เหมาะสมที่สุด:

• เปิดใช้งานการบีบอัดแบบไม่สูญเสียข้อมูลเพื่อหลีกเลี่ยงการสูญเสียคุณภาพของภาพ

ลบอิโมจิ:

• เปิดใช้งาน (เวลาในการโหลดอีโมจิไม่ดี)

ลบสตริงการสืบค้นจากทรัพยากรแบบคงที่:

• สตริงการสืบค้นมักจะสร้างโดยปลั๊กอินและไม่สามารถแก้ไขได้ (ใน GTmetrix/Pingdom) เพียงแค่เปิดใช้งานสิ่งนี้ แต่คุณสามารถลองได้
• ทางออกที่ดีกว่าคือตรวจสอบไซต์ของคุณเพื่อหาปลั๊กอินที่มี CPU สูงและแทนที่ด้วยปลั๊กอินน้ำหนักเบา
• ปลั๊กอิน CPU สูงส่วนใหญ่รวมถึงการแบ่งปันทางสังคม แกลเลอรี่ ตัวสร้างเพจ โพสต์ที่เกี่ยวข้อง สถิติ และปลั๊กอินแชทสด
• คุณควรลบปลั๊กอินที่ไม่จำเป็นทั้งหมดออกและทำความสะอาดฐานข้อมูล (โดยใช้ปลั๊กอิน เช่น WP-Optimize) เพื่อล้างตารางที่เหลือโดยปลั๊กอินที่ถอนการติดตั้ง

เชื่อมต่อล่วงหน้ากับโดเมนบุคคลที่สาม:

• ช่วยให้เบราว์เซอร์เชื่อมโยงคำขอล่วงหน้าจากแหล่งที่มาภายนอก (Google Fonts, Analytics, Maps, Tag Manager, Amazon Store เป็นต้น)
• สิ่งเหล่านี้มักจะแสดงเป็น "การค้นหา DNS ที่ย่อเล็กสุด" ในรายงาน Pingdom แต่ต่อไปนี้คือตัวอย่างทั่วไป

https://fonts.googleapis.com
https://fonts.gstatic.com
https://www.google-analytics.com
https://ajax.googleapis.com
https://connect.facebook.net
https://www.googletagmanager.com
https://maps.google.com

ไฟล์ Javascript แบบอะซิงโครนัส:

• ซึ่งหมายความว่ามีบางอย่างขัดขวางไม่ให้โหลดเนื้อหาที่โหลดเร็ว
• แต่ถ้าคุณเห็นข้อผิดพลาด JavaScript ใน GTmetrix และ Pingdom แสดงว่าปลั๊กอิน Async JavaScipt อาจต้องมีประโยชน์

การเพิ่มประสิทธิภาพYouTube视频:

• หากไซต์ของคุณมีวิดีโอ WP YouTube Lyte จะโหลดวิดีโอเพื่อให้โหลดได้ก็ต่อเมื่อผู้ใช้เลื่อนลงและกดปุ่มเล่นเท่านั้น ซึ่งจะเป็นการกำจัดคำขอเริ่มต้นที่ส่งไปยังเซิร์ฟเวอร์ YouTube
• วิธีนี้สามารถลดเวลาในการโหลดเนื้อหาวิดีโอได้หลายครั้ง เนื่องจากเป็นองค์ประกอบที่สำคัญที่สุดชิ้นหนึ่งบนหน้า
• WP Rocket และ Swift Performance มีการตั้งค่าในตัว ดังนั้นหากคุณใช้หนึ่งในนั้นเป็นปลั๊กอินแคช คุณไม่จำเป็นต้องทำ

ณ จุดนี้ เราได้เสร็จสิ้นการกำหนดค่าของ StackPath CDN ในการตั้งค่า Autoptimize