การเพิ่มประสิทธิภาพประสิทธิภาพ WordPress: ข้อมูลมาก่อนการเพิ่มประสิทธิภาพ

บทความที่เขียนโดย:
  • WordPress
  • อัปเดตแล้ว: พฤษภาคม 19, 2015

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

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

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

ข้อมูลเชิงลึก PageSpeed

ข้อมูลเชิงลึกของ google pagepeed

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

ข้อมูลเชิงลึกของ Google Pagespeed for WordPress เป็นปลั๊กอินที่ใช้ข้อมูล PageSpeed ​​และใช้เพื่อสร้างหน้าแดชบอร์ดซึ่งจะช่วยให้เจ้าของไซต์สามารถกำหนดเป้าหมายความพยายามในการเพิ่มประสิทธิภาพของตนได้

เครื่องมือ Pingdom

เครื่องมือ pingdom

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

แถบดีบักการทำงานช้า

แถบแก้ปัญหา

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

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

หลีกเลี่ยงการเพิ่มประสิทธิภาพแบบไม่มีจุดหมาย

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

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

การเพิ่มประสิทธิภาพที่ให้บางสิ่งบางอย่างสำหรับบั๊ก

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

เลือกโฮสติ้งที่ดี

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

แคช

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

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

กำลังโหลด JavaScript และ CSS แบบอะซิงโครนัส

หนึ่งในสิ่งที่ Google PageSpeed ​​Insights จะบ่นเกี่ยวกับเรื่องนี้คือไฟล์ JavaScript และ CSS ที่โหลดก่อนและบล็อกทุกสิ่งทุกอย่าง เนื่องจากสคริปต์เหล่านี้มักถูกรวมไว้ใน <head> ของไฟล์ HTML พวกเขาจึงเป็นหนึ่งในสิ่งแรกที่เบราเซอร์เจอบนหน้าเว็บและทุกสิ่งทุกอย่างก็หยุดลงในขณะโหลด ในกรณีส่วนใหญ่ไม่จำเป็นต้องโหลด JavaScript และ CSS ก่อน Async JS และ CSS เป็นปลั๊กอินที่ดีที่จะป้องกันไฟล์ JS และ CSS จากการบล็อกการโหลดส่วนที่เหลือของหน้า

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

เกี่ยวกับ WHSR Guest

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