ทำไมเว็บไซต์ของฉันจึงช้ามาก จะปรับปรุงความเร็วเว็บไซต์ใน WordPress ได้อย่างไร?

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

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

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

A. จะทดสอบความเร็วของเว็บไซต์ได้อย่างไร?

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

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

ลูกค้าของเราบางคนกังวลเรื่องความเร็วอยู่เสมอ เนื่องจากความเร็วของพวกเขาใน GTMetrix นั้นช้ามาก

ตัวอย่างเช่น การทดสอบความเร็วนี้ให้ผลลัพธ์เกือบ 19 วินาทีและคะแนนรวม F

อย่างไรก็ตาม หากเราพิจารณาอย่างใกล้ชิด ภูมิภาคทดสอบเริ่มต้นของ GTMetrix อยู่ในแคนาดา ในขณะที่ผู้ให้บริการโฮสต์ส่วนใหญ่ของคุณคือ Bluehost, A2hosting, Godaddy ฯลฯ และให้บริการในสหรัฐอเมริกาหรือในยุโรป

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

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

หากเราทดสอบจากซานโฮเซ่ แคลิฟอร์เนีย ความเร็วจะเพิ่มขึ้นเป็น 3.25 วินาที

นั่นคือวิธีที่ LOCATION ส่งผลต่อความเร็วไซต์ของคุณ อย่าลืมเลือกสถานที่โฮสต์ที่อยู่ใกล้ผู้ชมของคุณเสมอ

ในการทดสอบอีกครั้ง Bostjan Gartnar อาศัยอยู่ในยุโรป และครั้งหนึ่งเขาเคยบ่นว่าความเร็วของไซต์ของเขาใน GTMetrix อยู่ที่ประมาณ 3.5 วินาที อย่างไรก็ตาม เช่นเดียวกับสถานการณ์ข้างต้น ตำแหน่งเริ่มต้นของ GTMetrix อยู่ในแคนาดา และผู้ชม Bostjan ไม่ได้อาศัยอยู่ในแคนาดา

มาลองใช้ Pingdom กัน มาทำการทดสอบอีกครั้งสำหรับคนในสวีเดนความเร็วของไซต์ลดลงเหลือเพียงประมาณ 600 milisecond

บทเรียนคืออย่าเชื่อถือไซต์ทดสอบก่อนที่จะพิจารณาปัจจัยด้านสถานที่

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

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

ข. แล้วไงต่อ? วิธีการปรับปรุงความเร็วเว็บไซต์? ลองสิ่งเหล่านี้:

1. เพิ่มประสิทธิภาพโค้ดของคุณ

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

มีโอกาสที่โค้ด HTML ซ้ำซ้อน, Javascript, CSS และ Inline CSS ในซอร์สโค้ดของไซต์ของคุณจะเป็นอันตรายต่อไซต์ของคุณ โชคดีที่มีวิธีที่ง่ายมากในการเพิ่มประสิทธิภาพโค้ดเหล่านี้ ลบช่องว่างที่ไม่จำเป็น และเพิ่มความเร็วไซต์ของคุณ นั่นคือการใช้ Autoptimize มันเป็นปลั๊กอินที่เราใช้สำหรับเว็บไซต์ทั้งหมดของเรา การสาธิตทั้งหมดของเรา และประสิทธิภาพของมันนั้นยอดเยี่ยมมาก

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

ส่วนใหญ่ยังใช้เวลาโหลดน้อยกว่า 1 วินาที การใช้ธีมต่อไปนี้กับการอัปเดตล่าสุดสามารถช่วยเพิ่มประสิทธิภาพไซต์และโค้ดของธีมได้อย่างมาก ส่งผลให้ไซต์มีประสิทธิภาพดีขึ้นมาก ธีมเหล่านี้ใช้เทคนิคการสร้างธีมล่าสุดของ ThimPress – ThimCore:

ธีม WordPress การศึกษา – Education WP

Eduma หรือ Education WP ซึ่งปัจจุบันเป็นธีม Education WordPress ที่ขายดีที่สุดบน ThemeForest และคุณภาพของธีมนั้นไม่ธรรมดาด้วยการอัปเดตเป็นประจำ การสนับสนุนอย่างกระตือรือร้น และฟีเจอร์คุณภาพสูง การออกแบบเกี่ยวกับ Education

Magazine WordPress Theme – Mag WP – ธีมที่ดีที่สุดสำหรับนิตยสาร

Hotel WordPress Theme – Hotel WP – ธีมที่ต้องมีหากคุณกำลังสร้างธุรกิจโรงแรมหรือที่พักพร้อมอาหารเช้า

2. การเพิ่มประสิทธิภาพภาพ

ไม่มากเกินไปที่จะบอกว่า 90 จาก 100 ไซต์มีปัญหานี้: เจ้าของไซต์อัปโหลดรูปภาพโดยไม่ต้องแก้ไขล่วงหน้าเพื่อลดขนาดของรูปภาพและทำให้พอดีกับพื้นที่ที่ต้องการ
ตัวอย่างเช่น หลายคนอาจอัปโหลดรูปภาพแนวตั้งขนาด 5MB ไปยังกล่องรูปโปรไฟล์ที่ต้องการเพียงรูปภาพขนาด 90×90 พิกเซลที่ต้องการขนาดสูงสุด 200kB นั่นเสีย 4.8 MB สำหรับอวาตาร์เท่านั้น และจะมีสถานที่เพิ่มเติมในไซต์ของคุณที่ต้องการรูปภาพ

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

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

• คุณยังสามารถใช้ Regenerate Thumbnails เพื่อสร้างขนาดรูปภาพที่แตกต่างกันมากมายสำหรับเว็บไซต์ของคุณ ตัวอย่างเช่น หากคุณใช้ Regenerate Image อวาตาร์ 5MB ด้านบนจะเปลี่ยนเป็นเวอร์ชันต่างๆ มากมาย นอกจากนี้ จะมีเวอร์ชันสำหรับอวาตาร์ที่มีขนาด 90×90 พิกเซลเท่านั้น

• สุดท้าย หากไซต์ของคุณต้องการรูปภาพจำนวนมาก คุณสามารถใช้ Lazy load เพื่อโหลดเฉพาะโครงสร้างและข้อความของไซต์ก่อนได้ จากนั้นโหลดรูปภาพเมื่อคุณเลื่อนไปที่รูปภาพเท่านั้น เพื่อที่ขั้นตอนการโหลดจะถูกแบ่งออกเป็นหลายขั้นตอนและ Heavy Images จะถูกโหลดตามความต้องการเท่านั้น

3. ใช้ปลั๊กอินแคช

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

หนึ่งในปลั๊กอินที่ดีที่สุดสำหรับการแคชคือ W3 Total Cache

นี่คือการกำหนดค่า W3 Total Cache ที่ Bostjan พบว่าช่วยปรับปรุงความเร็วของไซต์ของเขาให้เหลือเพียงไม่ถึงวินาทีเท่านั้น

ด้านล่างนี้คือปลั๊กอินแคชอื่นๆ ที่คุณสามารถลองใช้ได้:

• ประสิทธิภาพ Swift – แคช WordPress & ตัวเร่งประสิทธิภาพ

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

• WP Super Cache
• WP Rocket

กล่าวคือ WP Rocket เป็นปลั๊กอินแคช WordPress ระดับพรีเมียมพร้อมแผนการชำระเงินสามแผน ในทางเทคนิค คุณต้องจ่ายค่าธรรมเนียมเพียงครั้งเดียว แต่การสนับสนุนและการอัปเดตจะรวมอยู่ด้วยหากคุณยังคงชำระเงินทุกปี ที่กล่าวว่าการแคชสำหรับเว็บไซต์หนึ่งรายการอยู่ที่ $39 โดยรองรับสามเว็บไซต์ที่ $99 และเว็บไซต์ไม่จำกัดราคา $199

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

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

4. การลบปลั๊กอินที่ไม่ได้ใช้

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

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

P3 Profiler จะช่วยคุณค้นหาปลั๊กอินที่ช้าและรายงานประสิทธิภาพของแต่ละปลั๊กอิน เพื่อให้คุณทราบว่าควรเก็บปลั๊กอินใดและควรลบอันใด

5. การเพิ่มประสิทธิภาพเซิร์ฟเวอร์

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

• ใช้EasyEngine

สิ่งที่ดีที่สุดเกี่ยวกับ Easy Engine ก็คือมันช่วยได้มากด้วยตัวเลือกการแคชและการรองรับ HHVM & Page Speed

• การเพิ่มประสิทธิภาพ Nginx

นี่เป็นเทคนิคขั้นสูง ดังนั้นฉันจะแสดงรายการบทเรียนที่ครอบคลุมที่สุดบางส่วนจาก Linode และ DigitalOcean:

วิธีเพิ่มประสิทธิภาพการกำหนดค่า Nginx

วิธีกำหนดค่า Nginx เพื่อประสิทธิภาพที่ดีที่สุด

NGINX: ทำให้เซิร์ฟเวอร์ของคุณบินได้

การปรับแต่ง NGINX เพื่อประสิทธิภาพที่ดีที่สุด

ปรับแต่ง NGINX เพื่อประสิทธิภาพ

6. ใช้ PHP 7 เพื่อเพิ่มความเร็วเว็บไซต์ของคุณอย่างมาก

ปัจจุบัน PHP 7.0 เป็นเวอร์ชันล่าสุดของ PHP และค่อนข้างเสถียรตั้งแต่เปิดตัวมาเกือบ 2 ปี

WordPress.ORG ยังแนะนำให้ผู้ใช้ใช้ PHP 7 ปัจจุบันมีผู้ใช้ WordPress เพียง 9 ใน 100 คนที่ใช้ PHP7 เพียงติดต่อผู้ให้บริการโฮสต์ของคุณและขอให้เปลี่ยนจาก PHP 5 เป็น PHP 7 ปัจจุบัน PHP 5 ยังคงเป็นเวอร์ชัน PHP เริ่มต้นในบริการโฮสติ้งจำนวนมาก

ด้านล่างนี้คือตารางทดสอบความเร็วของ ธีม Eduma – Education WP สำหรับการกำหนดค่าที่ไม่มีการกำหนดค่า ไม่มีเซิร์ฟเวอร์แคชที่มี PHP 5.6.28 และอีกชุดหนึ่งใช้ PHP 7.0.18

เห็นได้ชัดว่า PHP 7 นั้นเร็วกว่าเสมอ และเวลาในการโหลดเฉลี่ยน้อยกว่า 1.5 วินาทีสำหรับ Eduma ที่ใช้ PHP 7 ในขณะที่ PHP5 ใช้เวลาประมาณ 5 วินาทีในการโหลดเว็บไซต์อย่างสมบูรณ์

อ่านเพิ่มเติม เว็บโฮสติ้งส่งผลต่อความเร็วไซต์อย่างไร