วิธีลดเวลาในการโหลดเว็บไซต์ WordPress – 6.3 วินาทีเหลือ 2 วินาที

การถอดเสียงวิดีโอ

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

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

จริงๆ แล้ว ฉันจะไปที่ส่วนหน้าของไซต์ จะใช้เบราว์เซอร์ของฉันด้วย ดังนั้นเราจะไปที่เครือข่าย และฉันจะรีเฟรชใหม่ทั้งหมด ฉันใช้ Mac ฉันจะกด shift ค้างไว้แล้วกดรีเฟรชเพื่อล้างแคชและทำงานช้า ใช่ สิ่งนั้นมีเวลาเป็นไบต์แรกของหกวินาที

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

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

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

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

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

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

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

ตกลง ไปที่การตั้งค่า และสิ่งแรกที่เราจะทำคือไปที่แคช ฉันจะเปิดใช้งานการแคชหน้า ฉันจะตรวจสอบให้แน่ใจด้วยว่าฉันไม่มีปลั๊กอินแคชที่ใช้งานอยู่ที่นี่ ซึ่งเราไม่ทำ ดี. และฉันจะเปิดใช้งานการแคชหน้า

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

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

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

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

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

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

อันต่อไปที่ฉันจะเพิ่มเข้าไปจะเป็นภาระที่ขี้เกียจ Lazy Loading นี่แหละ Lazy Loading by WP Rock ตัวที่ผมใช้ ง่ายต่อการกำหนดค่า เพียงคลิกที่มัน เปิดใช้งาน ไปที่การตั้งค่า แล้วเราจะตรวจสอบสองสามช่องที่นี่

รูปภาพ, ไอ-เฟรม. ฉันจะไม่ทำวิดีโอ YouTube ด้วยภาพขนาดย่อ บันทึกการเปลี่ยนแปลง. ตกลง. ขั้นตอนสุดท้าย จริงๆ แล้ว ฉันคิดว่าการเพิ่มประสิทธิภาพ … เราจะไม่นั่งอยู่ที่นี่ในขณะที่เราปรับไลบรารีทั้งหมดให้เหมาะสม แต่การปรับรูปภาพให้เหมาะสมสำหรับสิ่งนี้จะเป็นขั้นตอนสุดท้ายในการดำเนินการนี้

ฉันคิดว่าเราน่าจะลดให้เหลือประมาณ 2.5 วินาที ถ้าเราลงเอยด้วยการใช้รูปภาพที่ใหญ่เกินไปและไซต์ ฉันหวังว่านี่จะเป็นประโยชน์ การทำให้ไซต์ WordPress โหลดอย่างรวดเร็วนั้นไม่ใช่เรื่องยากจริงๆ

ฉันคิดว่ายังมีการวิพากษ์วิจารณ์ผู้สร้างเพจแบบเห็นภาพจำนวนมาก เช่น WP Bakery ในกรณีนี้ Elementor, Divi พวกเขาไม่สมควร เพราะมีหลายสิ่งที่คุณทำได้เพื่อให้เว็บไซต์เหล่านี้โหลดได้อย่างรวดเร็ว ตัวสร้างหน้าภาพ

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