วิธีปรับปรุงความเร็วและประสิทธิภาพของไซต์ WordPress ของคุณ

เผยแพร่แล้ว: 2016-01-12

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

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

ขั้นตอนที่หนึ่ง: ทดสอบ!

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

wordpress-performance-bench

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

ขั้นตอนที่สอง: ตรวจสอบให้แน่ใจว่าคุณมีโฮสต์ที่ดีที่สุด

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

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

ขั้นตอนที่สาม: ตรวจสอบปลั๊กอินของคุณ

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

wordpress-ประสิทธิภาพ-ตรรกะ

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

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

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

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

ขั้นตอนที่สี่: แคชทุกอย่าง

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

ในทำนองเดียวกัน ที่ฝั่งเซิร์ฟเวอร์ การมีเลเยอร์แคชทำงานได้อย่างมหัศจรรย์เพื่อให้บริการไซต์ของคุณอย่างรวดเร็ว วิธีทั่วไปในการแคชฝั่งเซิร์ฟเวอร์ด้วย WordPress คือการใช้ปลั๊กอิน W3 Total Cache ปลั๊กอินนี้ (หรือตัวอื่นที่คล้ายคลึงกัน) จำเป็นสำหรับโฮสต์เกือบทั้งหมด ข้อยกเว้นสำหรับกฎข้อนี้คือมู่เล่ เราจัดการแคชฝั่งเซิร์ฟเวอร์ให้คุณเบื้องหลังด้วยวานิช การใช้วานิชแทนปลั๊กอินสามารถเพิ่มความเร็วได้อย่างมาก เนื่องจากวานิชไม่จำเป็นต้องพูดคุยกับ PHP มันทำหน้าที่แคชสำเนาคงที่ของเว็บไซต์ของคุณทันที (โดยไม่ต้องแตะเลเยอร์แอปพลิเคชัน PHP) ในขณะที่ PHP ยังคงทำงานปลั๊กอิน

บนโฮสต์ที่มีการจัดการ เช่น Flywheel การแคชฝั่งเซิร์ฟเวอร์จะบอกเบราว์เซอร์ว่าต้องแคชสิ่งต่าง ๆ นานแค่ไหนด้วยการตั้งค่า 'expires headers' เบราว์เซอร์จะไม่ขอข้อมูลเพิ่มเติมจากเซิร์ฟเวอร์หากส่วนหัวเหล่านั้นบอกไม่ให้ถาม คุณต้องเริ่มคิดถึงการแคชเป็นหลักเมื่อคุณเริ่มติดตั้งปลั๊กอินหรือธีมของบุคคลที่สาม ผู้พัฒนาธีมและปลั๊กอินสามารถตั้งค่าส่วนหัวของตนเองซึ่งสามารถแทนที่การตั้งค่าเริ่มต้นของโฮสต์ของคุณได้ ซึ่งส่งผลกระทบในทางตรงข้ามกับกลไกการแคช

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

ขั้นตอนที่ห้า: ใช้ CDN

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

wordpress-performance-cdn

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

CDN ยอดนิยมบางส่วน ได้แก่ Amazon Web Services, CloudFlare และ MaxCDN ส่วนใหญ่มีแผนบริการฟรี แต่ถ้าคุณดึงผู้เข้าชมจำนวนมากและมีทรัพย์สินจำนวนมาก คุณมักจะต้องจ่ายเงินสำหรับ CDN โดยปกติแล้วจะตั้งค่าได้ง่าย แต่ถ้าคุณต้องการโซลูชันการตั้งค่าที่ง่ายมาก คุณควรลองใช้โปรแกรมเสริม MaxCDN ของ Flywheel

wordpress-performance-ebook

ลองใช้ข้อมูลเชิงลึกด้านประสิทธิภาพ!

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

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