7 วิธีง่าย ๆ ในการเพิ่มความเร็วเว็บไซต์ WordPress ของคุณ

เพื่ออ้างอิงภาพยนตร์คลาสสิก“ ฉันรู้สึกว่าต้องการความต้องการความเร็ว!” นั่นคือตอนนี้ยังเป็นมนต์ของ Google เมื่อมันมาถึงการจัดอันดับเว็บไซต์

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

<รูป class = "lazy aligncenter">

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

<รูป class = "lazy aligncenter">

แต่ถ้าคุณมี เว็บไซต์ WordPress มีสิ่งพื้นฐานบางอย่างที่คุณสามารถทำได้ทันทีเพื่อโกนเวลาในการโหลดที่มีค่า

ตัดเศษทั้งหมดจากหน้าแรกของคุณ

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

<ร่างคลาส = "lazy aligncenter">

วันนี้ทางออกคือ“ less is more” นำหนังสือของ Google ออกมาพร้อมกับ Frontpage ที่สะอาดตา จำกัด ภาพของคุณไว้ที่ด้านหน้าของคุณไม่เกินหนึ่งหรือสองภาพ จำกัด วิดเจ็ตโซเชียลมีเดียของคุณ (ถ้ามี) ไม่เกินสองรายการ เก็บวิดีโอที่ฝังไว้ให้ครบถ้วน

In_content_1 ทั้งหมด: [300x250] / dfp: [640x360]->

บีบอัดภาพทั้งหมด

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

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

มีวิธีการที่ดีสองวิธีในการบีบอัดภาพ หนึ่งคือ Smush ซึ่งฉันเพิ่งพูดถึงในบทความของฉันเกี่ยวกับ ปลั๊กอิน WordPress ที่คุณควรใช้อีกอันคือ TinyPNG ซึ่ง  ยังมีปลั๊กอิน WordPress.

ถอนการติดตั้งปลั๊กอินและธีมที่ไม่จำเป็นใด ๆ

<รูป class =" lazy aligncenter ">

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

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

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

ติดตั้ง Jetpack & เปิดใช้งาน“ Lazy Loading”

แม้ว่าคุณควรเลือกอย่างมากเกี่ยวกับสิ่งที่ ปลั๊กอินที่คุณควรใช้มีสองปลั๊กอินที่จริงสามารถช่วยให้มีความเร็วหน้า อันแรกคือ Jetpack ซึ่งฉันได้กล่าวถึงใน บทความปลั๊กอิน WordPress ที่สำคัญของฉัน.

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

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

ทั้งการโหลด Lazy และตัวเร่งความเร็วไซต์นั้นฟรีดังนั้นคุณจึงผ่อนคลายโดยการเปิด

เปิด ContentCaching

<รูป class =" lazy aligncenter ">

ปลั๊กอินอื่น ๆ ที่คุณต้องติดตั้งคือปลั๊กอินสำหรับแคช

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

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

ฉันมีความเกลียดชังรัก ความสัมพันธ์กับปลั๊กอินแคชตามที่ฉันชอบคนจรจัดกับการออกแบบเว็บไซต์ของฉันอย่างต่อเนื่องและแคชหยุดฉันจากการเห็นการเปลี่ยนแปลงที่ฉันทำทันที แต่ปลั๊กอินแคชที่ได้รับการยอมรับอย่างดีบางรายการมี WP Super Cache และ W3 แคชทั้งหมด.

พิจารณาใช้งาน CDN

<รูป class = "lazy aligncenter">

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

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

นี่คือสิ่งที่เครือข่ายการกระจายเนื้อหา (CDN) จำไว้เมื่อฉันพูดเมื่อครู่ก่อน Jetpack สามารถนำข้อมูลของคุณไปไว้บนเซิร์ฟเวอร์ทั่วโลกเพื่อให้ทำงานได้เร็วขึ้น? นั่นคือ CDN

CDN โดยทั่วไปจะมีค่าใช้จ่าย แต่โดยทั่วไปแล้วจะไม่แพงเกินไปและส่วนใหญ่จะมีแผนบริการฟรีขั้นพื้นฐาน ชื่อใหญ่สามชื่อคือ Cloudflare, Google Cloud CDN และ Amazon Web Services

วาง AllScripts ในส่วนท้าย

<รูป class = "lazy aligncenter">

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

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

วิธีที่ง่ายที่สุดในการทำคือวางโค้ดสคริปต์ในวิดเจ็ต aHTML แล้ววางลงในส่วนท้ายของ WordPressfrontpage ของคุณ .

วิธีการเพิ่มความเร็ว Page Speed ให้กับหน้าเว็บ Wordpress

กระทู้ที่เกี่ยวข้อง: