วิธีการติดตั้งและตั้งค่าแคชรวม W3 สำหรับผู้เริ่มต้น

เรามักได้รับคำชมจากผู้ใช้ว่าเว็บไซต์ของเราโหลดเร็วแค่ไหน ทุกคนต้องการทราบความลับเบื้องหลังเว็บไซต์ WordPress ที่โหลดเร็ว นอกเหนือจากเว็บโฮสติ้งที่ดีและปลั๊กอินที่เขียนโค้ดได้ดีคุณต้องตรวจสอบให้แน่ใจว่าคุณใช้แคชที่เหมาะสมและมี CDN (เครือข่ายการจัดส่งเนื้อหา) สำหรับการตั้งค่าของเราเราใช้ปลั๊กอินชื่อ W3 Total Cache เนื่องจากมีคำขอจำนวนมากเราจึงตัดสินใจสร้างขั้นตอนในการติดตั้งและตั้งค่าแคชรวม W3 สำหรับผู้เริ่มต้น.


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

ก่อนที่คุณจะเริ่มต้นเราขอแนะนำให้คุณตรวจสอบประสิทธิภาพเว็บไซต์ของคุณโดยใช้ Google Page Speed ​​และ Pingdom Tools สิ่งนี้จะให้คุณเปรียบเทียบก่อนและหลัง.

ด้านล่างเป็นภาพหน้าจอของผลลัพธ์ Pingdom ของเรา:

WPBeginner Pingdom 21 พฤศจิกายน

เริ่มต้นใช้งานด้วยการตั้งค่าแคชรวม W3 ของเรา.

วิดีโอสอน

สมัครสมาชิก WPBeginner

หากคุณไม่ชอบวิดีโอหรือต้องการคำแนะนำเพิ่มเติมให้อ่านต่อ.

W3 Total Cache คืออะไร?

W3 Total Cache เป็นปลั๊กอินการเพิ่มประสิทธิภาพ WordPress ที่เร็วที่สุดและสมบูรณ์ที่สุด ได้รับความไว้วางใจจากเว็บไซต์ยอดนิยมมากมายรวมถึง: AT&T, Mashable, Smashing Magazine, WPBeginner และอีกหลายล้านคน W3 Total Cache ปรับปรุงประสบการณ์ผู้ใช้ในเว็บไซต์ของคุณโดยการปรับปรุงประสิทธิภาพเซิร์ฟเวอร์แคชทุกด้านของไซต์ลดเวลาในการดาวน์โหลดและมอบการรวมเครือข่ายการส่งเนื้อหาที่โปร่งใส (CDN).

การติดตั้งแคชรวม W3 ใน WordPress

ก่อนที่คุณจะติดตั้ง W3 Total Cache คุณต้องตรวจสอบให้แน่ใจว่าคุณถอนการติดตั้งปลั๊กอินแคชอื่น ๆ ทั้งหมด (เช่น WP Super Cache) หากคุณไม่ทำเช่นนี้ก่อนติดตั้งปลั๊กอินจะมีปัญหาเมื่อเปิดใช้งาน.

เรามีคำแนะนำอย่างละเอียดอธิบายวิธีการติดตั้งปลั๊กอิน WordPress ซึ่งคุณสามารถติดตามได้ หรือคุณสามารถทำตามคำแนะนำสั้น ๆ ด้านล่าง:

ไปที่แผงผู้ดูแลระบบ WordPress ของคุณแล้วคลิก ปลั๊กอิน»เพิ่มใหม่. ค้นหา“ W3 Total Cache” และคุณควรเห็นผลลัพธ์เช่นภาพด้านล่าง:

การติดตั้งปลั๊กอิน W3 Total Cache สำหรับ WordPress

คลิกที่ปุ่มติดตั้งทันทีแล้วเปิดใช้งานปลั๊กอิน.

การตั้งค่าและการกำหนดค่าแคชรวมของ W3

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

การตั้งค่าทั่วไป

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

W3 หน้าการตั้งค่าทั่วไปแคชทั้งหมด

Page Cache คืออะไร?

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

Page Cache คืออะไร

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

สำหรับการแชร์โฮสติ้งที่ผู้เริ่มต้นใช้งานส่วนใหญ่แนะนำให้ใช้วิธี Disk: Enhanced คุณควรทำเครื่องหมายที่ช่องเปิดใช้งานแคชหน้าและบันทึกการตั้งค่าทั้งหมด.

การตั้งค่าแคชหน้าใน W3 Total Cache สำหรับ WordPress

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

