10 เคล็ดลับที่มีประโยชน์ที่สุดในการเพิ่มประสิทธิภาพ WordPress

เผยแพร่แล้ว: 2016-05-11

มันไม่ใช่เกมง่ายๆ ไซต์ที่ทำงานได้ดีมักจะได้รับประสบการณ์การมีส่วนร่วมของลูกค้าที่ดีขึ้นและการแปลงที่ดีขึ้น

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

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

1. เรียกใช้การทดสอบความเร็วบนเว็บไซต์ของคุณ

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

  • GTMetrix.com
  • Tools.pingdom.com
  • WebPageTest.org
  • Google PageSpeed ​​Insights

ตัวอย่างเช่น ด้านล่างภาพหน้าจอของ Google PageSpeed ​​Insights แนะนำส่วนต่างๆ ที่ต้องปรับปรุงในเวอร์ชันมือถือและเดสก์ท็อปของหน้าเว็บ:

Run a Speed Test on Your Website

2. วิเคราะห์ปัญหาหน้า WordPress ของคุณ

เมื่อคุณได้รับข้อมูลเกี่ยวกับความเร็วและประสิทธิภาพของเว็บไซต์ WordPress แล้ว คุณต้องลองแยกปัญหาตามระดับความรุนแรงของปัญหา เพื่อจุดประสงค์นี้ คุณสามารถเปิดหรือปิดใช้งานปลั๊กอินหรือเลือกเปิดใช้งานธีม WordPress อื่น ๆ ได้ อีกทางเลือกหนึ่งที่ใช้ได้คือการใช้เครื่องมือต่างๆ เช่น P3 (Plugin Performance Profiler), Theme-Check, Debug Bar เป็นต้น

ตัวอย่างเช่น ตัวสร้างโปรไฟล์ประสิทธิภาพปลั๊กอินเป็นเครื่องมือที่ยอดเยี่ยมที่ให้รายละเอียดเกี่ยวกับเวลาที่ปลั๊กอินเว็บไซต์ของคุณใช้ในการโหลด:

Analyze Your WordPress Page Issues

3. ลงทุนอย่างชาญฉลาดในการเลือกผู้ให้บริการโฮสติ้งที่เชื่อถือได้

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

มีอะไรอีก? คุณต้องเลือกแผนโฮสติ้งที่เหมาะสมและเหมาะสมกับความต้องการของเว็บไซต์ WordPress ของคุณอย่างรอบคอบ แผนการโฮสต์ที่โดดเด่นบางส่วนที่มีให้บริการทางออนไลน์ ได้แก่:

  • แผนโฮสติ้งที่ใช้ร่วมกัน
  • แผนโฮสติ้งโดยเฉพาะ
  • เซิร์ฟเวอร์ส่วนตัวเสมือน (VPS)
  • แผนโฮสติ้ง WP ที่มีการจัดการ

แผนการโฮสต์ทั้งหมดข้างต้นมาพร้อมกับข้อดีและข้อเสีย ในกรณีที่คุณต้องการใช้แผนโฮสติ้งราคาไม่แพงสำหรับไซต์ WordPress ใหม่ของคุณซึ่งมีปริมาณการใช้งานจำกัด คุณควรพิจารณาเลือกแผนบริการโฮสติ้งที่ใช้ร่วมกันซึ่งนำเสนอโดยบริษัทต่างๆ เช่น HostGator หรือ BlueHost แต่ในกรณีที่คุณใช้งานเว็บไซต์ที่มีการเข้าชมหนาแน่น การเลือกแผนเฉพาะหรือแผนการโฮสต์ VPS อาจเป็นทางเลือกที่ดีกว่าสำหรับคุณ

หากคุณพร้อมที่จะจ่ายเงินจำนวนมหาศาล แผนโฮสติ้ง WP ที่มีการจัดการอย่างไม่ต้องสงสัยจะช่วยให้คุณมีสมาธิในการทำให้เว็บไซต์โหลดเร็วขึ้นและประสิทธิภาพดีขึ้น

ด้านล่างนี้คือแผนภูมิเปรียบเทียบระหว่างประเภทของแผนการโฮสต์:

Invest Wisely in Picking a Reliable Hosting Provider

