ปลั๊กอิน W3 Total Cache: วิธีตั้งค่าเพื่อเพิ่มประสิทธิภาพ

เว็บไซต์ WordPress ย่อมช้าลงทุกครั้งที่ติดตั้งปลั๊กอินเพิ่ม ปลั๊กอินแคชจึงกลายเป็นหนึ่งในปลั๊กอินที่ WordPress ขาดไม่ได้ ด้วยยอดติดตั้งที่ใช้งานอยู่มากกว่า 1 ล้านครั้งของเวอร์ชันฟรีและคะแนน 4.4 ดาว ปลั๊กอิน W3 Total Cache (W3TC) จึงเป็นหนึ่งในปลั๊กอินที่มีผู้ใช้มากที่สุด
การตั้งค่าแคชอาจทำให้ฟังก์ชันบางอย่างของปลั๊กอินอื่นที่ใช้อยู่ทำงานไม่ได้ ถ้าเพิ่งเริ่มใช้ WordPress จึงใช้ปลั๊กอินที่ตั้งค่าได้ง่ายอย่าง Cache Enabler หรือ WP Super cache ได้
ถ้าต้องการตั้งค่าและควบคุมแคชอย่างละเอียด ก็ใช้ปลั๊กอิน W3 Total Cache ที่มีฟังก์ชันทรงพลังแม้ในเวอร์ชันฟรีได้
Ⅰ. การติดตั้ง W3 Total Cache และ Setup Guide
ค้นหา W3 Total Cache แล้วติดตั้งและเปิดใช้งานปลั๊กอิน
- Welcome
- Page Cache
- Database Cache
- Object Cache
- Image Converter
- Lazy Load
- More Caching Options
AcceptDecline
หลังติดตั้งครั้งแรก เมื่อไปที่หน้า [Dashboard] จะถูกพาไปยัง [Setup Guide] โดยอัตโนมัติ เพราะยังไม่ได้ตั้งค่าใดๆ
ใน Setup Guide ตั้งค่าได้ทั้ง ① แคชหน้าเว็บ ② แคชฐานข้อมูล ③ แคชออบเจ็กต์ ④ แคชเบราว์เซอร์ ⑤ การปรับแต่งรูปภาพ ⑥ โหลดแบบหน่วงเวลา และ ⑦ ตัวเลือกแคชอื่นๆ

สำหรับการตั้งค่าแคชหน้าเว็บ ค่าที่ W3TC แนะนำเป็นค่าเริ่มต้นคือ Disk: [Enhanced] จากตารางจะเห็นว่า Disk: Enhanced เร็วกว่า Disk: Basic ประมาณ 10.3ms หรือดีขึ้นราว 17.8% เมื่อวัดจาก TTFB

สำหรับแคชฐานข้อมูล ให้เลือกแคชแบบดิสก์





การตั้งค่าที่ทำในคู่มือแสดงในแดชบอร์ดแล้ว
คลิกแท็บ [Settings] ที่มุมขวาบนเพื่อตั้งค่าตั้งแต่ [General Settings] ไปจนถึงแคชหน้าเว็บและอื่นๆ

ⓐ [การตั้งค่าในแต่ละหน้า] ของเมนูผู้ดูแลด้านซ้าย และ ⓑ แท็บ [Settings] ที่มุมขวาบน ต่างก็พาไปยังแคชหน้าเว็บ Minify และ การตั้งค่าขั้นสูงอื่นๆ เมื่อเข้าไปที่แต่ละหน้าจากกึ่งกลางด้านบนของแท็บ General Settings จะตรวจดูการตั้งค่าแคชหน้าเว็บและ Minify ตั้งแต่การตั้งค่าทั่วไปจนถึง การตั้งค่าขั้นสูงได้
Ⅱ. การตั้งค่าแคชของ W3 Total Cache
นี่คือแท็บ General Settings ในการตั้งค่าของ W3TC
_branch_match_id
_bta_c
_bta_tid
_ga
_gl
_ke
adgroupid
adid
age-verified
ao_noptimize
campaignid
campid
click_id
cn-reloaded
customid
dicbo
dm_i
ef_id
epik
fb_action_ids
fb_action_types
fb_source
fbclid
gclid
gclsrc
gdffi
gdfms
gdftrk
hsa_acc
hsa_ad
hsa_cam
hsa_grp
hsa_kw
hsa_mt
hsa_net
hsa_src
hsa_tgt
hsa_ver
igshid
li_fat_id
matomo_campaign
matomo_cid
matomo_content
matomo_group
matomo_keyword
matomo_medium
matomo_placement
matomo_source
mc_cid
mc_eid
mkcid
mkevt
mkrid
mkwid
msclkid
mtm_campaign
mtm_cid
mtm_content
mtm_group
mtm_keyword
mtm_medium
mtm_placement
mtm_source
pcrid
piwik_campaign
piwik_keyword
piwik_kwd
pk_campaign
pk_cid
pk_content
pk_keyword
pk_kwd
pk_medium
pk_source
pp
redirect_log_mongo_id
redirect_mongo_id
ref
s_kwcid
sb_referer_host
si
sscid
tblci
toolid
trk_contact
trk_module
trk_msg
trk_sid
ttclid
twclid
usqp
utm_campaign
utm_content
utm_expid
utm_id
utm_medium
utm_source
utm_term
wbraid
index\.php
wp-links-opml.php
wp-locations.php
([a-z0-9_\-]+)?sitemap\.xsl
[a-z0-9_\-]+-sitemap([0-9]+)?\.xml(\.gz)?
Content-Type
X-Pingback
P3P
Link
- Enable HTTP compression in the “HTML” section on Browser Cache Settings tab.
RSPEAK_
mfunc
- Enable HTTP compression in the “Cascading Style Sheets & JavaScript” section on Browser Cache Settings tab.
- The TTL of page cache files is set via the “Expires header lifetime” field in the “Cascading Style Sheets & JavaScript” section on Browser Cache Settings tab.
wp_rg_
_wp_session_
_wc_session_
^\s*delete\b
^\s*update\b
^\s*replace\b
^\s*create\b
^\s*alter\b
^\s*show\b
^\s*set\b
\bautoload\s+=\s+’yes’
\bsql_calc_found_rows\b
\bfound_rows\(\)
DOING_CRON
DONOTCACHEDB
SHORTINIT
XMLRPC_REQUEST
plugins
[a-z0-9_\-]*sitemap[a-z0-9_\.\-]*\.(xml|xsl|html)(\.gz)?
1️⃣ โหมดแสดงตัวอย่าง
ก่อนนำการตั้งค่าแคชไปใช้จริง เปิดโหมดแสดงตัวอย่างเพื่อทดสอบข้อผิดพลาดล่วงหน้าได้

[Preview]: คลิกปุ่มนี้เพื่อทดสอบพร้อมดูตัวอย่างการเปลี่ยนแปลง ถ้าไม่มีปัญหาให้คลิก [Deploy] เพื่อนำไปใช้กับเว็บไซต์
2️⃣ แคชหน้าเว็บ
คู่มือตั้งค่าพื้นฐานเป็น [Disk: Enhanced] ไว้แล้ว ถ้าภายหลังเซิร์ฟเวอร์ใช้แคชต่างไป เช่น เพราะย้ายเซิร์ฟเวอร์ ก็เปลี่ยนได้
ถ้าเว็บไซต์เดี่ยว (ไม่ใช่มัลติไซต์) ใช้ซับโดเมนเพิ่มด้วย ก็ตั้งค่าแคชให้โดเมนนามแฝงได้เช่นกัน
|
ระดับสเปกเซิร์ฟเวอร์ |
ช่วงเวลาอัปเดต (วินาที) |
จำนวนหน้าต่อรอบ |
คำอธิบาย |
|---|---|---|---|
|
เซิร์ฟเวอร์สเปกต่ำ (1vCPU/1GB หรือน้อยกว่า) |
1800 วินาที (30 นาที) |
5 |
ต้องป้องกัน CPU พุ่งสูงขณะสร้างแคช ตั้งช่วงเวลาให้ห่างพอและลดจำนวนหน้าให้น้อยที่สุด |
|
เซิร์ฟเวอร์สเปกกลาง (2vCPU/2~4GB) |
900 วินาที (15 นาที) |
10 |
แนะนำให้คงค่าเริ่มต้นไว้ รองรับการประมวลผลพร้อมกันได้ระดับหนึ่ง |
|
เซิร์ฟเวอร์ประสิทธิภาพสูง (4vCPU/8GB ขึ้นไป) |
300 วินาที (5 นาที) |
20~30 |
เตรียมแคชได้รวดเร็ว เหมาะกับเว็บไซต์ที่มีทราฟฟิกสูง |
REST API คืออินเทอร์เฟซที่ WordPress มีไว้แลกเปลี่ยนข้อมูลกับภายนอก ช่วยให้ขอหรือจัดการคอนเทนต์ในรูปแบบ JSON ผ่าน URL ได้ ด้วยวิธีนี้ แอปมือถือ เว็บแอปภายนอก ตัวแก้ไขบล็อก และอื่นๆ จึงซิงก์หรือแก้ไขคอนเทนต์ WordPress ได้แบบเรียลไทม์
REST API ไม่ได้ใช้แค่กับคำขอของผู้ดูแล แต่ยังใช้กับคำขอของผู้ใช้ทั่วไปด้วย ช่วยให้รับส่งข้อมูลได้อย่างมีประสิทธิภาพ เว็บไซต์จึงยืดหยุ่นและขยายได้มากขึ้น
|
ตัวเลือก |
คำอธิบาย |
แนะนำ |
|---|---|---|
|
การเริ่มต้นภายหลัง |
อนุญาตให้เรียกใช้ฟังก์ชันของ WordPress เพื่อแคชแบบแฟรกเมนต์ |
⚠️ ใช้เฉพาะเมื่อต้องการแคชขั้นสูง |
|
การแคชภายหลัง |
เลื่อนการสร้างคีย์แคชไปหลังตัวกรองของผู้ใช้ ทำให้ตั้งค่าแคชได้ละเอียดขึ้น |
⚠️ ใช้เฉพาะเมื่อเขียนทับคีย์ |
|
โหมดความเข้ากันได้ |
ยอมสละการปรับแต่งบางส่วนเพื่อให้เข้ากับโฮสติ้ง (ประสิทธิภาพลดลงราว 20%) |
✅ แนะนำเมื่อเกิดข้อผิดพลาดจากโฮสติ้ง |
|
ชุดอักขระ |
แก้ปัญหาการเข้ารหัสที่เกี่ยวกับ UTF-8 |
✅ แนะนำเมื่อแสดงอักขระแปลกๆ |
|
ปฏิเสธคำขอ HEAD |
ป้องกันไม่ให้คำขอ HEAD สร้างแคชว่าง |
✅ ป้องกันหน้าว่างที่ไม่คาดคิด |
|
อายุสูงสุดของออบเจ็กต์แคช |
ระยะเวลาเก็บรายการที่แคชไว้ (วินาที) |
⏱ ทราฟฟิกน้อยตั้งสูง ทราฟฟิกมากตั้งต่ำ |
|
ช่วงเวลาเก็บกวาดขยะ |
รอบการลบข้อมูลแคชที่หมดอายุ (วินาที) |
⏱ ทราฟฟิกยิ่งมาก ยิ่งตั้งให้สั้น |
|
อายุคุกกี้ความคิดเห็น |
ปรับ TTL ของคุกกี้เมื่อเขียนความคิดเห็น (ค่าเริ่มต้น 1800 วินาที) |
✅ มีประโยชน์เมื่อต้องการลดทราฟฟิกของผู้ใช้ที่ล็อกอิน |
3️⃣ Minify
ในไฟล์ HTML, CSS, JS ฟังก์ชัน Minify ลบช่องว่าง คอมเมนต์ และการขึ้นบรรทัดใหม่ที่ไม่จำเป็นออก, เป็นเทคนิคที่ช่วยลดขนาดไฟล์และเพิ่มความเร็วในการโหลด กระบวนการนี้ ไม่เปลี่ยนการทำงาน เพียงทำให้โค้ดกระชับขึ้น เบราว์เซอร์จึงประมวลผลได้เร็วขึ้น
|
ตัวเลือก |
คำอธิบาย |
แนะนำ |
|---|---|---|
|
อัตโนมัติ |
W3TC ตรวจหาไฟล์ HTML, CSS, JS และทำ Minify ให้โดยอัตโนมัติ |
✅ เหมาะกับผู้ใช้ส่วนใหญ่ |
|
กำหนดเอง |
จะมีผลก็ต่อเมื่อผู้ใช้ป้อนพาธของไฟล์ที่จะทำ Minify เอง |
⚠️ สำหรับผู้ใช้ขั้นสูงที่ต้องการควบคุมอย่างละเอียดเท่านั้น |
|
ตัวเลือก |
คำอธิบาย |
สภาพแวดล้อมที่ใช้ |
|---|---|---|
|
ดิสก์ (Disk) |
เก็บไฟล์ที่ทำ Minify แล้วไว้บนดิสก์ของเซิร์ฟเวอร์ |
✅ แชร์โฮสติ้งทั่วไป ค่าเริ่มต้น |
|
APC / APCu |
เก็บไว้ในหน่วยความจำโดยใช้แคช opcode ของ PHP |
✅ ประสิทธิภาพดีบนเซิร์ฟเวอร์เฉพาะ/เสมือน |
|
eAccelerator |
แคช opcode ของ PHP แบบเก่า |
⚠️ ใช้กับเซิร์ฟเวอร์รุ่นเก่าเท่านั้น |
|
XCache |
หนึ่งในกลไกแคชของ PHP (แทบไม่มีใครใช้) |
❌ ไม่แนะนำ (ล้าสมัย) |
|
WinCache |
แคช PHP สำหรับเซิร์ฟเวอร์ Windows |
✅ สำหรับเซิร์ฟเวอร์ IIS/Windows เท่านั้น |
|
Memcached |
เก็บไว้บนเซิร์ฟเวอร์แคชแบบกระจาย |
✅ หลายเซิร์ฟเวอร์ สภาพแวดล้อมคลัสเตอร์ |
|
Redis |
แคชไฟล์ที่ทำ Minify แล้วไว้ในที่เก็บแบบคีย์-ค่าที่รวดเร็ว |
✅ VPS ประสิทธิภาพสูง / หลายเซิร์ฟเวอร์ |
|
ตัวเลือก |
คำอธิบาย |
ลักษณะ |
|---|---|---|
|
Minify (ค่าเริ่มต้น) |
ตัวบีบอัด HTML ที่มีมาในตัวของ W3TC |
เสถียรสูงและเข้ากันได้กับเว็บไซต์ส่วนใหญ่ |
|
HTML Tidy |
จัดโครงสร้าง HTML ไปพร้อมกับทำ Minify |
มีฟังก์ชันแก้โครงสร้าง → เสี่ยงที่เลย์เอาต์จะพัง |
| ตัวเลือก | คำอธิบาย | ลักษณะ | การเลือกตัว Minify JS |
|---|---|---|---|
| JSMin (ค่าเริ่มต้น) | ตัวบีบอัด JS ที่เรียบง่ายและรวดเร็ว: ลบช่องว่างและคอมเมนต์พื้นฐาน | เสถียรสูง ความเสี่ยงที่จะขัดแย้งต่ำ | ✅ เน้นความเร็ว/ความเสถียร เว็บไซต์ WordPress ทั่วไป |
| Google Closure Compiler (เว็บเซอร์วิส) | เครื่องมือปรับแต่ง JS ขั้นสูงของ Google: บีบอัดผ่าน Google API | แม่นยำ แต่ ต้องเรียกเซิร์ฟเวอร์ภายนอก → อาจช้าได้ | ⚠️ ยอมให้ใช้ API ภายนอก เน้นการปรับแต่งที่แม่นยำ |
| Google Closure Compiler (Java ในเครื่อง) | รันเอนจินบีบอัดตัวเดียวกัน ในสภาพแวดล้อม Java ของเซิร์ฟเวอร์แทนเว็บเซอร์วิส | ปรับแต่งขั้นสูงได้ ต้องติดตั้ง Java | ✅ ติดตั้ง Java ได้ และต้องการการปรับแต่งขั้นสูง |
| Narcissus | ตัวบีบอัดแบบดั้งเดิมที่พาร์ส JS แล้วสร้างใหม่ | วิธีเก่า แทบเลิกสนับสนุนแล้ว | — |
| YUI Compressor | เครื่องมือบีบอัด JS/CSS ที่ Yahoo พัฒนา เก็บคอมเมนต์ที่สงวนไว้ได้ | เก่าแต่ยังเสถียร | — |
| Closure (ต้องทดสอบ) | — | — | ⚠️ ใช้ JS รุ่นใหม่ (ES6+) มาก |
| ตัวเลือก | คำอธิบาย |
|---|---|
| ✅ Minify (ค่าเริ่มต้น) | เร็วและเสถียร เหมาะกับเว็บไซต์ WordPress ส่วนใหญ่ |
| ⚠️ CSS Tidy | มีฟังก์ชันจัดโครงสร้างและแก้ไวยากรณ์ สไตล์อาจพัง → ต้องทดสอบ |
| ⚠️ YUI Compressor (PHP) | ตรรกะการบีบอัดรุ่นเก่า หยุดอัปเดตแล้ว → เฉพาะเว็บไซต์รุ่นเก่า |
| ⚠️ YUI Compressor (Java) | ต้องใช้ Java บีบอัดได้ละเอียด แต่ไม่รองรับไวยากรณ์ CSS รุ่นใหม่ |
คู่มือตั้งค่าพื้นฐานเป็น [Disk: Enhanced] ไว้แล้ว ถ้าภายหลังเซิร์ฟเวอร์ใช้แคชต่างไป เช่น เพราะย้ายเซิร์ฟเวอร์ ก็เปลี่ยนได้
|
รายการ |
คำอธิบาย |
|---|---|
|
เขียนโครงสร้าง URL ใหม่ |
ใช้โครงสร้าง URL ที่สะอาดกับลิงก์ CSS/JS ถ้าปิดใช้งาน จะแสดงเป็น URL แบบพารามิเตอร์ GET อย่าง [?ver=xxx] |
|
สำหรับผู้ใช้ที่ล็อกอิน, |
ผู้ใช้ที่ล็อกอินจะเห็น ไฟล์ต้นฉบับ ไม่ใช่ไฟล์ที่ทำ Minify แล้ว มีประโยชน์ขณะดีบักหรือพัฒนา |
|
ลดการแจ้งเตือนข้อผิดพลาด |
แจ้งเตือนเมื่อเกิดข้อผิดพลาดขณะสร้างแคช Minify (Minify Cache) ถ้าปิดใช้งานจะไม่แสดงคำเตือน |
|
รายการ |
คำอธิบาย |
|---|---|
|
การตั้งค่า Minify HTML |
บีบอัดเอกสาร HTML เพื่อลดขนาด โดยลบช่องว่าง การเยื้อง และอื่นๆ |
|
Minify CSS แบบอินไลน์ |
บีบอัดโค้ด CSS ภายในแท็ก [<style>] |
|
Minify JS แบบอินไลน์ |
บีบอัดโค้ด JS ภายในแท็ก [<script>] |
|
ไม่ทำ Minify กับฟีด |
ไม่ทำ Minify กับฟีด RSS/Atom (XML) และคงไว้ตามต้นฉบับ |
|
ลบการขึ้นบรรทัดใหม่ |
ลบอักขระขึ้นบรรทัดใหม่ใน HTML → ขนาดไฟล์เล็กลง |
|
ตัวอย่าง |
การใช้งาน |
|---|---|
|
google_ad_ |
ปกป้องคอมเมนต์ในสคริปต์โฆษณา Google AdSense |
|
RSPEAK_ |
ปกป้องคอมเมนต์ในโค้ดสำหรับโปรแกรมอ่านหน้าจอ/การเข้าถึง |
|
mfunc |
ปกป้องคอมเมนต์ [<!– mfunc –>] สำหรับแคชแฟรกเมนต์ของ W3TC |
|
วิธี Minify |
คำอธิบาย |
สถานการณ์ที่แนะนำ |
|---|---|---|
|
รวม & Minify (Combine & Minify) |
รวมไฟล์ JS หลายไฟล์เป็นไฟล์เดียวพร้อมบีบอัดไปด้วย |
✅ ได้ผลดีที่สุดในสถานการณ์ทั่วไป |
|
รวมอย่างเดียว (Combine Only) |
รวมหลายไฟล์เป็นไฟล์เดียวแต่ไม่บีบอัด |
⚠️ เมื่อกังวลว่า JS จะขัดแย้ง: ป้องกันข้อผิดพลาดจากการบีบอัด |
|
Minify อย่างเดียว (Minify Only) |
คงจำนวนไฟล์ไว้และบีบอัดแต่ละไฟล์แยกกัน |
⚠️ สภาพแวดล้อม HTTP/2 + เมื่อเกิดข้อผิดพลาด JS |
|
การตั้งค่าเอนจิน Minify |
คำอธิบาย |
|---|---|
|
ตำแหน่งแทรก: ก่อน [</head>] |
แทรก JS ไว้ใน [<head>] (ทำงานก่อนโหลดหน้า) |
|
ตำแหน่งแทรก: หลัง [<body>] |
แทรก JS ไว้ล่างสุดของหน้า (ทำงานหลังเรนเดอร์) |
|
ประเภทการแทรก (Blocking / Non-blocking) |
จะให้การทำงานของ JS หยุดการเรนเดอร์หน้าหรือไม่ |
|
รายการ |
คำอธิบาย |
การตั้งค่าที่แนะนำ |
|---|---|---|
|
เปิดใช้ HTTP/2 Push |
เซิร์ฟเวอร์พุชไฟล์ JS ล่วงหน้าก่อนที่เบราว์เซอร์จะขอ |
✅ ถ้าเป็นสภาพแวดล้อม HTTP/2 จะเพิ่มประสิทธิภาพได้ |
|
ข้อควรระวัง |
ถ้าใช้ Page Cache ของ W3TC แบบ [Disk: Enhanced] + NGINX, HTTP/2 Push จะ ❌ ไม่ทำงาน |
✅ ทำงานได้ดีที่สุดบน Apache + HTTP/2 |
|
วิธี Minify |
คำอธิบาย |
สถานการณ์ที่แนะนำ |
|---|---|---|
|
รวม & Minify |
รวมไฟล์ CSS แล้วบีบอัด |
✅ ใช้งานทั่วไป |
|
รวมอย่างเดียว |
รวมไฟล์แต่ไม่บีบอัด |
⚠️ เมื่อกังวลว่า CSS จะขัดแย้ง |
|
Minify อย่างเดียว |
บีบอัดอย่างเดียว ไม่รวมไฟล์ |
✅ เหมาะกับเซิร์ฟเวอร์ HTTP/2 |
|
การตั้งค่าเอนจิน Minify |
คำอธิบาย |
เงื่อนไขการใช้ |
|---|---|---|
|
ลบคอมเมนต์ที่สงวนไว้(Preserved comment removal) |
ลบข้อมูลลิขสิทธิ์หรือคอมเมนต์ที่คงไว้ในไฟล์ CSS เพื่อลดขนาด |
⚠️ มีผลเฉพาะ [รวม & Minify] หรือ [Minify อย่างเดียว] (※ ไม่มีผลเมื่อเป็น [รวมอย่างเดียว]) |
|
ลบการขึ้นบรรทัดใหม่(Line break removal) |
ลบอักขระขึ้นบรรทัดใหม่ใน CSS เพื่อสร้างไฟล์ที่กระชับขึ้น (ขนาดไฟล์ลดลงเล็กน้อย) |
⚠️ ทำงานเฉพาะ [รวม & Minify] หรือ [Minify อย่างเดียว] (※ ถูกข้ามเมื่อเป็น [รวมอย่างเดียว]) |
|
การจัดการ @import |
คำอธิบาย |
การตั้งค่าที่แนะนำ |
|---|---|---|
|
None |
คงการเรียก CSS แบบ [@import] ไว้ตามเดิม |
❌ ไม่แนะนำ (บล็อกการเรนเดอร์) |
|
Bubble |
ย้าย [@import] ขึ้นไปไว้ด้านบนของไฟล์ CSS |
⚠️ ได้ผลจำกัด |
|
Process |
รวมการเรียก [@import] เข้าไปในการรวมไฟล์ |
✅ แนะนำ (ช่วยเพิ่มประสิทธิภาพ) |
|
รายการขั้นสูง |
คำอธิบาย |
การตั้งค่าที่แนะนำ |
|---|---|---|
|
ช่วงเวลาอัปเดตไฟล์ภายนอก(Update interval for external files) |
ช่วงเวลาที่ W3TC ดาวน์โหลด/ทำ Minify ไฟล์ CSS/JS จาก CDN และ URL ภายนอกใหม่ (หน่วยวินาที) |
✅ คงค่าเริ่มต้น [86400] วินาที (24 ชั่วโมง) ※ ถ้ามีไฟล์ภายนอกที่เปลี่ยนบ่อย ลองพิจารณา [21600] (6 ชั่วโมง) |
|
ช่วงเวลาเก็บกวาดขยะ(Garbage collection interval) |
รอบการลบไฟล์แคชที่หมดอายุ (ใช้กับแคชแบบดิสก์) |
✅ แนะนำ [43200~86400] วินาที (ทราฟฟิกมากลดลงได้) ※ ตั้งค่าขีดจำกัดสูงสุด (2592000 วินาที) ได้ใน [wp-config.php] |
|
อย่าทำ Minify กับหน้าต่อไปนี้(Never minify the following pages) |
ป้อน URL ที่ ต้องยกเว้นเสมอ จากการทำ Minify (พาธแบบสัมพัทธ์ ไม่รวมคิวรี) |
✅ เพิ่มหน้าผู้ดูแล หน้าล็อกอิน URL ของ AJAX และอื่นๆ ตามต้องการ ตัวอย่าง: [wp-login.php], [wp-admin/], [my-custom-endpoint/] |
|
ไฟล์ JS ที่จะไม่ทำ Minify เด็ดขาด |
ระบุไฟล์ JS เฉพาะที่เกิดข้อผิดพลาดเมื่อทำ Minify |
⚠️ เพิ่มเมื่อพบไฟล์ JS ที่มีปัญหา ตัวอย่าง: [plugins/some-script.js] |
|
ไฟล์ CSS ที่จะไม่ทำ Minify เด็ดขาด |
ยกเว้นได้เมื่อเกิด CSS ขัดแย้ง |
⚠️ ถ้ามี CSS ที่ทำให้เลย์เอาต์พัง ให้ตั้งเป็นข้อยกเว้น ตัวอย่าง: [themes/mytheme/style.css] |
|
User Agent ที่ถูกปฏิเสธ |
ไม่ส่งไฟล์ที่ทำ Minify แล้วให้ User-Agent บางตัว (ครอว์เลอร์ บอต ฯลฯ) |
✅ ระบุเฉพาะบอตที่ต้องข้ามแคช ตัวอย่าง: [Lighthouse], [GTmetrix], [Chrome-Lighthouse] ฯลฯ |
|
รวมไฟล์/ไลบรารีภายนอก(Include external files/libraries) |
เพิ่มสคริปต์ CDN ภายนอกเข้าในรายการรวมไฟล์ด้วยตนเอง |
⚠️ ใช้เฉพาะเมื่อต้องการทำ Minify/รวม JS/CDN ภายนอก ตัวอย่าง: [ajax.googleapis.com/…/jquery.min.js] |
|
อนุญาตให้ใช้นิพจน์ปรกติ |
จับคู่ด้วยนิพจน์ปรกติได้เมื่อรูปแบบชื่อไฟล์ไม่คงที่ |
✅ มีประโยชน์เมื่อสคริปต์ภายนอกเปลี่ยนเลขเวอร์ชันบ่อย ตัวอย่าง: [cdn.example.com/js/lib-\d+\.js] |
# EX:
#ไฟล์ JS ที่จะไม่ทำ Minify เด็ดขาด:
plugins/some-plugin/assets/js/legacy-script.js
wp-includes/js/jquery/jquery.js
#CSS ที่จะไม่ทำ Minify เด็ดขาด:
themes/mytheme/style.css# EX:
#User Agent ที่ถูกปฏิเสธ:
Lighthouse
Chrome-Lighthouse
GTmetrix|
รายการ |
คำอธิบาย |
การตั้งค่าที่แนะนำ |
|---|---|---|
|
ใช้อีเวนต์ WP-Cron(Enable WP-Cron event) |
เพื่อลบ/รีเฟรชแคชหน้าเว็บโดยอัตโนมัติเป็นระยะ ตั้งเวลางาน WP-Cron |
✅ แนะนำให้เปิดใช้ (คงค่าเริ่มต้น) |
|
เวลาเริ่ม(Start time) |
เวลาที่ WP-Cron จะทำงานครั้งแรก (เช่น 12:00 am) |
✅ ช่วงที่เซิร์ฟเวอร์มีภาระน้อย (เช่น ระหว่างเที่ยงคืนถึงตีสาม) |
|
ช่วงเวลา(Interval) |
WP-Cron จะลบแคชบ่อยแค่ไหน — ตั้งค่า |
✅ วันละสองครั้งหรือรายชั่วโมง (เว็บไซต์ที่มีทราฟฟิกสูง) |
|
ทางเลือก: ครอนของระบบ |
แทนที่จะใช้ WP-Cron สามารถรันคำสั่ง [wp w3tc flush_posts] ด้วยครอนระดับ OS จริงได้ |
แนะนำสำหรับเซิร์ฟเวอร์ประสิทธิภาพสูง (แม่นยำและมีประสิทธิภาพกว่า WP-Cron) |
4️⃣ แคช opcode
สำหรับแคช opcode จะใช้ opcode ที่ติดตั้งบนเซิร์ฟเวอร์โดยอัตโนมัติ ถ้าไม่ได้ติดตั้งจะถูกตั้งเป็นปิดใช้งาน
5️⃣ แคชฐานข้อมูลและแคชออบเจ็กต์: Memcached·Redis
|
ตัวเลือก |
คำอธิบาย |
สภาพแวดล้อมที่แนะนำ |
|---|---|---|
|
ดิสก์ |
เก็บข้อมูลแคชไว้บนดิสก์ของเซิร์ฟเวอร์ |
✅ แชร์โฮสติ้ง / สภาพแวดล้อมพื้นฐาน |
|
Memcached |
แคชแบบกระจายผ่านเครือข่าย ความเร็วสูง |
✅ หลายเซิร์ฟเวอร์ / คลัสเตอร์ |
เว็บไซต์ WordPress ทั่วไปมักใช้ Memcached หรือ Redis เพียงตัวเดียวเป็นแคชฐานข้อมูล แต่ใน W3 Total Cache แยกใช้ได้ คือ ⓐ ตัวหนึ่งสำหรับแคชฐานข้อมูล และ ⓑ อีกตัวสำหรับแคชออบเจ็กต์
📌 แบบทั่วไป: WordPress เว็บไซต์
├─ ฐานข้อมูล แคช
│ └─ Memcached หรือ Redis · ตัวเดียวเท่านั้นที่ ใช้ได้
└─ ออบเจ็กต์ แคช
└─ ใช้ แคช เอนจิน ตัวเดียวกันร่วมกัน เป็นกรณีที่ พบบ่อย
📌 W3 Total Cache (W3TC)
├─ ฐานข้อมูล แคช
│ └─ Memcached ใช้ได้ (ตัวอย่าง)
└─ ออบเจ็กต์ แคช
└─ Redis ใช้ได้ (ตัวอย่าง)
🛠️ การประยุกต์ใช้ เชิงกลยุทธ์
└─ แคช เอนจิน ตาม บทบาท แยก ใช้ ได้
├─ เซิร์ฟเวอร์ ทรัพยากร กระจายออก
├─ แคช คอขวด ลดลง
└─ ประสิทธิภาพ การปรับแต่ง ความยืดหยุ่น เพิ่มขึ้นในการตั้งค่าของ W3 Total Cache ค่าเริ่มต้นคือแคชฐานข้อมูลใช้ Memcached และแคชออบเจ็กต์ใช้ Redis
|
รายการ |
คำอธิบาย |
คำแนะนำหรือหมายเหตุ |
|---|---|---|
|
อายุสูงสุดของออบเจ็กต์แคช |
เวลาหมดอายุตามปกติของรายการแคชที่ไม่มีการเปลี่ยนแปลง (วินาที) |
[180 วินาที] (ค่าเริ่มต้น) ถ้ามากเกินไปจะเปลืองหน่วยความจำ |
|
ช่วงเวลาเก็บกวาดขยะ |
รอบการลบข้อมูลแคชที่หมดอายุ (วินาที) |
[3600 วินาที] (1 ชั่วโมง) ถ้าใช้งานมากให้ลดลง |
|
อย่าแคช |
พาธที่จะยกเว้นจากการแคช (ใช้นิพจน์ปรกติได้) |
แนะนำให้ยกเว้นหน้าไดนามิก เช่น ล็อกอิน ตะกร้าสินค้า และการค้นหา |
|
Query stem ที่ถูกละเว้น |
ไม่แคชคิวรีที่มีคำนำหน้าตรงกัน |
ข้อมูลเซสชัน/ชั่วคราว เช่น [gdsr_], [wp_rg_] |
|
ปฏิเสธคิวรี (Query Rejects) |
ยกเว้นคิวรีที่มีคีย์เวิร์ด/รูปแบบเฉพาะ (นิพจน์ปรกติ) |
[insert], [update], [autoload], [found_rows()] ฯลฯ |
|
Reject Constants |
ปิดแคช DB เมื่อมีการกำหนดค่าคงที่ WP ที่ระบุไว้ |
[DOING_CRON], [XMLRPC_REQUEST] ฯลฯ |
|
เปิดใช้สำหรับ WP-CLI |
จะใช้แคชขณะ WP-CLI ทำงานด้วยหรือไม่ |
✅ เปิดใช้แล้วได้เปรียบด้านประสิทธิภาพ (ระวังในสภาพแวดล้อมทดสอบ) |
|
ตัวเลือก |
คำอธิบาย |
สภาพแวดล้อมที่แนะนำ |
|---|---|---|
|
ดิสก์ |
เก็บข้อมูลแคชไว้บนดิสก์ของเซิร์ฟเวอร์ |
✅ แชร์โฮสติ้ง / สภาพแวดล้อมพื้นฐาน |
|
Redis |
แคชความเร็วสูงแบบคีย์-ค่า ทำงานเข้ากับ PHP-FPM ได้ดี |
✅ เซิร์ฟเวอร์ประสิทธิภาพสูง / VPS |

