วิธีใช้ WP Rocket With Perfmatters: คู่มือตั้งค่าฟีเจอร์เพิ่มประสิทธิภาพ
WP Rocket With Perfmatters ทั้งสองเป็นปลั๊กอินที่ช่วยให้ WordPress เร็วขึ้น WP Rocket เป็นปลั๊กอินแคชที่ดูแลแคชหน้าเว็บและการปรับแต่งไฟล์ ส่วน Perfmatters เป็นปลั๊กอินปรับแต่งประสิทธิภาพที่ปิดฟีเจอร์และสคริปต์ของ WordPress ที่ไม่จำเป็น
ทั้งสองปลั๊กอินมีฟีเจอร์ที่ซ้ำกัน เช่น การโหลดแบบหน่วงเวลาและการหน่วงการทำงานของ JavaScript ถ้าเปิดทั้งสองฝั่ง งานเดียวกันจะทำงานซ้ำสองครั้ง บทความนี้สรุปด้วยหน้าจอตั้งค่าของทั้งสองปลั๊กอินว่าฟีเจอร์ที่ซ้ำกันแต่ละตัวควรเปิดหรือปิดฝั่งไหน
1️⃣ โครงสร้างของ WP Rocket และ Perfmatters
WP Rocket เป็นปลั๊กอินแคช จะบันทึกหน้าที่เปิดครั้งแรกไว้เป็นไฟล์ HTML แล้วส่งไฟล์นั้นให้ผู้เข้าชมคนถัดไปโดยไม่ต้องรัน WordPress อีก
Perfmatters เป็นปลั๊กอินปรับแต่งประสิทธิภาพที่ไม่มีแคชหน้าเว็บ ใช้ปิดฟีเจอร์พื้นฐานของ WordPress อย่างอีโมจิและการฝัง (embed) รวมถึงสคริปต์ปลั๊กอินที่แต่ละหน้าไม่ได้ใช้ และเว็บไซต์ทางการก็ระบุว่าออกแบบมาให้ใช้คู่กับปลั๊กอินแคช
ดังนั้นในการเข้าชมครั้งแรก WordPress สร้างหน้าเว็บ Perfmatters ตัดส่วนที่ไม่จำเป็นออก แล้ว WP Rocket บันทึกเป็นไฟล์ HTML ตั้งแต่การเข้าชมครั้งถัดไปจะส่งไฟล์นั้นออกไป
ลำดับการทำงานของ WP Rocket และ Perfmatters
การเข้าชมครั้งแรกและครั้งถัดไป
การเข้าชมครั้งแรก
WordPress สร้างหน้าเว็บ
→
Perfmatters ปิดอีโมจิ · embed · สคริปต์ปลั๊กอินที่ไม่ได้ใช้
→
WP Rocket บันทึกเป็นไฟล์ HTML
การเข้าชมครั้งถัดไป
WP Rocket ส่งไฟล์ที่บันทึกไว้
ไม่ต้องรัน WordPress อีก
2️⃣ WP Rocket With Perfmatters
ฟีเจอร์ที่มีในทั้งสองปลั๊กอินจะเปิดไว้ฝั่งเดียว โดยให้ฝั่งที่ทำได้ดีกว่าดูแล JavaScript · การโหลดแบบหน่วงเวลา · ขนาดรูปภาพ · Google Fonts · การล้างฐานข้อมูล · CDN ให้ WP Rocket ดูแล ส่วน CSS · Heartbeat · การโหลดลิงก์ล่วงหน้าให้ Perfmatters ดูแล
Perfmatters สร้าง CSS ที่ไม่ได้ใช้บนเซิร์ฟเวอร์ของคุณเองได้ทันทีและเก็บเป็นไฟล์แยกได้ จึงได้เปรียบเมื่อมีการเข้าชมซ้ำ และยังเลือกรอบเวลาของ Heartbeat เองได้ สำหรับการโหลดลิงก์ล่วงหน้า ให้คงฝั่ง Perfmatters ที่ใช้การโหลดแบบคาดการณ์ (speculative loading) ของ WordPress ไว้ ส่วนการหน่วงการทำงานของ JavaScript ฝั่ง WP Rocket ที่มีการยกเว้นแบบคลิกเดียวและโหมดปลอดภัยทำให้เว็บพังน้อยกว่า
แต่ถ้าสเปกเซิร์ฟเวอร์ต่ำหรือเปลี่ยนดีไซน์บ่อย ให้ WP Rocket ดูแล Remove Unused CSS จะดีกว่า WP Rocket สร้าง CSS ที่ใช้บนเซิร์ฟเวอร์ภายนอก และลบให้อัตโนมัติพร้อมแคชเมื่อบทความหรือธีมเปลี่ยน
การตั้งค่าพื้นฐาน WP Rocket ถ้าใช้ไว้แล้ว ใน WP Rocket ก็แค่ปิดสี่จุด ได้แก่ [Minify CSS files] · [Optimize CSS delivery] · [Enable link preloading] · [Control Heartbeat]
3️⃣การตั้งค่า WP Rocket With Perfmatters
⚙️ การตั้งค่า WP Rocketเมื่อใช้ร่วมกับ Perfmatters
แผงควบคุม (Dashboard)
My Accountบัญชีของฉัน
Rocket Analyticsการวิเคราะห์ Rocketไม่ใช้
รายการสำหรับแชร์ข้อมูลแบบไม่ระบุตัวตนกับทีมพัฒนา WP Rocket
Rocket Insights
Settingsตั้งค่า
Performance Monitoringการติดตามประสิทธิภาพไม่ใช้
เมื่อเปิด จะตรวจประสิทธิภาพอัตโนมัติตามรอบที่กำหนด
Content Delivery
RocketCDN
RocketCDN FreeRocketCDN ฟรีไม่ใช้
ส่งหน้าเว็บ 3 หน้าที่เลือกผ่าน CDN
Other CDN
Your CDNใช้ CDN อื่นไม่ใช้
เปิดเมื่อเชื่อมต่อ CNAME ของ CDN อื่น
Exclude Files from CDNไฟล์ที่ยกเว้นจาก CDNเว้นว่าง
การปรับแต่งไฟล์ (File Optimization)
CSS Filesไฟล์ CSS
Minify CSS filesย่อขนาดไฟล์ CSSให้ Perfmatters ดูแล
CSS ให้ Perfmatters [Minify CSS] ดูแล
Excluded CSS Filesไฟล์ CSS ที่ยกเว้นเว้นว่าง
Optimize CSS deliveryปรับการส่ง CSSให้ Perfmatters ดูแล
การลบ CSS ที่ไม่ได้ใช้ให้ Perfmatters [Remove Unused CSS] ดูแล
JavaScript Filesไฟล์ JavaScript
Minify JavaScript filesย่อขนาดไฟล์ JavaScriptค่าเริ่มต้น
ลบช่องว่างและคอมเมนต์เพื่อลดขนาดไฟล์
Combine JavaScript filesรวมไฟล์ JavaScriptไม่ใช้
ไม่แนะนำเมื่อใช้ HTTP/2 จึงไม่ได้เปิดใช้ และใช้หลักเดียวกันกับ HTTP/3
Excluded JavaScript Filesไฟล์ JavaScript ที่ยกเว้นเว้นว่าง
Load JavaScript deferredโหลด JavaScript แบบหน่วงเวลาใช้
เลื่อน JavaScript ที่บล็อกการเรนเดอร์ไปหลังการแยกวิเคราะห์ HTML
Excluded JavaScript Filesไฟล์ JavaScript ที่ยกเว้นเว้นว่าง
Delay JavaScript executionหน่วงการรัน JavaScriptใช้
ไม่โหลด JavaScript จนกว่าผู้เข้าชมจะเลื่อนหน้าหรือคลิก
One-click exclusionsOne-click exclusionsเว้นว่าง
Excluded JavaScript Filesไฟล์ JavaScript ที่ยกเว้นเว้นว่าง
Safe Mode for Delay JavaScript Executionโหมดปลอดภัยสำหรับการหน่วงการรัน JavaScriptไม่ใช้
เอาสคริปต์ภายในเว็บไซต์ทั้งหมดออกจากการหน่วง
สื่อ (Media)
LazyLoadโหลดแบบหน่วงเวลา
Enable for imagesเปิดใช้กับรูปภาพใช้
รูปภาพที่ยังไม่อยู่ในหน้าจอจะโหลดเมื่อเลื่อนไปถึง
Enable for CSS background imagesเปิดใช้กับรูปพื้นหลัง CSSใช้
รูปพื้นหลัง CSS ก็โหลดเมื่อเข้ามาในหน้าจอเช่นกัน
Enable for iframes and videosเปิดใช้กับ iframe และวิดีโอใช้
โหลด iframe และวิดีโอเมื่อเข้ามาในหน้าจอ
Replace YouTube iframe with preview imageแทนที่ iframe ของ YouTube ด้วยภาพตัวอย่างใช้
แสดงวิดีโอ YouTube เป็นภาพตัวอย่างก่อน
Excluded images or iframesรูปภาพหรือ iframe ที่ยกเว้นเว้นว่าง
Image Dimensionsขนาดรูปภาพ
Add missing image dimensionsเพิ่มขนาดรูปภาพที่ขาดไปใช้
เติมแอตทริบิวต์ width·height ที่รูปภาพขาดไป เพื่อลดการขยับของเลย์เอาต์
Fontsฟอนต์
Preload fontsฟอนต์ (โหลดล่วงหน้า)ใช้
โหลดฟอนต์ที่ใช้ในหน้าจอแรกก่อน
Self-host Google Fontsโฮสต์ Google Fonts เองใช้
ดาวน์โหลด Google Fonts มาไว้ในเซิร์ฟเวอร์ของคุณแล้วส่งจากที่นั่น
โหลดล่วงหน้า (Preload)
Preload Cacheโหลดแคชล่วงหน้า
Activate Preloadingเปิดใช้การโหลดล่วงหน้าใช้
เปิดใช้การโหลดแคชล่วงหน้า ซึ่งเป็นการตั้งค่าพื้นฐานที่สุดที่ปลั๊กอินแคชทุกตัวมุ่งทำ
Exclude URLsยกเว้น URLเว้นว่าง
Preload Linksโหลดลิงก์ล่วงหน้า
Enable link preloadingเปิดใช้การโหลดลิงก์ล่วงหน้าให้ Perfmatters ดูแล
การโหลดลิงก์ล่วงหน้าให้ Perfmatters [Speculative Loading] ดูแล
กฎขั้นสูง (Advanced Rules)
Cache Lifespanอายุแคช
10 Hours
Clear cache afterล้างแคชหลังจากค่าเริ่มต้น
ลบไฟล์แคชที่เก่ากว่าเวลานี้
Never Cache URL(s)URL ที่ไม่แคชเด็ดขาด
Never Cache URL(s)URL ที่ไม่แคชเด็ดขาดเว้นว่าง
Never Cache Cookiesคุกกี้ที่ไม่แคชเด็ดขาด
Never Cache Cookiesคุกกี้ที่ไม่แคชเด็ดขาดเว้นว่าง
Never Cache User Agent(s)User Agent ที่ไม่แคชเด็ดขาด
Never Cache User Agent(s)User Agent ที่ไม่แคชเด็ดขาดเว้นว่าง
Always Purge URL(s)URL ที่ล้างแคชทุกครั้ง
Always Purge URL(s)URL ที่ล้างแคชทุกครั้งเว้นว่าง
Cache Query String(s)Query String ที่แคช
Cache Query String(s)Query String ที่แคชเว้นว่าง
ฐานข้อมูล (Database)
Post Cleanupล้างเรื่อง — ใช้กับรีวิชัน ฉบับร่างอัตโนมัติ และเรื่องในถังขยะ
Revisionsรีวิชันใช้
Auto Draftsฉบับร่างอัตโนมัติใช้
Trashed Postsเรื่องในถังขยะใช้
Comments Cleanupล้างความเห็น — ลบความเห็นสแปมและความเห็นที่ลบแล้ว
Spam Commentsความเห็นสแปมใช้
Trashed Commentsความเห็นที่ถูกลบใช้
Transients Cleanupล้างข้อมูลชั่วคราว — ล้างข้อมูลชั่วคราว (transient) ทั้งหมดที่เก็บไว้ใน DB
All transientsข้อมูลชั่วคราวทั้งหมดใช้
Database Cleanupล้างฐานข้อมูล
Optimize Tablesปรับแต่งตารางใช้
“ลดภาระส่วนเกิน (overhead) ของตารางฐานข้อมูล” เปรียบเหมือนการเอากระดาษและคลิปที่ไม่จำเป็นออก แล้วจัดเก็บเฉพาะข้อมูลสำคัญให้เรียบร้อย ทำให้ใช้พื้นที่ตู้เอกสารได้กว้างขึ้นและหาเอกสารที่ต้องการได้เร็วขึ้น
Automatic Cleanupล้างอัตโนมัติ
Schedule Automatic Cleanupตั้งเวลาล้างอัตโนมัติใช้
รันรายการล้างข้อมูลด้านบนอัตโนมัติตามรอบที่กำหนด
Daily
Frequencyความถี่
Heartbeat
Heartbeat
Control Heartbeatควบคุม Heartbeatให้ Perfmatters ดูแล
Heartbeat ให้ Perfmatters [Disable Heartbeat] ดูแล
ส่วนเสริม (Add-ons)
One-click Rocket Add-onsส่วนเสริม Rocket แบบคลิกเดียว
User Cacheแคชผู้ใช้ไม่ใช้
สร้างไฟล์แคชแยกสำหรับผู้ใช้ที่เข้าสู่ระบบแต่ละคน
Varnishไม่ใช้
เปิดเมื่อเซิร์ฟเวอร์มี Varnish
WebP Compatibilityความเข้ากันได้กับ WebPไม่ใช้
ไม่จำเป็นต้องเปิดหากใช้ปลั๊กอินที่ส่ง WebP โดยตรง
Rocket Add-onsส่วนเสริม Rocket
Cloudflareไม่ใช้
เชื่อมบัญชีเมื่อใช้ Cloudflare
Sucuriไม่ใช้
ซิงก์แคชเมื่อใช้ไฟร์วอลล์ของ Sucuri
การปรับแต่งรูปภาพ (Image Optimization)
แท็บนี้ไม่มีรายการตั้งค่า
เครื่องมือ (Tools)
แท็บนี้ไม่มีรายการตั้งค่า
บทแนะนำ (Tutorials)
แท็บนี้ไม่มีรายการตั้งค่า
ปลั๊กอินของเรา (Our Plugins)
แท็บนี้ไม่มีรายการตั้งค่า
⚙️ การตั้งค่า Perfmattersเมื่อใช้ร่วมกับ WP Rocket
ทั่วไป (General)
Coreฟีเจอร์พื้นฐาน
Disable Emojisปิดอีโมจิใช้
Disable Dashiconsปิด Dashiconsใช้
Disable Embedsปิด embedใช้
Disable XML-RPCปิด XML-RPCใช้
ถ้าเปิด แถว [Remove RSD Link] ด้านล่างจะหายไปจากหน้าจอ
Remove jQuery Migrateลบ jQuery Migrateใช้
Hide WP Versionซ่อนเวอร์ชัน WordPressใช้
Remove Shortlinkลบลิงก์แบบสั้นใช้
Disable RSS Feedsปิด RSS feedไม่ใช้
เปิดถ้าไม่ได้ให้ RSS feed กับเว็บอื่น
Remove RSS Feed Linksลบลิงก์ RSS feedไม่ใช้
เปิดเฉพาะเมื่อเปิด [Disable RSS Feeds] ไว้
Disable Self Pingbacksปิด self pingbackใช้
Disable When Logged Out
Disable REST APIปิด REST APIใช้
ถ้ามีผู้เขียนหลายคนใช้ [Disable When Logged Out] ถ้าดูแลคนเดียวใช้ [Disable for Non-Admins]
Remove REST API Linksลบลิงก์ REST APIใช้
Disable Google Mapsปิด Google Mapsใช้
Disable Password Meterปิดตัววัดความแข็งแรงของรหัสผ่านใช้
Disable Commentsปิดความเห็นใช้
เปิดเฉพาะเมื่อไม่ได้ใช้ความเห็น
Add Blank Faviconเพิ่ม favicon ว่างไม่ใช้
ถ้าตั้งค่า favicon ไว้แล้วให้ปิดไว้
Remove Global Stylesลบ global stylesใช้
Separate Styles Inline (Default)
Block Style Behaviorการทำงานของ block styleค่าเริ่มต้น
โหลดเฉพาะ CSS ของบล็อกที่มีในหน้า
Only Allow When Editing Posts/Pages
Disable Heartbeatปิด Heartbeatใช้
ใช้ Heartbeat เฉพาะตอนแก้ไขบทความและหน้า ส่วน WP Rocket [Control Heartbeat] ให้ปิด
60 Seconds
Heartbeat Frequencyรอบเวลาของ Heartbeatใช้
ลดสัญญาณที่ส่งจากหน้าจอแก้ไขเหลือทุก 60 วินาที
Default
Limit Post Revisionsจำกัดจำนวนรีวิชันค่าเริ่มต้น
WP Rocket [Database] ลบรีวิชันทุกวัน
1 Minute (Default)
Autosave Intervalช่วงเวลาบันทึกอัตโนมัติค่าเริ่มต้น
Login URLURL เข้าสู่ระบบ
Custom Login URLเปลี่ยน URL เข้าสู่ระบบใช้
ถ้าไม่ได้ใช้ปลั๊กอินซ่อน URL เข้าสู่ระบบตัวอื่น ให้ใส่ URL ใหม่
Message (Default)
Disabled Behaviorเมื่อมีการเข้า URL เดิมค่าเริ่มต้น
JavaScript (JavaScript)
Defer
Defer Javascriptโหลด JavaScript แบบหน่วงเวลาให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
Delay
Delay JavaScriptหน่วงการรัน JavaScriptให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
Minify
Minify JavaScriptย่อขนาด JavaScriptให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
CSS(CSS)
Unused CSSCSS ที่ไม่ได้ใช้
Remove Unused CSSลบ CSS ที่ไม่ได้ใช้ใช้
เลือกเฉพาะ CSS ที่แต่ละหน้าใช้บนเซิร์ฟเวอร์ของคุณเอง ส่วน WP Rocket [Optimize CSS delivery] ให้ปิด
File
Used CSS Methodวิธีจัดการ CSS ที่ใช้ใช้
เก็บ CSS ที่ใช้เป็นไฟล์แยก เพื่อให้การเข้าชมซ้ำใช้แคชของเบราว์เซอร์
Delay (Default)
Stylesheet Behaviorการจัดการสไตล์ชีตเดิมค่าเริ่มต้น
โหลด CSS เดิมเมื่อผู้เข้าชมเริ่มโต้ตอบ
Minify
Minify CSSย่อขนาด CSSใช้
WP Rocket [Minify CSS files] ให้ปิด
โหลดล่วงหน้า (Preloading)
Preloadโหลดล่วงหน้า
2
Preload Critical Imagesโหลดรูปภาพสำคัญล่วงหน้าใช้
เลือกจำนวนรูปภาพที่แสดงในหน้าจอแรก (ปกติ 2–3 รูป) WP Rocket ไม่มีฟีเจอร์นี้
Preloadโหลดล่วงหน้าเว้นว่าง
Cloudflare Early HintsCloudflare Early Hintsไม่ใช้
เปิดเฉพาะเมื่อใช้ Cloudflare
Fetch Priorityลำดับความสำคัญในการดึงข้อมูลเว้นว่าง
Speculative Loadingการโหลดแบบคาดการณ์
Auto (Default)
Modeโหมดค่าเริ่มต้น
ใช้การโหลดแบบคาดการณ์ของ WordPress ตามเดิม ส่วน WP Rocket [Enable link preloading] ให้ปิด
Connectionการเชื่อมต่อ
Preconnectเชื่อมต่อล่วงหน้าเว้นว่าง
เว้นว่างไว้เมื่อใช้ร่วมกับปลั๊กอินแคช
DNS Prefetchค้นหา DNS ล่วงหน้าเว้นว่าง
เว้นว่างไว้เมื่อใช้ร่วมกับปลั๊กอินแคช
โหลดแบบหน่วงเวลา (Lazy Loading)
Lazy Loadingโหลดแบบหน่วงเวลา
Imagesรูปภาพให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
iFrames and Videosiframe · วิดีโอให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
YouTube Preview Thumbnailsตัวอย่าง YouTubeให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
Add Image Dimensionsเพิ่มขนาดรูปภาพให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
CSS Background Imagesรูปพื้นหลัง CSS
Background Imagesรูปพื้นหลังให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
Lazy Elementsหน่วงองค์ประกอบ
Elementsหน่วงองค์ประกอบใช้
ปลั๊กอินแคชไม่มีฟีเจอร์นี้ จึงเปิดไว้แม้ใช้ร่วมกัน
Element Selectorsตัวเลือกองค์ประกอบเว้นว่าง
ฟอนต์ (Fonts)
Google FontsGoogle Fonts
Local Google Fontsโฮสต์ Google Fonts เองให้ WP Rocket ดูแล
WP Rocket ดูแลอยู่แล้ว จึงปิดไว้
Disable Google Fontsปิด Google Fontsไม่ใช้
ถ้าเปิด ฟอนต์ของธีมจะเปลี่ยนเป็นฟอนต์เริ่มต้น
CDN(CDN)
CDN
Enable CDN Rewriteเปลี่ยนที่อยู่ CDNให้ WP Rocket ดูแล
ถ้าใช้ CDN ให้เชื่อมต่อที่ WP Rocket [Other CDN]
การวิเคราะห์ (Analytics)
Google Analytics
Enable Local Analyticsการวิเคราะห์แบบโลคัลไม่ใช้
ถ้าปลั๊กอินอื่นเชื่อมต่อ Google Analytics ไว้แล้ว ให้ปิดไว้
โค้ด (Code)
Codeโค้ด
Add Header Codeโค้ดส่วนหัวเว้นว่าง
Add Body Codeโค้ดส่วนเนื้อหาเว้นว่าง
Add Footer Codeโค้ดส่วนท้ายเว้นว่าง
เครื่องมือ (Tools)
Pluginปลั๊กอิน
Script ManagerScript Managerใช้
ปิดสคริปต์ปลั๊กอินที่แต่ละหน้าไม่ได้ใช้
Show Advanced Optionsแสดงตัวเลือกขั้นสูงใช้
Disable for Logged In Usersปิดสำหรับผู้ใช้ที่ล็อกอินไม่ใช้
Hide Admin Bar Menuซ่อนเมนูในแถบผู้ดูแลระบบไม่ใช้
Safe Modeโหมดปลอดภัยไม่ใช้
Accessibility Modeโหมดการเข้าถึงไม่ใช้
Settingsตั้งค่า
Clean Uninstallล้างการตั้งค่าเมื่อถอนการติดตั้งไม่ใช้
ฐานข้อมูล (Database)
Databaseฐานข้อมูล
Post Revisionsรีวิชันให้ WP Rocket ดูแล
Post Auto-Draftsฉบับร่างอัตโนมัติให้ WP Rocket ดูแล
Trashed Postsบทความในถังขยะให้ WP Rocket ดูแล
Spam Commentsความเห็นสแปมให้ WP Rocket ดูแล
Trashed Commentsความเห็นในถังขยะให้ WP Rocket ดูแล
Expired Transientsข้อมูลชั่วคราวที่หมดอายุให้ WP Rocket ดูแล
All Transientsข้อมูลชั่วคราวทั้งหมดให้ WP Rocket ดูแล
Tablesปรับแต่งตารางให้ WP Rocket ดูแล
Disabled
Scheduled Optimizationการปรับแต่งตามกำหนดเวลาให้ WP Rocket ดูแล
WP Rocket [Schedule Automatic Cleanup] ล้างให้ทุกวัน
ฟีเจอร์ที่มีในทั้งสองปลั๊กอิน
เปิดฝั่งไหน
ฟังก์ชัน
WP Rocket
Perfmatters
CSS
ย่อขนาด CSS
WP RocketMinify CSS filesปิด
PerfmattersMinify CSSเปิด
ลบ CSS ที่ไม่ได้ใช้
WP RocketOptimize CSS deliveryปิด
PerfmattersRemove Unused CSSเปิด
JavaScript
ย่อขนาด JavaScript
WP RocketMinify JavaScript filesเปิด
PerfmattersMinify JavaScriptปิด
โหลด JavaScript แบบหน่วงเวลา
WP RocketLoad JavaScript deferredเปิด
PerfmattersDefer Javascriptปิด
หน่วงการรัน JavaScript
WP RocketDelay JavaScript executionเปิด
PerfmattersDelay JavaScriptปิด
โหลดแบบหน่วงเวลา
รูปภาพ
WP RocketEnable for imagesเปิด
PerfmattersImagesปิด
รูปพื้นหลัง CSS
WP RocketEnable for CSS background imagesเปิด
PerfmattersBackground Imagesปิด
iframe · วิดีโอ
WP RocketEnable for iframes and videosเปิด
PerfmattersiFrames and Videosปิด
รูปตัวอย่าง YouTube
WP RocketReplace YouTube iframe with preview imageเปิด
PerfmattersYouTube Preview Thumbnailsปิด
ขนาดรูปภาพ
เพิ่มขนาดรูปภาพที่ขาดไป
WP RocketAdd missing image dimensionsเปิด
PerfmattersAdd Image Dimensionsปิด
Google Fonts
โฮสต์ Google Fonts เอง
WP RocketSelf-host Google Fontsเปิด
PerfmattersLocal Google Fontsปิด
โหลดลิงก์ล่วงหน้า
โหลดลิงก์ล่วงหน้า
WP RocketEnable link preloadingปิด
PerfmattersSpeculative Loading › Modeค่าเริ่มต้น
Heartbeat
ลด Heartbeat
WP RocketControl Heartbeatปิด
PerfmattersDisable Heartbeatเปิด
ล้างฐานข้อมูล
ล้างอัตโนมัติ
WP RocketSchedule Automatic Cleanupเปิด
PerfmattersScheduled Optimizationปิด
CDN
เปลี่ยนที่อยู่ CDN
WP RocketOther CDNเมื่อใช้ CDN
PerfmattersEnable CDN Rewriteปิด
4️⃣ ลำดับการใช้: บันทึก · ล้างแคช · ตรวจสอบ
หลังเปลี่ยนการตั้งค่า ให้บันทึกและล้างแคชตามลำดับด้านล่าง
บันทึกและล้างแคช
5 ขั้นตอน
1
Perfmattersตั้งค่าเสร็จแล้วกด [Save Changes].
2
WP Rocketปิดทั้งสี่จุดแล้วกด [Save Changes].
3
Perfmattersในเมนู CSS กด [Clear Used CSS].
4
WP Rocketที่แถบผู้ดูแลระบบ กด [WP Rocket] → [Clear and Preload Cache].
5
ยืนยันเปิดหน้าในหน้าต่างที่ออกจากระบบแล้ว (หน้าต่างไม่ระบุตัวตน) เพื่อดูว่าหน้าตาเพี้ยนหรือไม่ ถ้ามีจุดที่เพี้ยน ให้ใส่ไฟล์ CSS นั้นใน Perfmatters [Excluded Stylesheets] แล้วเริ่มใหม่ตั้งแต่ขั้นที่ 3
🔢 FAQ & เนื้อหาแนะนำ
🧭
บทความที่เกี่ยวกับ WP Rocket·Perfmatters
บทความ 15 · เครื่องมือ 3
🗂️ WP คืออะไร?
📋 คู่มือตั้งค่า WP Rocket
📄 คู่มือ Perfmatters
📄 WP Rocket With Perfmatters
📄 WP Rocket MCP Server
📄 WP Rocket กับ URL ภาษาเกาหลี
📄 nginx njs
📄 แคชหลายภาษาของ WP Rocket
📄 แคชกับ gclid
📄 ทดสอบความเร็ว WP Rocket
📝 ปลั๊กอินแคช·เพิ่มประสิทธิภาพ
📝 กรณีศึกษาการเพิ่มความเร็ว
📋 แคช: ความหมายและทุกด้านที่ใช้
📄 แคชเว็บไซต์ & แคชภายในเซิร์ฟเวอร์
📋 BEST โฮสติ้ง TOP 7
📄 โฮสติ้งที่เร็ว 2026
🛠️ ตรวจหา WordPress
🛠️ ตรวจสอบโดเมน WHOIS
🛠️ เช็ค IP ของฉัน
WordPress · WP Rocket
คู่มือตั้งค่า WP Rocket: การตั้งค่าพื้นฐานแต่ละเมนูและ Promo Code 20%
บทความที่สรุปการตั้งค่าพื้นฐานแต่ละเมนูและราคาของ WP Rocket
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · Perfmatters
รีวิว & คู่มือปลั๊กอิน Perfmatters: วิธีตั้งค่าเพิ่มประสิทธิภาพ WordPress จากการใช้งาน 5 ปี
การตั้งค่า Perfmatters ที่แนะนำแต่ละเมนูและวิธีใช้ Script Manager
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · Perfmatters
วิธีใช้ WP Rocket With Perfmatters: คู่มือตั้งค่าฟีเจอร์เพิ่มประสิทธิภาพ
วิธีตั้งค่าเมื่อใช้ WP Rocket กับ Perfmatters ร่วมกัน
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · MCP
WP Rocket MCP Server: จัดการแคชและการตั้งค่าด้วยเครื่องมือ AI
วิธีจัดการแคชและการตั้งค่าของ WP Rocket จากเครื่องมือ AI
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · WP Rocket
WP Rocket กับ URL ภาษาเกาหลี
สาเหตุที่ nginx หาไฟล์แคชไม่เจอเพราะตัวพิมพ์ใหญ่-เล็กของการเข้ารหัสในคำขอ URL ภาษาเกาหลี และวิธีแก้ด้วย njs
อ่านบทความ →เนื้อหาปัจจุบัน
Server · nginx
nginx njs: ติดตั้งโมดูล ตั้งค่า js_set และใช้ reload เพื่อสร้างตัวแปร JavaScript
วิธีติดตั้งโมดูล njs ที่สร้างตัวแปรด้วยฟังก์ชัน JavaScript ในค่าตั้ง nginx และนำตัวแปร js_set มาใช้ด้วย reload
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · WP Rocket
แคชหลายภาษาของ WP Rocket
สาเหตุที่การบันทึกฉบับร่างลบแคชของหน้าแปลไปทั้งโฟลเดอร์ภาษา และโค้ดที่ป้องกันไว้
อ่านบทความ →เนื้อหาปัจจุบัน
Server · แคช
แคชกับ gclid: คิวรีจากการคลิกโฆษณา คีย์แคชของหน้า และไบต์แรกที่วัดได้
วัดด้วยไบต์แรกว่าคิวรี gclid ที่ต่อท้าย URL จากการคลิกโฆษณาถูกข้าม และตอบด้วยไฟล์แคชของ URL ที่ไม่มีคิวรีอย่างไร
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · ทดสอบความเร็ว
ทดสอบความเร็วปลั๊กอินแคช WordPress อย่าง WP Rocket: วิเคราะห์เปรียบเทียบประสิทธิภาพก่อนและหลังตั้งค่า
บทความที่วัดและเปรียบเทียบความเร็วก่อนและหลังตั้งค่า WP Rocket
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · ปลั๊กอินแคช
ปลั๊กอินแคชและปลั๊กอินเพิ่มประสิทธิภาพของ WordPress
บทความที่แยกอธิบายปลั๊กอินแคชและปลั๊กอินเพิ่มประสิทธิภาพของ WordPress
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · การเพิ่มความเร็ว
กรณีศึกษาการเพิ่มความเร็ว WordPress: การกลับมาของการมองเห็นในการค้นหาหลังจัดระเบียบชั้นแคช (2026-08)
กรณีที่การมองเห็นในการค้นหากลับมาหลังจัดระเบียบชั้นแคช
อ่านบทความ →เนื้อหาปัจจุบัน
Cache · แนวคิด
แคช: ความหมายและทุกด้านที่ใช้การแคช
บทความที่สรุปด้านต่างๆ ที่ใช้แคชตั้งแต่ CPU จนถึงเบราว์เซอร์ไว้ในแผนผังเดียว
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · แคช
แคชเว็บไซต์ & แคชภายในเซิร์ฟเวอร์: แคชของ WordPress ทำงานอย่างไร
แสดงด้วยตัวจำลองว่าคำขอของ WordPress ผ่านเบราว์เซอร์·CDN·แคชหน้าเว็บ·OPcache·Redis ตามลำดับอย่างไร
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · โฮสติ้ง
BEST เปรียบเทียบโฮสติ้ง WordPress: แนะนำโฮสติ้ง TOP 7 ปี 2026
บทความที่เปรียบเทียบราคาและองค์ประกอบของโฮสติ้ง WordPress 7 เจ้า
อ่านบทความ →เนื้อหาปัจจุบัน
WordPress · ความเร็วโฮสติ้ง
빠른 워드프레스 호스팅 2026: 벤치마크로 비교한 8곳의 속도
เปรียบเทียบความเร็วโฮสติ้ง WordPress 8 แห่งด้วยตัวเลขเบนช์มาร์ก
อ่านบทความ →เนื้อหาปัจจุบัน
เครื่องมือ · WordPress
ตรวจสอบธีม WordPress · ตรวจหาปลั๊กอิน
ใส่ที่อยู่เว็บไซต์ที่ชอบ แล้วจะเห็นธีม·ปลั๊กอิน·โฮสติ้งที่ใช้
เปิดเครื่องมือ →
เครื่องมือ · โดเมน
ตรวจสอบโดเมน WHOIS · เช็คเนมเซิร์ฟเวอร์
ตรวจสอบข้อมูลการจดทะเบียนโดเมนและวันหมดอายุ เนมเซิร์ฟเวอร์ และระเบียน DNS ได้ในหน้าเดียว
เปิดเครื่องมือ →
เครื่องมือ · IP
เช็ค IP ของฉัน: ดู IP สาธารณะและตำแหน่ง
ตรวจสอบ IP สาธารณะและตำแหน่งของคุณเพื่อลงทะเบียนในไฟร์วอลล์ของโฮสติ้ง
เปิดเครื่องมือ →
ℹ️ ประกาศเรื่องลิงก์แอฟฟิลิเอต
เนื้อหาของเว็บไซต์นี้มีลิงก์แอฟฟิลิเอต หากผู้เข้าชมซื้อสินค้าหรือบริการผ่านลิงก์เหล่านี้ เว็บไซต์นี้จะได้รับค่าคอมมิชชันจากผู้ขาย ในกระบวนการนี้ ราคาที่ผู้ซื้อจ่าย(ราคาจะลดลงเมื่อมีโปรโมชัน↓)จะไม่สูงขึ้นแต่อย่างใด ราคา ส่วนลด และข้อมูลสต็อกที่แสดงเป็นข้อมูล ณ เวลาที่เขียนและอาจต่างจากความเป็นจริง โปรดตรวจสอบกับผู้ขายอีกครั้งก่อนซื้อ การเลือกและการประเมินสินค้าเขียนตามเกณฑ์ของเราเอง และการได้รับค่าคอมมิชชันหรือไม่ไม่มีผลต่อลำดับการแนะนำหรือเนื้อหาการประเมิน