4. รักษาเว็บไซต์ของคุณให้สะอาด

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

  • ใช้ธีมที่เรียบง่าย: การ ทำให้เลย์เอาต์เว็บไซต์ของคุณรกอาจทำให้ผู้เยี่ยมชมเข้าถึงเนื้อหาเว็บไซต์ของคุณได้ยาก นอกจากนี้ อาจต้องใช้เวลามากขึ้นในการเข้าถึงเพจหรือโพสต์ โปรดทราบว่าคุณมีเวลาเพียงไม่กี่วินาทีในการโน้มน้าวผู้ใช้ให้อยู่ในไซต์ของคุณ ดังนั้น เวลาในการโหลดหน้าเว็บที่ช้าอาจทำให้ผู้เยี่ยมชมเปลี่ยนไปทันที ดังนั้นจึงเป็นสิ่งสำคัญที่ธีม WordPress ของคุณจะต้องเรียบง่ายและควรมีเฉพาะองค์ประกอบที่จำเป็นเท่านั้นที่จะดึงดูดความสนใจของผู้ชมและทำให้พวกเขามีส่วนร่วมกับไซต์ คุณสามารถหาธีม WordPress แบบมินิมอลที่ยอดเยี่ยมได้จากแหล่งต่างๆ เช่น WordPress Theme Directory, ThemeForest และอื่นๆ อีกมากมาย
  • กำจัดความคิดเห็นที่เป็นสแปม: อย่าลืมลบความคิดเห็นที่เป็นสแปมทั้งหมด เนื่องจากจะทำให้ทรัพยากรเซิร์ฟเวอร์ของคุณหมดลงอย่างรวดเร็ว สามารถทำได้ด้วยความช่วยเหลือของปลั๊กอิน Akismet ที่ช่วยปิดการใช้งานความคิดเห็นในการติดตั้ง WordPress ตามความต้องการของคุณ นอกเหนือจาก Akismet แล้ว ปลั๊กอินอื่นๆ อีกสองสามตัวที่คุณสามารถพิจารณาเพื่อกำจัดความคิดเห็นที่เป็นสแปม ได้แก่:
    1. สแปมความคิดเห็นทำความสะอาด
    2. หยุดความคิดเห็นที่เป็นสแปม
    3. WP-SpamShield ป้องกันสแปม
  • ลบข้อมูลที่ไม่ต้องการ: เมื่อสร้างเว็บไซต์ใหม่ เรามักจะเพิ่มข้อมูลพิเศษที่มักจะไม่ได้ใช้ในระยะยาว ข้อมูลอาจเป็นลิงก์ (ภายในหรือภายนอก) ชิ้นส่วนของข้อความ ฯลฯ การมีสิ่งที่ไม่ต้องการดังกล่าวอาจทำให้ประสิทธิภาพของเว็บไซต์ของคุณลดลง ดังนั้นจงยึดสิ่งใดๆ ที่ไม่เพิ่มมูลค่าให้กับผู้ใช้ของคุณอีกต่อไป
5. เพิ่มประสิทธิภาพฐานข้อมูลของคุณ

นอกจากการรักษาเว็บไซต์ให้สะอาดแล้ว ยังเป็นแนวปฏิบัติที่ดีในการเพิ่มประสิทธิภาพข้อมูลเว็บไซต์ของคุณเป็นระยะ เมื่อเว็บไซต์ของเราเติบโตขึ้นตามกาลเวลา ฐานข้อมูลก็อัดแน่นไปด้วยบันทึกที่ไม่ได้ใช้ รายการ และข้อมูลซ้ำซ้อน การเพิ่มขนาดฐานข้อมูลในที่สุดทำให้โหลดจำนวนมากบนเซิร์ฟเวอร์ส่งผลให้เวลาในการโหลดหน้าเพิ่มขึ้น คุณสามารถทำให้ฐานข้อมูลของคุณสะอาดอยู่เสมอโดยใช้ปลั๊กอิน WP-Sweep

Optimize Your Database

ปลั๊กอินช่วยในการล้างข้อมูลที่ไม่ได้ใช้และซ้ำซ้อนในเว็บไซต์ของคุณ โดยพื้นฐานแล้ว WP-Sweep จะวิเคราะห์ฐานข้อมูลของไซต์ WordPress และจัดทำรายงาน (เรียกว่ารายงานการกวาดล้าง) พร้อมคำแนะนำเกี่ยวกับความยุ่งเหยิง (เช่น เมตาผู้ใช้ ความคิดเห็น โพสต์ ฯลฯ) ที่คุณสามารถล้างออกจากฐานข้อมูลได้

6. เปิดใช้งานการบีบอัด gZIP บนเว็บเซิร์ฟเวอร์

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

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

คุณสามารถเปิดใช้งานการบีบอัด gZIP สำหรับไฟล์ CSS, JavaScript และรูปภาพได้อย่างง่ายดายโดยเพิ่มบรรทัดโค้ดด้านล่างลงในไฟล์ . .htaccess ของคุณ:

