5 วิธีที่จะทำให้เว็บไซต์ WordPress ของคุณเร็วขึ้น

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

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

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

ดังนั้นสิ่งที่สามารถทำได้เพื่อทำให้เว็บไซต์ WordPress เร็วขึ้น? ดูเหมือนมากโดยเฉพาะใน 5 ด้านนี้:

1. เซิฟเวอร์

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

ดังนั้น ก่อนลงชื่อเข้าใช้ผู้ให้บริการโฮสติ้ง ให้มองหา:

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

ต่อไปนี้คือสิ่งที่คุณสามารถพิจารณาได้:

Ø โฮส ^ติ้ง วิดีโอของบุคคลที่สาม

การโฮสต์วิดีโอ ^{ภายนอก} หรือบุคคลที่สามเป็นโซลูชันที่ยอดเยี่ยมสำหรับผู้ที่ใช้พื้นที่เซิร์ฟเวอร์และแบนด์วิดท์อย่างรอบคอบ

ตรงตามที่เขียนไว้บนกระป๋อง (เท่านั้น) ไฟล์วิดีโอถูกโฮสต์บนเซิร์ฟเวอร์บุคคลที่สาม เช่น Youtube, ^Vimeo เป็นต้น ซึ่งคุณสามารถเชื่อมโยงกับเว็บไซต์ของคุณได้ (โดยไม่ต้องเรียกนักพัฒนาให้มายุ่งกับ API) บางตัวมาพร้อมกับเครื่องมือตัดต่อวิดีโอและส่วนใหญ่ให้การสนับสนุน

เพียงตรวจสอบให้แน่ใจว่าได้ตรวจสอบสิทธิ์ในไฟล์วิดีโอ (นโยบายความเป็นส่วนตัว) ก่อนสมัครใช้บริการนี้

Ø การป้องกัน Hotlink ของรูปภาพ

Image Hotlinking เป็นความชั่วร้ายที่ประเมินค่าต่ำเกินไป

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

และคุณจะไม่ได้รับโน้ตขอบคุณ

มีเพียงมากเท่านั้นที่ความเห็นแก่ประโยชน์ที่ไร้เดียงสาของคุณควรทนได้ บนอินเทอร์เน็ต คุณปกป้องเนื้อหาของคุณหรือถูกลงโทษ ใส่รหัสนี้ในไฟล์ .htaccess ของคุณ:

RewriteEngine บน

RewriteCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

นอกจากนี้: โปรดทราบว่าเครือข่ายการส่งเนื้อหา (CDN) บางเครือข่ายมีฟีเจอร์การป้องกัน Hotlink ในตัว

2. แคช

Caching Plugins เช่น W3 Total Cache เป็นหนึ่งในสิ่งที่ดีที่สุดที่ WordPress มีให้สำหรับการเพิ่มประสิทธิภาพความเร็วของหน้า ( ทุกคน ชอบมัน) ทางเลือกอื่น (สำหรับผู้ใช้ขั้นสูง) คือ WP Super Cache

แนวคิดคือการสร้างสำเนา (แคช) ของหน้า วัตถุ และฐานข้อมูล ลดขนาดสคริปต์และรวมเว็บไซต์ WordPress เข้ากับเครือข่ายการจัดส่งเนื้อหา (CDN) ได้ง่ายขึ้น

คุณยังสามารถจ้างนักพัฒนา WordPress เพื่อใช้ประโยชน์สูงสุดจากการเพิ่มประสิทธิภาพฝั่งเซิร์ฟเวอร์ด้วยโซลูชันการแคชฐานข้อมูล เช่น Redis และ Memcached

Ø โมดูลหมดอายุ

โมดูล Apache นี้กำหนดอายุการใช้งานของแคชสำหรับรูปแบบไฟล์ที่คุณระบุ

นี่เป็นวิธีที่คล่องตัวในการใช้งาน: <ifmodule> มันไป (เป็นไฟล์ .htaccess) ดังนี้:

<ifmodule mod_expires.c>

<Filesmatch “\.(jpg|png|gif|js|css|mp3|pdf)$”>

หมดอายุเปิดใช้งานเมื่อ

