7 วิธีทำงานเพื่อเพิ่มความเร็วในการโหลด WordPress

เผยแพร่แล้ว: 2018-02-12

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

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

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

ใช้ระบบและหัวข้อที่มีน้ำหนักเบา

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

ก้าวไปข้างหน้าที่ดีที่สุดคือการผสมผสานที่ถูกต้องระหว่างความสนใจในการมองเห็นของตัวแบบและความเร็วในการจัดเรียงหน้า เมื่อค้นหาหัวข้อ WordPress ให้จดจำหัวข้อที่เกี่ยวข้อง:

  • ตรวจสอบการตรวจสอบหัวข้อ และค้นหาข้อมูลเกี่ยวกับการดำเนินการโดยเฉพาะ
  • ทำการทดลองใช้หน้าสาธิตของหัวข้อ
  • ใส่ใจเป็นพิเศษกับหัวข้อเริ่มต้นของ WordPress ซึ่งมีขนาดเล็กในโค้ดและทำงานได้ดีในภายหลัง
  • ดูหัวข้อที่อิงตาม Genesis และ Thesis Framework ที่มีข่าวลือเรื่องการประหารชีวิต
ได้เปรียบจากแรงจอง

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

ขั้นแรก ให้รู้จักโมดูลการจัดเก็บ WordPress อันมีค่า อ่านเอกสารประกอบ และใช้เพื่อจองสองสามหน้าของไซต์ของคุณ WP Rocket และ W3 Total Cache เป็นหนึ่งในผลิตภัณฑ์ที่มีชื่อเสียง

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

<IfModule mod_expires.c>
# enabling expirations
ExpiresActive On
# The default directive
ExpiresDefault "access plus 3 months"
# Your favicon
ExpiresByType image/x-icon "access plus 1 year"
# Photos
ExpiresByType image/gif "access plus 3 months"
ExpiresByType image/png "access plus 3 months"
ExpiresByType image/jpg "access plus 3 months"
ExpiresByType image/jpeg "access plus 3 months"
# CSS
ExpiresByType text/css "access plus 3 months"
# Javascript
ExpiresByType application/javascript "access plus 1 year"
</IfModule>

ดึงข้อมูลพื้นที่ล่วงหน้า กลยุทธ์ที่ไม่ค่อยมีคนรู้จัก

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

คุณสามารถเพิ่มโค้ดพื้นที่การดึงข้อมูลล่วงหน้าลงในบันทึก header.php ต่อไปนี้คือกรณีของรหัสพื้นที่การดึงข้อมูลล่วงหน้าที่ใช้โดยปกติ

สำหรับ Google แบบอักษร:

<link rel="dns-prefetch" href="//fonts.googleapis.com">

สำหรับ Google Analytics:

<link rel="dns-prefetch" href="//www.google-analytics.com">
กำจัดโมดูลที่ไม่มีจุดหมายและสำคัญ

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

คุณสามารถใช้ Plugin Performance Profiler (ตัวโมดูลเอง) เพื่อแยกแยะโมดูลที่มีประสิทธิภาพแย่ที่สุดบน WordPress ของคุณและแทนที่ด้วยตัวเลือกที่ดีกว่า

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

ใช้ CDN เพื่อความเร็วในการสแต็กหน้าที่ดีขึ้น

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

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

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

<link rel="shortcut icon" href="https://cdn.domain.com/favicon.ico" type="image/x-icon" />
แพ็ครูปภาพที่มีน้ำหนัก

นี่คือความจริงเพื่อให้สิ่งต่างๆ อยู่ในมุมมอง หัวข้อ WordPress พื้นฐานนั้นใช้พื้นที่จัดเก็บเกือบ 30 MB ในขณะที่ไซต์ที่มีเนื้อหาสำคัญ เช่น e-store ใช้พื้นที่สองสาม GB สำหรับเก็บรูปภาพ ลองนึกภาพสถานการณ์ที่คุณสามารถลดขนาดการบันทึกภาพลงกว่าครึ่งด้วยคอนทราสต์คุณภาพที่อ่านไม่ออก

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

แฮนด์เชค SSL ขั้นสูง

SSL หรือ Secure Sockets Layer/Transport Layer Security เป็นวิธีการที่เว็บเซิร์ฟเวอร์และลูกค้าเข้ารหัสและป้องกันการเคลื่อนไหวทั้งหมด สิ่งนี้ได้กลายเป็นมาตรฐานสำหรับการแลกเปลี่ยน HTTP ที่ปลอดภัยและการเคลื่อนไหวอื่นๆ บนเว็บ ความไม่สะดวกประการหนึ่งของการเคลื่อนที่แบบสลับกันคือเมื่อมีค่าใช้จ่ายและความเกียจคร้านเมื่อลูกค้าและเซิร์ฟเวอร์ตั้งค่าการเชื่อมโยง

คุณสามารถเร่งการเชื่อมโยงที่ปลอดภัยผ่านการอัปเกรด SSL handshakes โดยใช้ CDN CDN ทำหน้าที่เหนือศีรษะคุณ ในลักษณะนี้จะช่วยลดเวลาที่ใช้ในการสร้างเซสชัน SSL พื้นฐาน และนอกจากนั้นการรักษาการเชื่อมโยงที่ได้รับการป้องกันไว้ สิ่งนี้ยังให้ประโยชน์เพิ่มเติมแก่คุณในการรับประกันการประกาศรีวิว A โดยไม่คำนึงว่าเซิร์ฟเวอร์ของคุณเองหรือ co-op ผู้เชี่ยวชาญใช้เพียงการรับรองรีวิวที่ต่ำกว่า สิ่งที่ทำให้แตกต่างคือโปรแกรมของไคลเอ็นต์ปลายทางของคุณ และดัชนีเว็บอื่นๆ เช่น Google นั้นยังเห็นการรับรองความถูกต้อง SSL เกรดดีที่สุดที่ CDN มอบให้

ขับไล่การแก้ไขเก่าออกจากฐานข้อมูลของคุณ

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

define('AUTOSAVE_INTERVAL', 300); // seconds
define('WP_POST_REVISIONS', 5);
พยายามกด GZip

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

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

บทสรุป

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

โปรดบอกเราว่าคุณทราบวิธีสนับสนุนความเร็วของ WordPress อย่างไร และคำแนะนำใด ๆ ของฉันก็ช่วยคุณได้ การทดสอบที่ร่าเริง