How to speed up and optimise WordPress sites

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

อุปสรรคในการเข้าใช้งานน้อยลงและระบบนิเวศที่ใหญ่ขึ้นของปลั๊กอินและธีม WordPress ฟรีช่วยให้ผู้ใช้เทคนิคน้อยลงในการสร้างระบบที่ซับซ้อน แต่อาจเป็นดาบสองคมหากบางครั้งเว็บไซต์ WordPress ได้รับความสนใจอย่างมากจากผู้เยี่ยมชมและนำไปสู่ปัญหา

สัญญาณแรกของปัญหาจะปรากฏขึ้นเมื่อผู้ใช้ใหม่เข้ามาที่เว็บไซต์: เวลาในการโหลดอาจไม่ว่างและองค์ประกอบจะกระโดดไปรอบ ๆ หน้าเมื่อโหลดสไตล์ชีตทีละรายการ

ในไม่ช้าเซิร์ฟเวอร์หน่วยความจำก็หมดทำให้ฐานข้อมูลล่ม ต้องรีสตาร์ทเซิร์ฟเวอร์เพื่อนำเว็บไซต์กลับมา

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

หากมีการใช้ปลั๊กอินจำนวนมากหรือเขียนธีมได้ไม่ดีอาจส่งผลให้มีการสืบค้นฐานข้อมูลที่ยาวและรวม JavaScript และ CSS ไว้ในที่ที่ไม่จำเป็น

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

01. การทดสอบความเร็วปัจจุบัน

ขั้นตอนแรกในการเร่งความเร็วเว็บไซต์คือการค้นหาว่าเว็บไซต์มีประสิทธิภาพเพียงใดในการเริ่มต้น

มีเครื่องมือหลายอย่างที่จะช่วยในเรื่องนี้รวมถึง Pagespeed Insights ของ Google และตัวตรวจสอบการโหลดหน้าของ Phat เราใช้ GTmetrix เนื่องจากรวมการตรวจสอบความถูกต้องหลายรายการ ไปที่ไซต์และป้อน URL สำหรับเว็บไซต์

02. ดูผลลัพธ์

หลังจากล่าช้าเล็กน้อย GTmetrix จะแสดงผลการตรวจสอบและให้คะแนน A – F หลายรายการ นอกจากนี้ยังให้เวลาในการโหลดเต็มและทุกขนาดหน้า ด้านล่างมีส่วนประกอบหลายอย่างเสีย

03. ระบุไฟล์ที่ใหญ่ที่สุด

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

04. บีบอัดสื่อเพื่อลดขนาด

รูปภาพและวิดีโอมักเป็นรายการที่ใหญ่ที่สุดในเพจ ลบวิดีโอที่มีพื้นหลังที่ไม่จำเป็นและเข้ารหัสวิดีโอด้วยบิตเรตที่ต่ำกว่าหากเล่นโดยอัตโนมัติ ติดตั้งปลั๊กอิน EWWW Image Optimizer จากไลบรารีสื่อ มีตัวเลือกการปรับแต่งมากมายใหม่ ขับมัน

05. ปรับขนาดภาพ

บางครั้งรูปภาพที่เพิ่มลงในเพจจะมีความละเอียดสูงแล้วย่อขนาดด้วย CSS ทำให้สิ้นเปลืองแบนด์วิดท์เนื่องจากไม่เคยมีขนาดใหญ่ ไปที่แดชบอร์ด> การตั้งค่า> EWA Image Optimizer และเลือก Resize Detection

ตอนนี้หน้าที่ผู้ดูแลระบบดูจะไฮไลต์รูปภาพที่ต้องปรับขนาด การปรับขนาดภาพเหล่านี้ในโปรแกรมแก้ไขภาพหรือใช้ CDN ที่มีการปรับขนาดอัตโนมัติจะช่วยแก้ปัญหานี้ได้

06. ขั้นต่ำของ CSS, JS และ HTML

เป็นกระบวนการลบอักขระในโค้ดที่มนุษย์สามารถอ่านได้เพื่อลดขนาดหน้า เมื่อใช้ธีมของบุคคลที่สามปลั๊กอินที่คล้ายกับ AutoPetzyme จะเหมาะสำหรับสิ่งนี้

ติดตั้งแล้วเลื่อนลงไปที่ Settings> Auto Resize> CSS Selector แล้วเลือก “Optimize CSS Code” เมื่อทำงานกับธีมที่กำหนดเองตัวสร้างเช่น Gulp จะถูกย่อให้เล็กสุด

07. รวมไฟล์ CSS และ JS

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

08. ตัวเลื่อน JavaScript ภายนอก

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

09. ตรวจสอบปลั๊กอิน

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

ปิดใช้งานและลบปลั๊กอินที่ไม่ได้ใช้งาน – สามารถติดตั้งใหม่ในภายหลังได้หากต้องการอีกครั้ง

10. ตรวจสอบพลังของเว็บเซิร์ฟเวอร์

เอ็นจิ้นเว็บไซต์ที่ทำงานบนเซิร์ฟเวอร์จะทำงานได้ไม่ดีหากไม่มีการดูแลราคาและดูแลรักษาไม่ดี ป้อน Google และ URL เว็บไซต์สำหรับ Google PageSpeed ​​Insights

ในผลลัพธ์โปรดดูที่ “ลดเวลาตอบสนองของเซิร์ฟเวอร์” หากปรากฏในรายงานอาจเป็นไปได้ว่าเซิร์ฟเวอร์ที่ทำงานช้าลงจะถูกตำหนิด้านประสิทธิภาพ

Leave a Comment