เราจะข้ามผ่าน Minify, Cache ฐานข้อมูลและ Object Cache เหตุผลง่าย ๆ ก็เพราะว่าเซิร์ฟเวอร์บางเครื่องนั้นไม่ได้ให้ผลลัพธ์ที่ดีที่สุดเมื่อใช้การตั้งค่าเหล่านี้ ตัวเลือกถัดไปที่คุณจะเห็นคือ Browser Cache.

Browser Cache คืออะไร?

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

ตัวเลือก Browser Cache ใน W3 Total Cache กำหนดเวลา จำกัด ใน Browser Cache พิจารณาว่าคุณจะไม่เปลี่ยนโลโก้ทุกวันการมีไฟล์แบบคงที่เช่นที่เก็บไว้เป็นเวลา 24 ชั่วโมงจะไม่ทำให้คุณเจ็บ เพียงทำเครื่องหมายที่ตัวเลือก Enable ภายใต้ Browser Cache และคลิกปุ่มบันทึกการตั้งค่าทั้งหมด เมื่อคุณทำเช่นนั้นแล้วให้ไปที่ ประสิทธิภาพ»แคชของเบราว์เซอร์ หน้าสำหรับการตั้งค่าเพิ่มเติม.

การตั้งค่าตัวเลือก Browser Cache ใน W3 Total Cache

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

ในการตั้งค่า WordPress ฟรีของเรานี่เป็นการตั้งค่าเริ่มต้นที่เราเปิด.

CDN คืออะไร?

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

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

W3 Total Cache รองรับ MaxCDN, Amazon S3, Rackspace Cloud และ Amazon Cloud Front WPBeginner ใช้ MaxCDN (ทำไมเราถึงใช้ MaxCDN) ส่วนนี้จะใช้กับเว็บไซต์ที่ใช้ CDN เท่านั้นหรือกำลังวางแผนที่จะใช้ CDN หากคุณคิดว่าคุณจะใช้ CDN เราขอแนะนำ MaxCDN.

สิ่งแรกที่คุณต้องทำคือสร้าง Pull Zone ในแดชบอร์ด MaxCDN ของคุณ เข้าสู่บัญชี MaxCDN ของคุณคลิกที่ Manage Zones จากนั้นคลิกที่ปุ่ม Create Pull Zone.

กำหนดค่าแคชรวม W3 - การตั้งค่า MaxCDN

ในหน้าจอถัดไปคุณจะถูกขอให้ให้รายละเอียดสำหรับโซนดึงของคุณ.

  • ชื่อโซนดึง: เพียงให้ชื่อใด ๆ กับโซนดึงนี้เพื่อให้คุณสามารถระบุได้ในแผง MaxCDN ของคุณ.
  • URL เซิร์ฟเวอร์ต้นทาง: ป้อน URL เว็บไซต์ WordPress ของคุณเริ่มต้นด้วย http: // และลงท้ายด้วยเครื่องหมายสแลช / ท้าย.
  • โดเมน CDN ที่กำหนดเอง: ป้อนโดเมนย่อยใด ๆ เช่น: cdn.wpbeginner.com
  • ป้ายกำกับ: ระบุคำอธิบายสำหรับโซนดึงนี้.
  • การบีบอัด: การเปิดใช้งานการบีบอัดจะช่วยให้คุณประหยัดแบนด์วิดท์ดังนั้นจึงขอแนะนำอย่างยิ่งให้คุณทำเครื่องหมายในช่องนี้.

ภาพหน้าจอของการตั้งค่าที่กล่าวถึงข้างต้นจะมีลักษณะดังนี้:

MaxCDN Pull Zone Details

คลิกที่ปุ่มสร้างและ MaxCDN จะสร้าง Pull Zone ในหน้าจอถัดไปมันจะแสดง URL เช่นนี้“ wpb.wpbeginner.netdna-cdn.com” คัดลอกและบันทึก URL นี้ในไฟล์ข้อความโดยใช้ Notepad เพราะเราจะต้องใช้ในภายหลัง.

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

MaxCDN หลายโดเมนย่อย

เมื่อคุณเพิ่มโดเมนที่กำหนดเองแล้วให้คลิกที่ปุ่มอัปเดต.

ขั้นตอนต่อไปคือการตั้งค่าระเบียน CNAME สำหรับโดเมนย่อย ผู้ให้บริการโฮสติ้ง WordPress ที่เราแนะนำส่วนใหญ่เช่น Hostgator, Bluehost ฯลฯ มอบ cPanel ให้กับลูกค้าของพวกเขาเพื่อจัดการการตั้งค่าต่างๆของโฮสติ้งของพวกเขา เราจะอธิบายวิธีตั้งค่าระเบียน CNAME ใน cPanel.

เข้าสู่แผงควบคุม cPanel ของคุณจากนั้นคลิก Simple DNS Zone Editor ภายใต้โดเมน.