|
รายการ |
คำอธิบาย |
|---|---|
|
โฮสต์/IP ของ Redis |
รูปแบบ [127.0.0.1:6379] สำหรับ TLS ให้ใช้คำนำหน้า [tls://] |
|
ตรวจสอบใบรับรอง TLS |
ตรวจความถูกต้องของใบรับรองเมื่อใช้ TLS (ไม่บังคับ) |
|
ใช้การเชื่อมต่อแบบถาวร |
ใช้การเชื่อมต่อ Redis ซ้ำเพื่อเพิ่มประสิทธิภาพ |
|
หมดเวลาการเชื่อมต่อ |
เวลาสูงสุดที่อนุญาตในการเชื่อมต่อ Redis (วินาที) |
|
ช่วงเวลาลองเชื่อมต่อใหม่ |
เวลารอก่อนลองใหม่เมื่อล้มเหลว (ms) |
|
หมดเวลาการอ่านการเชื่อมต่อ |
เวลาสูงสุดในการรอการตอบกลับ (วินาที) |
|
Redis DB ID |
ระบุหมายเลข DB ใน Redis (ค่าเริ่มต้น [0]) |
|
รหัสผ่าน Redis |
รหัสผ่านหรือข้อมูลสำหรับยืนยันตัวตนแบบ SASL |
|
อายุแคชเริ่มต้น |
เวลาเก็บรายการแคชเริ่มต้น (วินาที) ค่าเริ่มต้น 180 วินาที |
|
ช่วงเวลาเก็บกวาดขยะ |
รอบการลบแคชที่หมดอายุ ค่าเริ่มต้น 600 วินาที |
|
กลุ่มส่วนกลาง |
กลุ่มที่ใช้ร่วมกันในโหมดเครือข่าย (สำหรับมัลติไซต์) |
|
กลุ่มไม่ถาวร |
กลุ่มที่ยกเว้นจากการแคช เช่น [counts], [plugins] |
|
แคชคำขอ wp-admin |
ใช้แคชกับส่วนผู้ดูแลด้วย (⚠️ ต้องทดสอบ) |
|
เก็บ transient ใน DB |
เก็บค่าชั่วคราวไว้ใน DB แม้ใช้แคชภายนอกอยู่ |
|
เปิดใช้ WP-CLI |
อนุญาตให้ใช้แคชกับคำสั่ง WP-CLI ด้วย |
6️⃣ แคชเบราว์เซอร์
แคชเบราว์เซอร์จะเก็บไฟล์คงที่อย่างรูปภาพ CSS และ JS ไว้บนอุปกรณ์ของ ผู้เข้าชมเอง ทำให้โหลดเร็วขึ้นมากเมื่อกลับมาเข้าชมอีกครั้ง ช่วยให้หน้าเว็บตอบสนองเร็วขึ้นและประสบการณ์ผู้ใช้ดีขึ้น
การตั้งค่าส่วนใหญ่เน้นที่ การควบคุมแคชและการลดภาระเซิร์ฟเวอร์ สำหรับเว็บไซต์ที่มีทราฟฟิกสูงหรือให้ความสำคัญกับการปรับแต่งทรัพยากรคงที่ จะเปิดใช้หลายรายการก็ไม่เป็นปัญหา
| รายการ | ทั่วไป | CSS และ JS | HTML และ XML | สื่อและไฟล์อื่นๆ |
|---|---|---|---|---|
| ตั้งค่าเฮดเดอร์ [Last-Modified] | ใส่วันที่แก้ไขล่าสุดของไฟล์เพื่อให้ตอบกลับ 304 ได้ | ✅ ส่วนใหญ่เปิดใช้ | ✅ เหมาะกับเซิร์ฟเวอร์ส่วนใหญ่ | ✅ ใช้ได้ผลกับแคช CDN/เบราว์เซอร์ส่วนใหญ่ |
| ตั้งค่าเฮดเดอร์ [Expires] | ให้เบราว์เซอร์แคชไฟล์ไว้ช่วงเวลาหนึ่ง | ✅ ค่าเริ่มต้น 31536000 วินาที (1 ปี) แนะนำ | ✅ ค่าเริ่มต้น [3600 วินาที (1 ชั่วโมง)] | ✅ ค่าเริ่มต้น [31536000 วินาที] (1 ปี) → เหมาะกับไฟล์คงที่ |
| ⏱️ ตั้งเวลาหมดอายุ Expires | — | ⏱️ เช่น [31536000 วินาที = 1 ปี] · ถ้าใช้ร่วมกับ CDN ปรับให้สั้นลงได้ | — | — |
| ตั้งค่าเฮดเดอร์ [Cache-Control] | ควบคุมกลยุทธ์การแคชด้วยการเพิ่มเฮดเดอร์ pragma และ cache-control | ✅ แนะนำ [“public, max-age=31536000”] | ✅ ตั้งค่าเป็น [“public, max-age=3600”] เป็นต้น | ✅ แนะนำ [“public, max-age=31536000”] |
| ✅ นโยบายควบคุมแคช | — | ✅ ใช้แบบที่มี [max-age] · ใช้ [“public, max-age=EXPIRES_SECONDS”] เป็นค่าเริ่มต้น | — | — |
| ตั้งค่า [ETag] | ให้แท็กเอนทิตีสำหรับระบุไฟล์ – ใช้ตรวจจับการเปลี่ยนแปลง | ✅ ได้ผลเมื่อใช้ภายในเซิร์ฟเวอร์เดียวกัน | ✅ ถ้าไม่มีการแชร์แคชระหว่างเซิร์ฟเวอร์ แนะนำให้ใช้ | ✅ มีประโยชน์เมื่อใช้เซิร์ฟเวอร์เดียว |
| ตั้งค่าเฮดเดอร์ W3TC | แทรกเฮดเดอร์เพื่อระบุว่าไฟล์ผ่านการปรับแต่งโดย W3TC หรือไม่ | 🔖 ไม่จำเป็น ใช้เพื่อวิเคราะห์ | 🔖 ไม่จำเป็น (สำหรับดีบัก) | 🔖 เลือกได้ว่าจะใช้หรือไม่ |
| การบีบอัด gzip | วิธีบีบอัดเพื่อลดขนาดไฟล์ข้อความ (เข้ากันได้เกือบทั้งหมด) | ✅ เซิร์ฟเวอร์ส่วนใหญ่รองรับ | ✅ รองรับบนเซิร์ฟเวอร์ส่วนใหญ่ | ✅ ไม่มีผลกับรูปภาพ |
| การบีบอัด brotli | อัตราการบีบอัดสูงกว่า gzip (เฉพาะเบราว์เซอร์ที่รองรับ) | ✅ ต้องตั้งค่า Apache/Nginx | ✅ เปิดใช้โมดูล Apache/nginx | ✅ มีผลเฉพาะเบราว์เซอร์ที่รองรับ |
| ป้องกันการแคชออบเจ็กต์เมื่อเปลี่ยนการตั้งค่า | เพิ่มสตริงคิวรีเพื่อทำให้แคชเก่าใช้ไม่ได้ | ✅ แนะนำเมื่อเปลี่ยนการตั้งค่าบ่อย | — | ✅ เปลี่ยนไฟล์แล้วมีผลทันที |
| ลบสตริงคิวรี | ลบ [?] ออกจากทรัพยากรคงที่เพื่อเพิ่มอัตราการแคช | ⚠️ จำเป็นเฉพาะกับ CDN/พร็อกซีบางตัว | — | ✅ ใช้กับไฟล์ที่มีการจัดการเวอร์ชันได้ |
| ลบคุกกี้ | ลบเฮดเดอร์ [Set-Cookie] ออกจากการตอบกลับของทรัพยากรคงที่ | ✅ ติ๊กไว้ในกรณีส่วนใหญ่ | — | ✅ รูปภาพและอื่นๆ ไม่ต้องใช้คุกกี้ |
| ไม่ให้ WordPress จัดการการตอบกลับ 404 | 404 ของไฟล์คงที่ให้เว็บเซิร์ฟเวอร์จัดการ → ภาระของ WP ลดลง | — | — | — |
| รายการ URI ยกเว้น 404 | ระบุรูปแบบ URI ที่ให้ WP จัดการเอง (เช่น sitemap, robots.txt) | — | — | — |
| เขียนโครงสร้าง URL ของออบเจ็กต์ใหม่ | สร้าง URI เฉพาะเพื่อข้ามแคช (เช่น รูปแบบ [ver=xxxx]) | — | — | — |
Ⅲ. ฟังก์ชันเสริมของ W3 Total Cache
การลบแคชด้วย WP Cron เป็น การตั้งค่าระดับส่วนกลาง.
{wp_content_dir}/gallery/*
{wp_content_dir}/uploads/avatars/*
{plugins_dir}/wordpress-seo/css/xml-sitemap.xsl
{plugins_dir}/wp-minify/min*
{plugins_dir}/*.js
{plugins_dir}/*.css
{plugins_dir}/*.gif
{plugins_dir}/*.jpg
{plugins_dir}/*.png
{uploads_dir}/imagerotator.swf
{plugins_dir}/wp-fb-autoconnect/facebook-platform/channel.html
- You can use placeholders {wp_content_dir}, {plugins_dir}, {uploads_dir} instead of writing folder paths (wp-content, wp-content/plugins, wp-content/uploads).
- If using Amazon Web Services or Self-Hosted CDN types, enable HTTP compression in the “Media & Other Files” section on Browser Cache Settings tab.
data-bgposition=
data-envira-src=
data-large_image=
data-lazy-original=
data-lazy-src=
data-lazyload=
data-lazysrc=
data-no-lazy=
data-src=
data-srcset=
fullurl=
lazy-slider-img=
loading=”eager”
no-lazy
rev-slidebg
skip-lazy
soliloquy-image
swatch-img
w3-total-cache
woocommerce/assets/images/placeholder.png
wpcf7_captcha
1️⃣ CDN
ตั้งค่าฟังก์ชันนี้ได้หลังสมัครผู้ให้บริการ CDN
|
ตัวเลือก |
คำอธิบาย |
|---|---|
|
✅ โฮสต์ไฟล์แนบ |
อัปโหลดไฟล์แนบ เช่น รูปภาพใน [wp-content/uploads] ไปยัง CDN |
|
✅ โฮสต์ไฟล์ wp-includes |
รวมไฟล์คงที่ของแกน WordPress (js/css ฯลฯ) ไว้ใน CDN |
|
✅ โฮสต์ไฟล์ธีม |
รวมไฟล์คงที่ของธีมที่ใช้งานอยู่ (css/js/images ฯลฯ) ไว้ใน CDN |
|
✅ โฮสต์ไฟล์ CSS/JS ที่ทำ Minify แล้ว |
ให้บริการไฟล์ CSS/JS ที่ W3TC ทำ Minify แล้วจาก CDN |
|
✅ โฮสต์ไฟล์ที่กำหนดเอง |
พุชพาธหรือชื่อไฟล์ที่ผู้ใช้ระบุเองไปยัง CDN |
|
⚠️ บังคับเขียนทับไฟล์เดิม |
ใช้บังคับอัปโหลดใหม่เมื่อตรวจไม่พบการแก้ไขโดยอัตโนมัติ |
|
รายการ |
คำอธิบาย |
|---|---|
|
ลบ CDN ด้วยตนเองเท่านั้น |
ลบไฟล์ออกจาก CDN เฉพาะเมื่อคลิกปุ่มลบด้วยตนเอง |
|
ปิด CDN บนหน้า SSL |
ไม่ใช้ URL ของ CDN บนหน้า HTTPS |
|
ใช้ลิงก์ CDN ในหน้าผู้ดูแล |
แสดง URL ของ CDN สำหรับสื่อในหน้าผู้ดูแลด้วย |
|
Add CORS header |
เพิ่มเฮดเดอร์การตอบกลับเพื่ออนุญาต CORS |
|
ปิด CDN ตามบทบาท |
ไม่ใช้ CDN กับบทบาทผู้ใช้ที่เลือก (เช่น ให้เฉพาะผู้ดูแลใช้ต้นฉบับ) |
|
รายการหน้าที่ยกเว้น |
ยกเว้นพาธที่ระบุจาก CDN (ใช้นิพจน์ปรกติได้) |
|
อัปโหลดไฟล์ที่ทำ Minify แล้วโดยอัตโนมัติ |
อัปโหลดไฟล์ที่ทำ Minify แล้วไปยัง CDN อัตโนมัติ (แบบ Push) |
|
ส่งออกไฟล์ที่เปลี่ยนแปลงโดยอัตโนมัติ |
อัปโหลดอัตโนมัติเมื่อตรวจพบการแก้ไขไฟล์ |
|
ช่วงเวลาอัปโหลดอัตโนมัติ |
ช่วงเวลาอัปโหลดหลังตรวจพบการเปลี่ยนแปลงไฟล์ (ค่าเริ่มต้น 3600 วินาที) |
|
ช่วงเวลา / ขีดจำกัดการส่งซ้ำ |
ช่วงเวลาลองใหม่เมื่อล้มเหลวและจำกัดจำนวนไฟล์ที่ประมวลผล |
|
ไฟล์ wp-includes ที่จะอัปโหลด |
ระบุรูปแบบไฟล์แกนที่จะรวมไว้ใน CDN |
|
รูปแบบไฟล์ธีมที่จะอัปโหลด |
ระบุรูปแบบไฟล์ที่เกี่ยวกับธีม เช่น CSS/JS/ฟอนต์ |
|
รูปแบบไฟล์ที่จะนำเข้า |
กำหนดเงื่อนไขการดาวน์โหลดอัตโนมัติสำหรับไฟล์ที่ลิงก์จากภายนอก |
|
รายการไฟล์ที่กำหนดเอง |
ระบุพาธของแต่ละไฟล์ที่จะส่งไปยัง CDN (เทมเพลต ปลั๊กอินภายนอก ฯลฯ) |
|
User Agent ที่ถูกปฏิเสธ |
ระบุบอต/User Agent ที่จะบล็อกไม่ให้เข้าถึงไฟล์ CDN |
|
พาธไฟล์ที่ถูกปฏิเสธ |
ระบุพาธไฟล์ที่ไม่ใช้ CDN เช่น CAPTCHA และพาธพิเศษ |
|
ตั้งค่าโดเมนคุกกี้ |
ระบุโดเมนเพื่อป้องกันการส่งคุกกี้เมื่อใช้ CDN แบบซับโดเมน |
2️⃣ รีเวิร์สพร็อกซี
คำอธิบายยกตัวอย่าง Varnish และ Nginx แต่เนื่องจาก Nginx ตั้งค่าที่เซิร์ฟเวอร์ จึงใช้ในปลั๊กอิน W3 Total Cache เฉพาะเมื่อใช้ Varnish
3️⃣ ประสบการณ์ผู้ใช้: โหลดแบบหน่วงเวลา
ฟังก์ชันในการตั้งค่าขั้นสูงกว่า 50% ใช้ได้ในเวอร์ชันพรีเมียม
|
รายการ |
คำอธิบาย |
ควรใช้เมื่อไร |
|---|---|---|
|
✅ ประมวลผลแท็กรูปภาพ HTML |
[<img>] แท็กจะได้รับแอตทริบิวต์ lazy |
สำหรับโหลดรูปภาพในเนื้อหาทั่วไปแบบหน่วงเวลา |
|
✅ ประมวลผลภาพพื้นหลัง |
ใช้ lazy กับ [background-image] ของ CSS |
เมื่อเป็นเว็บไซต์ที่เน้นดีไซน์และมีภาพพื้นหลังเยอะ |
| ยกเว้นคำ | ตัวอย่าง |
|---|---|
| แอตทริบิวต์ที่ยกเว้น Lazy | [data-src], [data-lazy-src], [data-no-lazy], [loading=”eager”] ฯลฯ |
| คลาสที่ยกเว้น Lazy | [no-lazy], [skip-lazy], [lazy-slider-img], [rev-slidebg] ฯลฯ |
| เกี่ยวกับปลั๊กอิน/สไลเดอร์ | [soliloquy-image], [envira], [w3-total-cache], [wpcf7_captcha] ฯลฯ |
| เกี่ยวกับ WooCommerce | [swatch-img], [woocommerce/…/placeholder.png] ฯลฯ |
“เกณฑ์” ของการโหลดแบบหน่วงเวลาคือค่าที่กำหนดว่ารูปภาพหรือองค์ประกอบพื้นหลังที่อยู่ใต้วิวพอร์ต (หน้าจอ) ของเบราว์เซอร์จะเริ่มโหลดล่วงหน้าเมื่ออยู่ห่างแค่ไหน เช่น ถ้าตั้ง 100px องค์ประกอบนั้นจะโหลดเมื่อผู้ใช้เลื่อนเข้าใกล้ภายใน 100 พิกเซล ถ้าตั้งสั้นเกินไป รูปภาพจะโหลดช้าและผู้ใช้อาจเห็นเป็นหน้าว่าง โดยทั่วไปจึงเหมาะที่ 100~300px
ต่อไปนี้คือวิธีการแทรกสคริปต์
|
วิธีการแทรก |
คำอธิบาย |
ตำแหน่งหรือแอตทริบิวต์ |
|---|---|---|
|
อะซิงโครนัส (Async) |
ทำงานคู่ขนานกับการโหลดหน้าและไม่บล็อกการเรนเดอร์ |
[<script async>] |
|
ซิงโครนัส (ในส่วน head) |
ทำงานก่อนในส่วน [<head>] และอาจบล็อกการเรนเดอร์ชั่วคราว (in the head) |
[<head>] หรือ [<script>] |
|
อินไลน์ (Inline) |
แทรกสคริปต์ลงในเอกสาร HTML โดยตรง จึงทำงานได้โดยไม่ต้องส่งคำขอแยก |
แทรกไว้ใน [<script>โค้ด</script>] |


4️⃣ ตัวแปลง WebP


Ⅳ. ประเมินภาพรวมของ W3 Total Cache
อินเทอร์เฟซ (UI) ของ W3 Total Cache ไม่ได้แย่ แต่ใช้งานไม่สะดวกอย่างชัดเจน นักพัฒนาและผู้ใช้มืออาชีพหลายคนก็ชี้จุดเดียวกัน เมื่อเทียบกับปลั๊กอินรุ่นใหม่อย่าง WP Rocket หรือ FlyingPress ด้านประสิทธิภาพของเว็บไซต์ตามทันได้สบาย แต่ด้านประสบการณ์ผู้ใช้ (UX) ยังน่าเสียดายอยู่.
การมีฟังก์ชันเยอะเป็นข้อดี แต่ สำหรับมือใหม่ โครงสร้างอาจรู้สึกซับซ้อนเกินไป โดยเฉพาะการต้องสลับเมนูบ่อยและตัวเลือกย่อยมีมาก แม้แต่นักพัฒนาและผู้ดูแลเว็บไซต์ที่ชำนาญก็ อาจตั้งค่าผิดพลาดได้ แน่นอนว่าจำทุกอย่างที่ตั้งไว้ไม่ได้ แต่ในการใช้งานจริง มันคือ ปลั๊กอินแคชขั้นสูงที่ปรับแต่งได้อย่างละเอียด.
ด้วยยอดติดตั้งเวอร์ชันฟรีกว่า 1 ล้านครั้ง จึงยากที่จะมองว่าเป็นแค่ปลั๊กอินเก่า ในความเป็นจริงแทบไม่มีปลั๊กอินแคชตัวไหนที่มีฟังก์ชันหลากหลายและครบครันเทียบเท่า
| รายการ | คะแนน (⭐) | รายละเอียดการประเมิน |
|---|---|---|
| 🎛️ อินเทอร์เฟซ | ⭐⭐⭐ | เมนูเยอะ โครงสร้างซับซ้อน เป็นอุปสรรคสำหรับผู้ใช้ใหม่ UI ดูเก่า |
| ⚙️ ความหลากหลายของฟังก์ชัน | ⭐⭐⭐⭐⭐ | แคช CDN Redis และเกือบทุกฟังก์ชัน หาฟังก์ชันที่ไม่มีได้ยาก |
| 🛠️ ความยืดหยุ่นในการตั้งค่าโดยละเอียด | ⭐⭐⭐⭐ | ปรับแต่งรายละเอียดได้เกือบทุกฟังก์ชัน ต้องระวังการตั้งค่าขัดแย้งกัน |
| 🚀 การเพิ่มประสิทธิภาพ | ⭐⭐⭐⭐⭐ | ถ้าตั้งค่าเหมาะสมประสิทธิภาพดีมาก แคชออบเจ็กต์/แคชเบราว์เซอร์ได้ผลมาก |
| 🧩 ความเข้ากันได้ | ⭐⭐⭐ | อาจขัดแย้งกับโฮสติ้ง ธีม และปลั๊กอินบางตัว |
| 📄 เอกสาร·คู่มือ | ⭐⭐⭐⭐⭐ | เอกสารทางการมีมาก |
| 💡 ระดับการแนะนำของผู้ใช้ | ⭐⭐⭐⭐(4.5) | แนะนำสำหรับผู้ใช้ขั้นสูง มือใหม่แนะนำ WP Rocket, Cache Enabler ฯลฯ |
| 📊 คะแนนรวม | ⭐⭐⭐⭐(4.5) | ปลั๊กอินประสิทธิภาพสูงที่เน้นฟังก์ชัน ต้องใช้เวลาเรียนรู้ ควรพิจารณาระดับของผู้ใช้ |
Ⅴ. ทดสอบประสิทธิภาพ
หลังตั้งค่าปลั๊กอิน การทดสอบความเร็วครั้งสุดท้ายแสดงให้เห็นว่าความเร็วดีขึ้นชัดเจนกว่าปลั๊กอินแคชทั่วไป
ℹ️ ประกาศเรื่องลิงก์แอฟฟิลิเอต
เนื้อหาของเว็บไซต์นี้มีลิงก์แอฟฟิลิเอต หากผู้เข้าชมซื้อสินค้าหรือบริการผ่านลิงก์เหล่านี้ เว็บไซต์นี้จะได้รับค่าคอมมิชชันจากผู้ขาย ในกระบวนการนี้ ราคาที่ผู้ซื้อจ่าย(ราคาจะลดลงเมื่อมีโปรโมชัน↓)จะไม่สูงขึ้นแต่อย่างใด ราคา ส่วนลด และข้อมูลสต็อกที่แสดงเป็นข้อมูล ณ เวลาที่เขียนและอาจต่างจากความเป็นจริง โปรดตรวจสอบกับผู้ขายอีกครั้งก่อนซื้อ การเลือกและการประเมินสินค้าเขียนตามเกณฑ์ของเราเอง และการได้รับค่าคอมมิชชันหรือไม่ไม่มีผลต่อลำดับการแนะนำหรือเนื้อหาการประเมิน