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

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

• ส่วน 1: รู้เบื้องต้นเกี่ยวกับแคช
• ส่วน 2: วิธีการกำหนดค่า W3TC
  • การตั้งค่าทั่วไป - ตอนที่ 1
  • การตั้งค่าทั่วไปเพิ่มเติม - ตอนที่ 2
  • การกำหนดค่าแคชของหน้า - ตอน 3
  • การกำหนดค่าการย่อขนาด - ตอนที่ 4 (บทช่วยสอนปัจจุบัน)
  • การกำหนดค่าแคชฐานข้อมูล - ตอน 5
  • การกำหนดค่าวัตถุและเบราว์เซอร์ - ตอนที่ 6
• ตอนที่ 3: คำตอบทั้งหมดสำหรับคำถามของคุณ
• ส่วนที่ 4: พารามิเตอร์ W3TC "Mainspan"

ส่วน 2: การกำหนดค่า minification

เรายังคงอยู่ในการกำหนดค่า W3TC แต่ตอนนี้ขอพูดคุยเกี่ยวกับการบีบอัดไฟล์

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

ในบทแนะนำนี้เราจะอธิบายกระบวนการบีบอัดข้อมูล ( การลดขนาด ) ด้วย W3TC " minification และการรวมกันของ JS และ CSS เป็นสาระสำคัญของสิ่งที่เราจะเห็นในบทช่วยสอนนี้

ลดขนาด: ทั่วไป

การตั้งค่าทั่วไปในเมนู Minify มีสามตัวเลือก

โมดูล เขียน URL "ควรเปิดใช้งานโดยค่าเริ่มต้นและคุณควรปล่อยให้ตัวเลือกนี้เหมือนเดิมเว้นแต่คุณจะต้องการดูไฟล์ CSS และ JS ของคุณที่ดึงมาโดยใช้ส่วนหัว" http GET "มากกว่าโครงสร้าง URL ปกติ

ปิดการใช้งาน " minification สำหรับผู้ใช้ที่เข้าสู่ระบบไม่ควรเปลี่ยน ขอแนะนำไม่ให้ผู้ใช้เข้าสู่ระบบและตัดการเชื่อมต่อกับไฟล์ CSS และ JS ที่แตกต่างกัน

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

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

ลดขนาด: HTML และ XML

ส่วนที่ HTML และ XML จากเมนู Minify นั้นง่าย ช่องทำเครื่องหมายมีวัตถุประสงค์เพื่อให้ " minification ", ของ' " แบบอินไลน์ » CSS และ JavaScript ละเว้นสตรีมการลดขนาดและอนุญาตให้มีการขึ้นบรรทัดใหม่

ยกเว้นตัวเลือก " อย่าย่อขนาดฟีด ซึ่งจะต้องไม่ถูกตรวจสอบความเร็วเว็บไซต์ของคุณควรปรับปรุง

กล่องข้อความของ ละเว้นไอความคิดเห็น ใช้เพื่อระบุความคิดเห็น HTML ที่ไม่ควรลบออกเมื่อ HTML ถูก "บีบอัด" ความคิดเห็นที่เชื่อมโยงบางส่วนจะอยู่ในโดเมนนี้โดยค่าเริ่มต้นเพื่อให้แน่ใจว่าความคิดเห็นที่เกี่ยวข้องกับ Google AdWords และผู้อ่านจะไม่ถูกลบ หากโค้ด HTML ของคุณมีความคิดเห็นเพิ่มเติมและคุณต้องการอยู่ใน " minified จาก HTML ให้เพิ่มคำในกล่องข้อความนี้ดังนั้นความคิดเห็นใด ๆ ที่มีนิพจน์นี้จะไม่ถูกลบ

ลดขนาด JS

หากคุณได้เปิดใช้งานการบีบอัด JavaScript และ CSS ในเมนู การตั้งค่าทั่วไป คุณจะสามารถทำงานกับ .ทั้งหมดเท่านั้น บริการสารสนเทศ ทั้ง JavaScript และเมนูที่คุณเห็นจะเป็นเวอร์ชันที่เรียบง่ายของรูปภาพด้านล่าง

หากคุณเลือกวิธีการด้วยตนเองคุณต้องเลื่อนไปที่ด้านบนของเมนู Minify และเลือกปุ่มตัวช่วยสร้าง รายการหลังแสดงไฟล์ JavaScript และ CSS ที่ตรวจพบโดย W3TC เลือกช่องทำเครื่องหมายทั้งหมดสำหรับประเภทไฟล์ JavaScript และ CSS และคลิกที่ " ใช้ และใกล้เคียง นี่จะเพิ่มไฟล์ JavaScript และ CSS ในเมนู " Minify เพื่อให้คุณสามารถทำงานกับสิ่งเหล่านี้ด้วยตนเอง