[php]
## เปิดใช้งานการบีบอัด GZIP ##
AddOutputFilterByType DEFLATE ข้อความ/ธรรมดา
AddOutputFilterByType DEFLATE ข้อความ/html
AddOutputFilterByType ลบข้อความ/xml
AddOutputFilterByType ลบข้อความ/css
AddOutputFilterByType DEFLATE แอปพลิเคชัน/xml
AddOutputFilterByType DEFLATE แอปพลิเคชัน/xhtml+xml
AddOutputFilterByType DEFLATE แอปพลิเคชัน/rss+xml
AddOutputFilterByType DEFLATE แอปพลิเคชัน/javascript
AddOutputFilterByType DEFLATE แอปพลิเคชัน/x-javascript
## เปิดใช้งานการบีบอัด GZIP ##
[/php]

7. ปรับปรุงประสิทธิภาพการจัดส่งโดยใช้ CDN

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

Improve Delivery Performance Using a CDN

ดังนั้น การใช้ CDN จะช่วยปรับปรุงประสิทธิภาพการนำส่งไซต์ WordPress ของคุณเป็นหลัก อย่างไรก็ตาม ด้วยเครือข่ายการจัดส่งเนื้อหาออนไลน์หลายเครือข่าย การเลือกเครือข่ายที่เหมาะสมอาจเป็นงานที่ยากลำบาก ตัวเลือก CDN ที่คุ้มค่าที่ควรค่าแก่การสำรวจ ได้แก่ MaxCDN, CacheFly และ CloudFare เป็นต้น

8. เพิ่มประสิทธิภาพรูปภาพเว็บไซต์ของคุณ

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

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

คุณสามารถใช้ปลั๊กอิน WordPress เพื่อทำการเพิ่มประสิทธิภาพรูปภาพอัตโนมัติ ตัวอย่างเช่น การใช้ปลั๊กอิน WP Smush.it จะบีบอัดรูปภาพโดยใช้อัลกอริธึมแบบสูญเสียข้อมูล หรือการรวมรูปภาพของไซต์ WP ของคุณโดยใช้ CSS Sprites เป็นรูปภาพเดียวก็ช่วยเพิ่มประสิทธิภาพได้เช่นกัน การใช้เทคนิค CSS จะแสดงภาพเดียวที่มีภาพขนาดเล็กอื่นๆ ทั้งหมด วิธีนี้จะช่วยประหยัดเวลาของคุณได้มากจากการที่ต้องโหลดรูปภาพจำนวนมาก

9. ย่อขนาดไฟล์ JavaScript และ CSS

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

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

10. ใช้ประโยชน์จากการแคชเบราว์เซอร์

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

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

Leveraging Browser Caching

ตัวอย่างเช่น ภาพโลโก้ของเว็บไซต์แทบไม่เปลี่ยนแปลง และการแคชรูปภาพจะอัปโหลดอย่างรวดเร็วโดยไม่ต้องร้องขอไปยังเซิร์ฟเวอร์ โดยพื้นฐานแล้ว การเรียกดูแคชช่วยลดภาระบนเซิร์ฟเวอร์ของคุณ ในการเปิดใช้งานเทคนิคการแคชเบราว์เซอร์ คุณเพียงแค่เพิ่มบรรทัดของโค้ดต่อไปนี้ที่ด้านบนสุดของไฟล์ .htaccess ของธีมของคุณ:

[php]
## หมดอายุการแคช ##
<IfModule mod_expires.c>
หมดอายุActive On
ExpiresByType image/jpg "เข้าถึงได้ 1 ปี"
ExpiresByType image/jpeg "เข้าถึงได้ 1 ปี"
ExpiresByType image/gif "เข้าถึงได้ 1 ปี"
ExpiresByType image/png "เข้าถึงได้ 1 ปี"
ExpiresByType text/css "เข้าถึง 1 เดือน"
แอปพลิเคชัน ExpiresByType/pdf "เข้าถึงได้ 1 เดือน"
ExpiresByType application/x-javascript "เข้าถึงได้ 1 เดือน"
ExpiresByType application/javascript "เข้าถึงได้ 1 เดือน"
แอปพลิเคชัน ExpiresByType/x-shockwave-flash "เข้าถึง 1 เดือน"
ExpiresByType image/x-icon "เข้าถึงได้ 1 ปี"
ExpiresDefault "เข้าถึง 2 วัน"
</IfModule>
## หมดอายุการแคช ##
[/php]

บทสรุป

คุณมีแล้ว - เคล็ดลับ 10 อันดับแรกในการเพิ่มประสิทธิภาพของเว็บไซต์ WordPress ของคุณ เคล็ดลับส่วนใหญ่มักจะกล่าวถึงวิธีการเพิ่มความเร็วไซต์ของคุณ เนื่องจากเป็นปัจจัยที่สำคัญที่สุดในการเพิ่มประสิทธิภาพการทำงานของไซต์ WP