13 เคล็ดลับวิธีเพิ่มความเร็วไซต์ WordPress (เป็นมิตรกับผู้เริ่มต้น)

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

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

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

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

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

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

มาเร่งความเร็วบล็อก WordPress ที่คุณใช้งานมานาน ฉันแนะนำให้ทดสอบความเร็วของหน้าเว็บก่อนและหลังเคล็ดลับเหล่านี้เพื่อดูว่ามีการเปลี่ยนแปลงเวลาในการโหลดอย่างมีนัยสำคัญหรือไม่ คุณสามารถใช้ GTmetrix, Pingdom หรือ Google PageSpeed ​​Insights

เคล็ดลับเพื่อเพิ่มความเร็วเว็บไซต์ WordPress

นี่คือเคล็ดลับที่คุณสามารถนำไปใช้เพื่อปรับปรุงความเร็วไซต์ของคุณ:

#1 เก็บเฉพาะปลั๊กอินที่คุณต้องการ

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

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

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

#2 เลือกผู้ให้บริการโฮสติ้งอย่างระมัดระวัง

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

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

#3 มีวิดเจ็ตมากเกินไปในหน้าแรก

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

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

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

#4 ธีม WordPress ที่ดี

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

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

#5 การเพิ่มประสิทธิภาพภาพ

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

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

หลังจากอัปโหลด ฉันเรียกใช้รูปภาพผ่านปลั๊กอินการเพิ่มประสิทธิภาพรูปภาพ ฉันใช้ปลั๊กอิน Image และ PDF Optimizer แล้ว แต่ตอนนี้ฉันชอบ ShortPixel

คุณสามารถติดตั้งปลั๊กอิน Lazy Load ได้ เป็นกระบวนการที่โหลดเฉพาะภาพที่ปรากฏ “ครึ่งหน้าบน” หรือในส่วนของเว็บไซต์ที่ผู้เยี่ยมชมกำลังดูอยู่

คุณสามารถทำสิ่งนี้ได้โดยอัตโนมัติด้วยปลั๊กอิน jQuery Image Lazy Load (ปลั๊กอินนี้ไม่ได้รับการอัปเดตและรองรับอีกต่อไป ฉันขอแนะนำให้ค้นหาปลั๊กอินอื่น)

#6 ใช้ปลั๊กอินแคช

ปลั๊กอิน WordPress ค่อนข้างมีประโยชน์ ปลั๊กอินแคชช่วยปรับปรุงเวลาในการโหลดหน้าเว็บได้อย่างมาก และที่ดีที่สุดคือทั้งหมดบน WP.org นั้นฟรีและใช้งานง่าย คุณสามารถลอง W3 Total Cache, WP Rocket หรือ Super Cache สิ่งเหล่านี้เป็นที่นิยมมากที่สุดและควรเร่งความเร็วไซต์ WordPress

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

สำหรับข้อมูลเพิ่มเติม คุณสามารถตรวจสอบ WP Rocket กับ WP Super Cache เทียบกับ W3 Total Cache เทียบกับ Hyper Cache ได้

#7 ใช้เครือข่ายการจัดส่งเนื้อหา

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

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

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

สามารถทำได้ในแบบแมนนวลที่น่าเบื่อและน่าเบื่ออย่างยิ่ง หรือ… ใช่ ปลั๊กอินอื่น คุณสามารถใช้ปลั๊กอิน WP-Optimize ซึ่งฉันใช้ในทุกไซต์ที่ฉันจัดการ

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

ปลั๊กอินนี้ให้คุณทำงานง่ายๆ เพียงงานเดียว: ปรับฐานข้อมูลให้เหมาะสม (สแปม โพสต์แก้ไข ร่าง ตาราง ฯลฯ) เพื่อลดค่าใช้จ่าย

#9 ปิดการใช้งานฮอตลิงค์

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

วางรหัสนี้ในไฟล์ root .htaccess ของคุณ:

ปิดการใช้งาน Hotlink ของรูปภาพด้วยตัวเลือกรูปภาพต้องห้ามหรือกำหนดเอง
RewriteEngine บน
เขียนใหม่ %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sparringmind.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/ชื่อ feedburner ของคุณ [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

คุณจะต้องใส่ชื่อฟีดของคุณใน "ชื่อ Feedburner ของคุณ" มิฉะนั้น รูปภาพของคุณจะไม่ปรากฏอย่างถูกต้อง

#10. เพิ่มส่วนหัวหมดอายุไปยังทรัพยากรแบบคงที่

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

คุณต้องคัดลอกและวางรหัสต่อไปนี้ในไฟล์ root .htaccess ของคุณ :

หมดอายุActive On
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000

ตัวเลขข้างต้นกำหนดไว้เป็นเดือน (เป็นวินาที) เปลี่ยนตามที่คุณต้องการ

#11 เปิดใช้งานการบีบอัด HTML

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

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

หากคุณเปิดใช้งานปลั๊กอินแคช ควรมีตัวเลือกในการเปิดใช้งานการบีบอัด HTML

#12 เปิดใช้งานการบีบอัด HTTP

มันเหมือนกับการบีบอัด HTML แต่การบีบอัด HTTP กำหนดเป้าหมายไฟล์ทั้งหมดรวมถึง JavaScript, CSS, HTML, XML, ธรรมดา, Favicon ฯลฯ เป็นวิธีที่ได้รับความนิยมมากที่สุดในการโหลดเว็บไซต์เร็วขึ้นโดย Gzipping เนื้อหาที่เหลือในไซต์ WordPress

ลดขนาดหน้าได้มากกว่า 60% – 80% ในการเปิดใช้งานการบีบอัด HTTP ให้ ใช้รหัสบรรทัดต่อไปนี้ในไฟล์ .htaccess ของคุณ :

 # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico

#13 ลดขนาด CSS และ JS

ไฟล์ JavaScript และ CSS มักจะมีช่องว่างและความคิดเห็นที่ไม่ได้ใช้ หากต้องการลบช่องว่างและความคิดเห็นที่ไม่ได้ใช้เหล่านั้น ขอแนะนำให้เปิดใช้การลดขนาดแทนที่จะแก้ไขทีละไฟล์ หากคุณเปิดใช้งานปลั๊กอินแคชหรือ CDN (Cloudflare) ควรมีตัวเลือกในการเปิดใช้งาน CSS และ js ลดขนาด

เร่งความเร็วสรุป WordPress

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

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

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

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