ExpiresDefault “การเข้าถึงบวก 1 สัปดาห์”

</Filesmatch>

</ifmodule>

ข้อมูลโค้ดด้านบนจะตั้งค่าไฟล์แคชของไฟล์ jpg/png/gif/JavaScript/CSS/mp3/และ PDF ทุกไฟล์ให้หมดอายุหลังจาก 1 สัปดาห์ จากนั้นแคชใหม่จะถูกสร้างขึ้น โมดูลนี้เหมาะสำหรับใช้ในเว็บไซต์สื่อสมบูรณ์ที่อัปเดตเนื้อหาเป็นประจำ

3. ฟรอนต์เอนด์

ปัญหาด้านประสิทธิภาพประมาณ 80% จะได้รับการแก้ไขด้วยความพยายาม 20% ในการเพิ่มประสิทธิภาพความเร็วส่วนหน้า เป็นกฎการพัฒนาเว็บของ Pareto

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

เพื่อช่วยในเรื่องนี้ คุณสามารถใช้วิธีการต่อไปนี้:

• รูปภาพ : บีบอัดเหมือนคนบ้า ขนาดภาพ/สื่อของคุณเล็กลงยิ่งดี ใช้ EWWW Image Optimizer หรือ WP Smush.it สำหรับการบีบอัดที่ไม่สูญเสียคุณภาพ จากนั้นจะมีตัวกรองการโหลดแบบสันหลังยาวสำหรับการโหลดรูปภาพแบบมีเงื่อนไข หากพื้นที่หน้าซึ่งมีรูปภาพดังกล่าวปรากฏอยู่ในวิวพอร์ตของผู้ใช้ในปัจจุบัน ใช้ Lazy Load XT สำหรับสิ่งนี้

• การลดคำขอ HTTP หมายความว่ามีการไปกลับน้อยลง ดังนั้นจึงช่วยปรับปรุงเวลาในการโหลด ทำให้ภาพ 'รูปแบบ' เป็นสไปรท์ตัวเดียวด้วย Sprite Pad

• ลดขนาด JavaScript และ CSS สไตล์ชีต: rtl.css, style.css และรูปแบบที่กำหนดเองที่คุณเพิ่ม พยายามอย่าใช้การพึ่งพามากเกินไป

4. ฐานข้อมูล

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

การแก้ไขโพสต์ซ้ำซ้อน ความคิดเห็นเก่าที่ไม่ได้รับการอนุมัติ ข้อมูลเมตาที่ซ้ำกัน และอื่นๆ เป็นใยแมงมุมและฝุ่นตลบ ล้างข้อมูลด้วยเครื่องมือต่างๆ เช่น WP Sweep, WP-DB Manager เป็นต้น

5. อัพเดท

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

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

เพื่อลดความวิตกกังวล ให้ทำตามรูปแบบที่เป็นประโยชน์นี้เพื่ออัปเดต:

• ธีมก่อน: ตรวจสอบให้แน่ใจว่าคุณมีธีมย่อย (ซึ่งจะบันทึกการเปลี่ยนแปลงเล็กน้อยที่คุณทำในลักษณะที่ปรากฏ) การอัปเดตจะใช้กับธีมหลัก และวิธีนี้จะช่วยลดโอกาสที่จะทำอะไรผิดพลาดได้มากเกินกว่าจะซ่อมได้

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

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

Endnote

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

โปรดจำไว้ว่าการเพิ่มประสิทธิภาพความเร็วเป็นความพยายามอย่างต่อเนื่อง เตรียมพร้อมสำหรับการพัฒนาล่าสุดและแนวทางปฏิบัติที่ดีที่สุด

ชีวประวัติผู้แต่ง: Lucy Barret เป็นนักพัฒนา Sr. WordPress สำหรับ บริษัท พัฒนา WordPress ชั้นนำ HireWPGeeks Ltd. เธอดูแลทีมนักพัฒนาที่เป็นผู้เชี่ยวชาญในการแปลงธีม HTML เป็น WordPress เธอยังเป็นบล็อกเกอร์และชอบที่จะแบ่งปันความรู้ของเธอกับชุมชน WordPress ขนาดใหญ่