Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 901.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62

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

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

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

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

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

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

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

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

ลดขนาด-ทั่วไป w3tc-ปลั๊กอิน WordPress

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

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

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

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

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

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

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

ลดขนาด-HTML-w3tc

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

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

ลดขนาด JS

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

ลดขนาด-JS-w3tc

คุณต้องการขายผลิตภัณฑ์ของคุณบนอินเทอร์เน็ตหรือไม่?

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

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

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

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

ลดขนาด-js บีบอัด

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

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

ลดขนาด CSS

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

ตัวเลือก minification-CSS

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

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

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

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

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

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

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

การปรับแต่งของหมดอายุ des-ไฟล์ w3tc

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

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