ดูที่กล่องชื่อ " การดำเนินงานในพื้นที่ ". ในส่วนนี้ คุณสามารถควบคุมได้ว่า บริการสารสนเทศ JavaScript คือ " minified และรวมกับตัวเลือก Minify หรือถ้าพวกเขาจะรวมกันเพียง ประเภทที่ ฝัง » เสนอทางเลือกบางประการเกี่ยวกับวิธีการ บริการสารสนเทศ โหลดจาวาสคริปต์แล้ว คุณสามารถลองแต่ละตัวเลือกของ “ nonblocking จนกว่าคุณจะพบงานนำเสนอที่ไม่ทำลายงานนำเสนอของไซต์ของคุณ แต่ถ้าไม่มีตัวเลือกใดทำงานได้ให้ปล่อยค่าเริ่มต้นไว้

หากคุณเลือกวิธีการบีบอัดด้วยตนเองในการตั้งค่าทั่วไปคุณสามารถทำงานกับแต่ละไฟล์ทีละไฟล์โดยกำหนดให้เป็นเทมเพลตเดียวหรือให้กับเทมเพลตทั้งหมดแล้วย้ายไปที่ " ส่วนหัว »เลอ« ร่างกาย "หรือต่ำกว่า" ร่างกาย สำหรับการควบคุมอย่างละเอียดว่าไฟล์แต่ละไฟล์ปรากฏในเอกสาร HTML อย่างไรและโหลดอย่างไร คุณยังสามารถ« ลากและวาง »ไฟล์เพื่อจัดเรียงลำดับการโหลดใหม่ในกรณีที่ไฟล์บางไฟล์ขึ้นอยู่กับไฟล์ก่อนหน้าเพื่อโหลดอย่างถูกต้อง

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

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

ลดขนาด CSS

มีสี่การตั้งค่าเพื่อลดไฟล์ CSS ที่มีอยู่:

• ทำให้สามารถ : ช่วยให้ minfication และการรวมกันของไฟล์แบบ CSS
• รวมเท่านั้น : รวมไฟล์ CSS แต่ไม่ได้ดูถูกพวกเขา
• เก็บรักษาไว้วิธีการกำจัด : ลบความคิดเห็นออกจากไฟล์ CSS แบบรวม
• การกำจัดเส้นแบ่ง: ลบบรรทัดใหม่ในไฟล์ CSS แบบรวม

เริ่มต้นด้วยการเลือกตัวเลือกทั้งหมดยกเว้นสำหรับ " รวมเท่านั้น " หากงานนำเสนอของไซต์แตกต่างกันให้ยกเลิกการเลือก " เก็บรักษาไว้วิธีการกำจัด "และ" การกำจัดเส้นแบ่ง " หากไม่ได้แก้ไขไซต์ให้ใช้ " รวมเท่านั้น '

สำหรับตัวเลือก @import เลือก " กระบวนการ '

หากคุณเลือก " รถยนต์ เป็นวิธีการ minification "การตั้งค่าทั่วไปจากนั้นคุณจะเห็นเพียงสองส่วนแรกของเมนูนี้ อย่างไรก็ตามถ้าคุณมี minification ด้วยตนเองจากนั้นคุณจะเห็นส่วนการจัดการไฟล์ CSS

หากคุณยังไม่ได้เพิ่มไฟล์ CSS ที่จะจัดการให้เลือกวิซาร์ด "Help" และเลือกไฟล์ CSS ทั้งหมดสำหรับธีมของคุณ จากนั้นจัดเรียงลำดับของไฟล์ใหม่เพื่อให้โหลดไฟล์ที่สำคัญที่สุดก่อน

ลดขนาด: การตั้งค่าขั้นสูง

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

ส่วนขั้นสูงประกอบด้วยสามฟิลด์เพื่อยกเว้นหน้าเฉพาะไฟล์ JS และไฟล์ CSS จาก " minification ". หากคุณพบว่าทรัพยากร JS หรือ CSS บางรายการไม่ควรถูกบีบอัดคุณสามารถแยกทรัพยากรเหล่านี้ได้โดยเพิ่มลงในโดเมนเหล่านี้ หากคุณต้องการความช่วยเหลือเกี่ยวกับไวยากรณ์ที่ถูกต้องโปรดดู " ใช้: ทั่วไป จากคำถามที่พบบ่อยสำหรับคำแนะนำ

สำหรับตัวเลือกการลดขนาดบน W3 Total Cache เราจะดำเนินการกับแคชฐานข้อมูลต่อไป