กำหนดค่าแคชรวม W3 - การเพิ่มระเบียน CNAME

ในหน้าจอถัดไปคุณจะเห็นฟอร์มที่มีสองฟิลด์ ป้อนชื่อโดเมนย่อยที่คุณป้อนขณะสร้างโซนเนื้อหา ตัวอย่างเช่นคุณจะใส่ cdn สำหรับ cdn.wpbeginnner.com.

cPanel จะเติมเต็มโดเมนโดยอัตโนมัติ ในฟิลด์ CNAME ป้อน URL ที่ MaxCDN ให้ไว้เมื่อคุณสร้างโซนดึง เป็น URL ที่เราขอให้คุณบันทึกในแผ่นจดบันทึก.

กำหนดค่าแคชรวม W3 - การเพิ่มระเบียน CNAME

ทำขั้นตอนนี้ซ้ำสำหรับโดเมนย่อยทั้งหมดของคุณเช่น cdn1, cdn2 ฯลฯ โปรดจำไว้ว่าเฉพาะชื่อฟิลด์เท่านั้นที่จะเปลี่ยนในแต่ละครั้งและฟิลด์ CNAME จะมี URL ที่ MaxCDN จัดเตรียมไว้ให้สำหรับโซนดึงของคุณ เมื่อคุณสร้างระเบียน CNAME สำหรับโดเมนย่อยทั้งหมดได้เวลากลับไปที่ WordPress และตั้งค่า MaxCDN ด้วย W3 Total Cache.

ไปที่ ประสิทธิภาพ»การตั้งค่าทั่วไป. เลื่อนลงมาจนกระทั่งคุณพบกล่องการกำหนดค่า CDN ทำเครื่องหมาย Enable และเลือก MaxCDN จากเมนูแบบเลื่อนลง CDN Type คลิกที่ปุ่มบันทึกการตั้งค่าทั้งหมด.

การเปิดใช้งาน MaxCDN ใน W3 Total Cache

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

W3 Total Cache ระบุการตั้งค่าสำหรับ MaxCDN

ในหน้าจอถัดไปคลิกที่ปุ่มอนุญาต สิ่งนี้จะนำคุณไปยังเว็บไซต์ MaxCDN ซึ่งคุณจะสร้างรหัสการอนุญาต คัดลอกและวางคีย์นี้กลับใน W3 Total Cache ใน“ แทนที่ชื่อโฮสต์ของไซต์ด้วย” ป้อนโดเมนย่อยที่คุณสร้างไว้ก่อนหน้านี้.

ป้อนคีย์ MaxCDN API และตั้งค่าชื่อโฮสต์ใน W3 Total Cache

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

https://www.wpbeginner.com/wp-content/uploads/2010/08/w3totalcachecdnconfig.gif

จะถูกแทนที่ด้วย:

http://cdn.wpbeginner.com/wp-content/uploads/2010/08/w3totalcachecdnconfig.gif

ตอนนี้หากไฟล์สแตติกใด ๆ ของคุณไม่โหลดด้วย CDN อาจหมายความว่าคุณจะต้องระบุในการตั้งค่ารายการไฟล์ที่กำหนดเองใน W3 Total Cache เราต้องทำเพื่อปลั๊กอิน OIO Publisher ที่เราใช้สำหรับการแสดงโฆษณา หากคุณไปที่หน้าการตั้งค่า CDN คุณจะเห็นตัวเลือกขั้นสูง:

ตั้งค่า CDN ล่วงหน้าใน W3 Total Cache

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

ทุกอย่างที่เราได้กล่าวมาจนถึงตอนนี้จะสามารถใช้งานได้ดีกับเว็บโฮสติ้งบัญชีส่วนใหญ่ อย่างไรก็ตาม W3 Total Cache มาพร้อมกับตัวเลือกอื่น ๆ เราจะพยายามอย่างดีที่สุดเพื่ออธิบายสิ่งที่พวกเขาและทำไมเราไม่เปิดใช้งานพวกเขาในทุกเว็บไซต์.

ลดขนาด

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

การแคชฐานข้อมูล

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

การแคชวัตถุ

หากคุณมีเว็บไซต์ที่มีไดนามิกสูงการใช้ Object Caching จะช่วยได้ ส่วนใหญ่จะใช้ถ้าคุณมีแบบสอบถามฐานข้อมูลที่ซับซ้อนที่มีราคาแพงในการสร้างใหม่ สำหรับผู้เริ่มต้นส่วนใหญ่ให้เพิกเฉย.

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

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

หากคุณมีคำถามใด ๆ โปรดอย่าลังเลที่จะถามในความคิดเห็นด้านล่าง.

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