วิธีลดขนาดหน้าใน WordPress การเพิ่มประสิทธิภาพขนาดหน้า

จะลดขนาดหน้าในไซต์ WordPress ได้อย่างไร?

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

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

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

วิธีสุดท้ายในการลดขนาดหน้าในเว็บไซต์ WordPress ก็คือการเปลี่ยนโค้ดง่ายๆ หรือ (ไม่ง่ายนัก) ไม่ว่าจะเป็นโค้ด CSS หรือโค้ด PHP ของธีมเว็บไซต์ WordPress ของคุณ

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

ทำไมต้องลดขนาดหน้าในไซต์ WordPress?

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

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

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

อีกเหตุผลหนึ่งที่คุณต้องการลดขนาดหน้าในเว็บไซต์ WordPress ของคุณนั้นแน่นอนว่าเป็นเพราะ SEO

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

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

ฉันจะเปลี่ยนขนาดหน้าในแดชบอร์ด WordPress ได้อย่างไร

โปรดทราบว่าแต่ละธีมมีการกำหนดค่า WordPress Dashboard ของตัวเอง ชุดรูปแบบนี้เรียก ว่า GeneratePress

ขั้นแรก ไปที่แดชบอร์ด WordPress ของคุณ คลิก ลักษณะที่ปรากฏ จากนั้น "ปรับแต่ง"

จากนั้นไปที่ Layout แล้วคลิก "Container"

จากนั้นไปที่ "คอนเทนเนอร์"

เมื่ออยู่ภายใน "คอนเทนเนอร์" คุณสามารถปรับขนาดของคอนเทนเนอร์ที่เก็บข้อความได้ คุณสามารถปรับขนาดของย่อหน้า ระยะห่างระหว่างย่อหน้า ประโยค ฯลฯ

นอกจากนี้ คุณสามารถปรับระยะห่างระหว่างคอนเทนเนอร์ ส่วนหัว คอลัมน์ ส่วนท้าย ฯลฯ

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

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

การเพิ่มประสิทธิภาพขนาดหน้าใน WordPress คืออะไร?

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

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

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

ปลั๊กอินการเพิ่มประสิทธิภาพขนาดหน้า WordPress ที่คุณควรดู

ต่อไปนี้คือปลั๊กอินเพิ่มประสิทธิภาพ WordPress บางส่วนที่คุณควรดู โดยเฉพาะอย่างยิ่งหากคุณให้ความสำคัญกับการเพิ่มประสิทธิภาพหน้ามากกว่าการเพิ่มประสิทธิภาพภาพ

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

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

ดังนั้น นี่คือลิงค์ไปยัง “ปลั๊กอินการเพิ่มประสิทธิภาพรูปภาพ” ยอดนิยมบน WordPress ที่คุณควรดูเช่นกัน

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

การล้างข้อมูลสินทรัพย์: ตัวเร่งความเร็วเพจ

การล้างข้อมูลสินทรัพย์: Page Speed ​​​​Booster สแกนหน้าเว็บของคุณและตรวจจับเนื้อหาทั้งหมดที่โหลด สิ่งที่คุณต้องทำเมื่อแก้ไขหน้า/โพสต์คือเพียงเลือก CSS/JS ที่ไม่จำเป็นต้องโหลด ซึ่งวิธีนี้จะช่วยลดการบวมได้

WP Meteor Page Speed ​​Optimization ท็อปปิ้ง

วิธีการทำงานของ WP Meteor Page Speed ​​Optimization Topping คือถ้าผู้ใช้ไม่เริ่มโต้ตอบกับโพสต์หรือเพจทันที WP Meteor จะเลื่อนการโหลดและเริ่มทำงานสคริปต์ จนกว่าหน้าเว็บจะแสดงผล ทำให้คุณมีตัววัด Page Speed ​​เพิ่มขึ้น 2x-5x .

การเลื่อนการโหลดสคริปต์นี้ช่วยปรับปรุงเวลาในการโหลดที่รับรู้ได้อย่างมากสำหรับผู้เยี่ยมชมของคุณ นอกจากนี้ยังช่วยปรับปรุงตัวชี้วัด SEO ที่สำคัญต่อไปนี้อย่างมีนัยสำคัญ:

• ความเร็วหน้า
• Largest Contentful Paint (LCP)
• เวลาในการโต้ตอบ (TTI)
• เวลาบล็อกทั้งหมด (TBT)

ในเดือนพฤษภาคม 2564 Google ได้รวมเมตริกความเร็วของหน้าเว็บหลายรายการเป็นสัญญาณการค้นหาในอัลกอริทึมการจัดอันดับ

AMP สำหรับ WP – หน้ามือถือแบบเร่ง

AMP สำหรับ WP เพิ่มฟังก์ชัน Accelerated Mobile Pages (Google AMP Project) ให้กับไซต์ WordPress ของคุณโดยอัตโนมัติ AMP ทำให้เว็บไซต์ของคุณเร็วขึ้นสำหรับผู้เยี่ยมชมมือถือ

ขนาดหน้าที่ดีใน WordPress คืออะไร?

ตามที่ผู้เชี่ยวชาญด้านประสิทธิภาพเว็บของ WProcket ขนาดในอุดมคติสำหรับการโหลดหน้าเว็บอย่างรวดเร็วคือ 1mb

ฉันจะรู้ได้อย่างไรว่าขนาดหน้าของฉันอยู่ใน WordPress?

มีเครื่องมือออนไลน์มากมายเช่นนี้ Tools.pingdom.com (ฟรี!) ซึ่งคุณสามารถตรวจสอบขนาดของหน้าเว็บ WordPress ของคุณได้

นอกจากการตรวจสอบขนาดหน้าแล้ว เครื่องมือในลักษณะนี้ยังสามารถตรวจสอบปัจจัยสำคัญอื่นๆ ที่ส่งผลต่อขนาดหน้า เช่น ขนาดรูปภาพ ขนาดแบบอักษร และปัจจัย HTML และ CSS อื่นๆ ที่ส่งผลต่อขนาดหน้าเว็บที่ใหญ่หรือเล็ก

วิธีลดขนาดหน้าในไซต์ WordPress สรุป

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

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

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

วิธีการใดๆ ที่คุณเลือกควรลดขนาดโพสต์หรือหน้า WordPress ของคุณและให้ประสบการณ์การใช้งานที่เหมาะสมที่สุดแก่คุณ ค่า SEO และความเร็วในการโหลดหน้าเว็บที่รวดเร็วเช่นกัน