Sunday, 24 November 2024

CloudFlare PageSpeed ปรับจูน WordPress ให้เร็วขึ้น EP6

CloudFlare PageSpeed กับบทความของการแนะนำการใช้งาน ในหมวด CloudFlare 101 โดยในบทความนี้จะกล่าวถึงการเร่งความเร็วของเว็บไซต์ หรือ WordPress blog ของเรา ให้เร็วขึ้น โดยใช้เครื่องมือที่มีอยู่ของทาง คลาวแฟร์ ช่วยปรับแต่งให้เว็บไซต์ หรือ WordPress Blog ของเราให้ เร็ว และ แรงขึ้น และ ที่สำคัญคือช่วยลดโหลดของ VPS Server เราได้ดีทีเดียว สำหรับการปรับแต่ง คลาวแฟร์ ในแต่ละ EP ของทางอินดี้ จะเลือกอธิบายเฉพาะเมนู หรือ หัวข้อที่ทางอินดี้ใช้งานบ่อยๆ และ ที่สำคัญเป็นเมนูที่ คลาวแฟร์ ให้ใช้งานฟรี

CloudFlare PageSpeed

โดยในบทความนี้ทางอินดี้จะกลาวถึงการปรับแต่งความเร็วของการแสดงผลของเว็บไซต์ หรือ WordPress Blog ของเราโดยใช้เครื่องมือของทาง คลาวแฟร์ ช่วยปรับแต่ง และ หากสนใจบทความเกี่ยวกับ Firewall Cloud Flare บริหารจัดการ Firewall ฟรี EP5 ก็สามารถอ่านเพิ่มเติมได้ที่ Firewall Cloud Flare บริหารจัดการ Firewall ฟรี EP5 คลิกที่ลิงค์ได้เลย

ทำไมต้องปรับแต่ง CloudFlare PageSpeed

CloudFlare PageSpeed Speed boots
  • การปรับแต่ง Speed ทำได้โดย Cloud Flare Portal > Speed ดังรูป
  • ช่วยให้เว็บไซต์ หรือ WordPress Blog ของเราโหลดเร็วขึ้น 48% จากตัวอย่างของอินดี้
  • คลาวแฟร์ ช่วยให้โหลดเนื้อหาของ WordPress ภายในเวลา 1.5 Seconds
  • จากรูปจะเห็นได้ชัดเลยว่า เว็บจะโหลดเร็วขึ้นมากหากใช้ คลาวแฟร์

CloudFlare PageSpeed Optimization

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

  • Cloud Flare Portal > Speed > Optimization

CloudFlare PageSpeed Auto Minify

Auto Minify คือการลดขนาดของไฟล์ที่อยู่ในเว็บไซต์ของเรา หรือ Source Code ที่เราเขียนให้มีขนาดเล็กลง เพื่อให้การแสดงผลที่ถูกต้อง และ รวดเร็ว ไม่ว่าจะเป็นไฟล์ JavaScript, CSS และ HTML

CloudFlare PageSpeed Auto minify

Brotli

Brotli ถูกพัฒนาโดย Google ทำหน้าที่บีบอัดข้อมูลที่วิ่งผ่าน HTTPS โดยหน้าทีของ Brotli จะช่วยลดระยะเวลาการโหลดหน้าเพจ หรือ WordPress Blog สำหรับคนเยี่ยมชมเว็บไซต์ผ่าน HTTPS ด้วยเทคนิคของ Brotli ที่ Google พัฒนาขึ้นมา

CloudFlare PageSpeed Brotli

Rocket Loader

Rocket Loader เป็นเทคโนโลยีของทาง คลาวแฟร์ โดยจะทำหน้าที่ช่วยโหลดหน้าเว็บ หรือ WordPress Blog ที่มี JavaScript ให้เร็วขึ้น ซึ่งอันนี้สำคัญมาก สำหรับคนทำ Google AdSense ไม่แนะนำให้เปิด ส่วนเว็บใครไม่ติด Google AdSense ก็เปิดได้ โดยสรุปดังนี้

  • หากเว็บไซต์ติด Google adsense ไม่แนะนำให้ On Rocket Loader เพราะจะทำให้การแสดงผลของ JavaScript ผิดเพี้ยน หรือ แสดงผลน้อยลง
  • สำหรับเว็บไซต์ที่ไม่ติดโฆษณา สามารถ On ได้ เพราะจะช่วยให้โหลด JavaScript ได้เร็วขึ้น

Mobile

Mobile โดยบน คลาวแฟร์ จะช่วยทำการแสดงผลผ่าน AMP Real URL โดย AMP เป็นเทคโนโลยีของ Google หากเว็บไหนติด AMP ก็จะช่วยให้โหลดเว็บผ่านมือถือได้เร็วยิ่งขึ้น

CloudFlare PageSpeed mobile amp

Access

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

บทสรุป

การใช้งาน คลาวแฟร์ จะช่วยให้เราโหลดหน้าเว็บไซต์ของเราได้เร็วขึ้น หรือ WordPress ของเราให้เร็วขึ้นได้ ไม่ว่าจะเป็น CDN, Image Optimization, Auto Minify, Brotli หรือ แม้แต่ AMP โดยเราสามารถใช้งานได้ฟรี ไม่ต้องไปเสียเงินซื้อเลย สำหรับ อินดี้เห็นว่าแค่นี้ก็เพียงพอแล้วสำหรับคนทำเว็บไซต์

แหล่งอ้างอิง คลาวแฟร์

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save