17 เคล็ดลับที่มีประสิทธิภาพเพื่อลดเวลาในการโหลดหน้าบล็อก
เผยแพร่แล้ว: 2020-11-10ลองนึกภาพการเยี่ยมชมไซต์ที่ทุกหน้าใช้เวลาโหลดหลายวินาที
น่าผิดหวังใช่ไหม
ความจริงก็คือบล็อกเกอร์จำนวนมากละเลย ความเร็ว ในการโหลดเว็บไซต์เนื่องจากโหลดองค์ประกอบภาพที่สวยงามตั้งแต่ภาพหมุนไปจนถึงวิดเจ็ตแบบโต้ตอบ
นั่นไม่ใช่วิธีที่จะทำให้ผู้ชมของคุณประทับใจ
สิ่งที่พวกเขาต้องการคือบล็อกที่โหลดเร็วเพิ่มความสามารถในการอ่านสูงสุดและให้ข้อมูลที่ต้องการได้ ทันที
มาคุยกันว่าจะให้สิ่งที่ต้องการได้อย่างไร
สุดยอดคู่มือการเพิ่มประสิทธิภาพความเร็วในการโหลดบล็อก
- 1. เหตุใดความเร็วในการโหลดเพจจึงมีความสำคัญ
- 1.1 รักษาปริมาณการใช้งานมากขึ้น
- 1.2 เพิ่มการแปลง
- 1.3 อันดับเครื่องมือค้นหาที่สูงขึ้น
- 2. วิธีทดสอบความเร็วในการโหลดเว็บไซต์
- 3. วิธีลดเวลาในการโหลดบล็อก
- 3.1 ลบปลั๊กอินที่ไม่ต้องการ
- 3.2 มองหาปลั๊กอินที่ทำได้มากกว่า
- 3.3 อัปเกรดแผนโฮสติ้งของคุณ
- 3.4 เลือกธีมที่ดีกว่า
- 3.5 ปรับภาพของคุณให้เหมาะสม
- 3.6 ปิดการใช้งาน Hotlinking
- 3.7 ลงทุนใน CDN
- 3.8 ลดขนาดรหัสของคุณ
- 3.9 หลีกเลี่ยงการ Render-Blocking Resources
- 3.10 ลดจำนวนโพสต์บนโฮมเพจของคุณ
- 3.11 อย่าท่วมผู้อ่านด้วยโฆษณา
- 3.12 ทำความสะอาดเซิร์ฟเวอร์ของคุณ
- 3.13 เปิดใช้งานการแคชเว็บไซต์
- 3.14 ใช้การบีบอัด GZIP
- 3.15 เพิ่มประสิทธิภาพฐานข้อมูลเว็บไซต์ของคุณ
- 3.16 เพิ่มประสิทธิภาพความคิดเห็นของผู้ใช้
- 3.17 การเพิ่มประสิทธิภาพโฟกัสบนหน้าแรกของคุณ
- 4. บทสรุป
เหตุใดความเร็วในการโหลดเพจจึงมีความสำคัญ
นอกเหนือจากประสบการณ์การใช้งานที่ดีขึ้นแล้วความเร็วในการโหลดที่รวดเร็วยังมีประโยชน์มากมายจากมุมมองทางการตลาด
รักษาอัตราการเข้าชมได้มากขึ้น
สถิติแสดงให้เห็นว่าผู้ใช้ประมาณ 40 เปอร์เซ็นต์จะออกจากไซต์ที่โหลดไม่ได้ภายในสามวินาทีหรือน้อยกว่านั้น ตัวเลขนี้เพิ่มขึ้นเป็น 53 เปอร์เซ็นต์หากเรากำลังพูดถึง ผู้ใช้มือถือ

- บันทึก
และคุณสงสัยว่าเหตุใดบล็อกของคุณจึงมีอัตราตีกลับที่รุนแรงเช่นนี้
หากคุณเพิกเฉยต่อความเร็วในการโหลดของบล็อกโดยพื้นฐานแล้วคุณจะลดโอกาสในการเข้าชมลงประมาณครึ่งหนึ่ง
เพิ่ม Conversion
คุณทราบหรือไม่ว่าเวลาโหลดล่าช้า 1 วินาทีทำให้ Conversion ลดลง 7 เปอร์เซ็นต์
เพื่อให้มองเห็นสิ่งต่าง ๆ นั่นคือการสูญเสีย $ 7 ทุกครั้งที่คุณได้รับ Conversion มูลค่า 100 เหรียญ

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

- บันทึก
หากคุณไม่คุ้นเคยกับคำว่า SEO หรือ Search Engine Optimization ฉันขอแนะนำให้คุณเริ่มเรียนรู้โดยใช้โพสต์นี้
สำหรับตอนนี้ให้ฉันแสดงขั้นตอนต่อไปในการบรรลุประสิทธิภาพ ของบล็อกที่ยอดเยี่ยมนั่น คือ การวัดความเร็วในการโหลดจริงของบล็อกของคุณ
วิธีทดสอบความเร็วในการโหลดเว็บไซต์
คุณอาจคิดว่าเว็บไซต์ของคุณทำงานได้เร็วเพียงพอแล้ว แต่มีเพียงเครื่องมืออย่าง PageSpeed Insights ของ Google เท่านั้นที่สามารถพิสูจน์ได้
พูดง่ายๆก็คือเป็นเครื่องมือเพิ่มประสิทธิภาพที่วิเคราะห์ความเร็วของเว็บไซต์ของคุณตรวจจับปัญหาที่ส่งผลต่อความเร็วและให้รายการคำแนะนำพร้อมกับแหล่งข้อมูลที่เป็นประโยชน์
หากต้องการใช้ PageSpeed Insights ให้ป้อน URL ของบล็อกของคุณแล้วคลิก 'วิเคราะห์'

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

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

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

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

- บันทึก
แต่ในฐานะแบรนด์รุ่นใหม่ที่พยายามสร้างรอยบุ๋มในช่องของคุณการตั้งถิ่นฐานเพื่อ“ ดีพอ ” ไม่ใช่ทางเลือก
คุณควรรับโอกาสที่จะช่วยให้คุณนำหน้าคู่แข่งอยู่เสมอ
การปรับปรุงประสบการณ์ของผู้ใช้บนเว็บไซต์ของคุณด้วยการเพิ่มความเร็วในการโหลดเป็นหนึ่งในโอกาสเหล่านี้
พร้อมที่จะก้าวต่อไปหรือยัง? จากนั้นไปดูกันเลย
วิธีลดเวลาในการโหลดบล็อก
ตอนนี้เราได้กล่าวถึง“ เหตุผล ” ของการเพิ่มประสิทธิภาพความเร็วในการโหลดหน้าเว็บแล้วก็ถึงเวลาพูดคุยเกี่ยวกับ“ วิธีการ ”
หากคุณรู้สิ่งหนึ่งหรือสองอย่างเกี่ยวกับการพัฒนาเว็บการปฏิบัติตามคำแนะนำที่แสดงใน PageSpeed Insights ควรเป็นจุดเริ่มต้นของแคมเปญเพิ่มประสิทธิภาพของคุณ คุณควรจะพบได้ที่ด้านล่างส่วน“ ข้อมูลห้องปฏิบัติการ ”

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

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

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

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

- บันทึก
หากคุณพบปัญหาในการโหลดนานขึ้นข้อขัดข้องหรือปัญหาอื่น ๆ บนแดชบอร์ด WordPress ของคุณให้ปิดใช้งานปลั๊กอินล่าสุดที่คุณติดตั้ง หากปัญหายังคงมีอยู่แสดงว่าอาจเกิดจากปลั๊กอินอื่น
นั่นคือเวลาที่คุณสามารถปิดใช้งานปลั๊กอินทั้งหมดและเปิดใช้งานทีละรายการจนกว่าคุณจะพบผู้กระทำผิด เมื่อเสร็จแล้วให้ลองมองหาปลั๊กอินอื่นหรืออัปเดตเป็นเวอร์ชันล่าสุด
2. มองหาปลั๊กอินที่ทำได้มากขึ้น
ในขณะที่เรากำลังใช้ปลั๊กอินมาดูคำสั้น ๆ เกี่ยวกับตัวเลือกปลั๊กอินของคุณ
ใน WordPress ยิ่งมีปลั๊กอินน้อยเท่าไหร่ก็ยิ่งดีเท่านั้น
ให้มากที่สุดเท่าที่จะเป็นไปได้ให้มองหาปลั๊กอินที่สามารถสวมหมวกได้หลายแบบแทนที่จะติดตั้งอันใหม่สำหรับทุกฟีเจอร์ที่คุณต้องการใช้งาน
ตัวอย่างเช่นแทนที่จะใช้ปลั๊กอินแยกต่างหากสำหรับแบบฟอร์มการติดต่อการให้คะแนนดาวบทวิจารณ์และการออกแบบหน้า Landing Page เพียงใช้ปลั๊กอินเช่น Elementor Page Builder ที่รวมคุณลักษณะเหล่านี้ทั้งหมดไว้ในที่เดียว

- บันทึก
หลังจากกำจัดปลั๊กอินส่วนเกินออกจาก CMS ของคุณแล้วเรามาดูปัจจัยอื่นที่อาจทำให้เว็บไซต์ของคุณทำงานช้าลง
3. อัปเกรดแผนโฮสติ้งของคุณ
สำหรับบล็อกเกอร์มือใหม่แผนการโฮสต์หนึ่งดอลลาร์สำหรับเว็บไซต์ของคุณนั้นยากที่จะต้านทานได้
แต่เมื่อคุณเริ่มสร้างผู้เยี่ยมชมหลายร้อยคนต่อเดือนคุณจะเข้าใจว่าเหตุใด บริษัท โฮสติ้งจึงเสนอแผนในราคานี้
การชะลอตัวบ่อยครั้งการหยุดทำงานการสนับสนุนลูกค้าที่ไม่ดีนี่คือข้อเสียบางประการของการเลือกโซลูชันเว็บโฮสติ้งราคาถูก ส่วนใหญ่เป็นเพราะบริการโฮสติ้งหนึ่งดอลลาร์มักใช้ฮาร์ดแวร์เซิร์ฟเวอร์พื้นฐานที่ด้อยประสิทธิภาพ
'หากคุณจริงจังกับการเขียนบล็อกเว็บไซต์ของคุณควรได้รับสิ่งที่ดีกว่าแผนการโฮสต์ที่ถูกที่สุด' - อนุกิจสิงห์ลา
ทำวิจัยของคุณและมองหา บริษัท เว็บโฮสติ้งที่ได้รับการสนับสนุนจากบทวิจารณ์เชิงบวกมากมายเช่น:
- BlueHost
- HostGator
- SiteGround
- WPXHosting
หากมีข้อสงสัยคุณสามารถใช้เครื่องมือเช่น Pickuphost เพื่อทดสอบความเร็วของโฮสต์ที่คุณกำลังพิจารณา สิ่งที่คุณต้องทำคือเลือกผู้ให้บริการโฮสติ้งของคุณจากเมนูแบบเลื่อนลงเลือกตำแหน่งเซิร์ฟเวอร์และคลิก 'เริ่มการทดสอบ'
ตามหลักการแล้วคุณควรเลือกที่ตั้งเซิร์ฟเวอร์ใกล้กับกลุ่มเป้าหมายของคุณ

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

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

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

- บันทึก
Kraken.io มาพร้อมกับเครื่องมือบีบอัดแบบไม่สูญเสียระบบคลาวด์ฟรีที่สามารถปรับแต่งรูปภาพจำนวนมากได้ เพียงลากและวางภาพของคุณลงในเครื่องมือหรืออัปโหลดโฟลเดอร์ซิปเพื่อเริ่มกระบวนการบีบอัด
อย่าลืมตั้งค่าโหมดการบีบอัดเป็น“ Lossless ” เพื่อให้ภาพสุดท้ายดูไม่พร่ามัว

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

- บันทึก
WP Smush ยังให้คุณมีตัวเลือกในการบีบอัดภาพโดยอัตโนมัติทันทีที่อัปโหลด หากต้องการเปิดใช้งานคุณลักษณะนี้ให้เปิด "Smush อัตโนมัติ" ในส่วน "การตั้งค่า" ของอินเทอร์เฟซปลั๊กอิน

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

- บันทึก
6. ปิดการใช้งาน Hot Linking
แม้ว่าจะมีการบีบอัดแบบไม่สูญเสียข้อมูล แต่รูปภาพของคุณก็ยังสามารถเพิ่มทรัพยากรเซิร์ฟเวอร์ของคุณและทำให้ไซต์ของคุณช้าลงเนื่องจากการเชื่อมต่อแบบ Hotlink
นี่เป็นแนวทางปฏิบัติทั่วไปที่ไซต์อื่นเชื่อมโยงไปยังรูปภาพหรือไฟล์ของคุณโดยตรงโดยอนุญาตให้แสดงทรัพยากรเหล่านี้ในหน้าของตนเอง
แน่นอนว่าการแชร์เนื้อหาของคุณบนเว็บไซต์อื่นจะดีมากเมื่อทำอย่างถูกวิธี แต่ด้วยการเชื่อมต่อแบบฮอตลิงค์ท้ายที่สุดไซต์เหล่านี้จะใช้แบนด์วิดท์ที่คุณจ่ายไปโดยดึงเนื้อหาจากไซต์ของคุณ
นั่นเป็นเหตุผลที่ hotlinking มักเรียกว่าการ ขโมยแบนด์วิดท์
คุณสามารถหยุดการเชื่อมต่อแบบ hotlink ได้เพียงครั้งเดียวโดยการเพิ่มรหัสต่อไปนี้ในไฟล์“ .htaccess” ของคุณ:
gzip บน;
gzip_disable“ msie6”;
gzip_vary บน;
gzip_proxied ใด ๆ ;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
แอปพลิเคชัน gzip_types / แอปพลิเคชัน javascript / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / x-javascript application / xhtml + xml application / แบบอักษร xml / แบบอักษร opentype / แบบอักษร otf / ภาพ ttf / svg + ภาพ xml / ข้อความ x-icon / ข้อความ css / ข้อความ javascript / ข้อความธรรมดา / xml;
สำหรับผู้ที่ไม่รู้ว่าจะหาไฟล์. htaccess ของเว็บไซต์ได้จากที่ใดสามารถพบได้ในแผงควบคุมของบัญชีโฮสติ้งของคุณ
สิ่งที่คุณต้องทำคือมองหา " ตัวจัดการไฟล์ " ของบริการโฮสติ้งของคุณและไปที่โฟลเดอร์รากของเว็บไซต์ของคุณ ไฟล์. htaccess ของคุณควรอยู่ตรงนั้นพร้อมกับไอคอนที่เป็นรูปแผ่นจดบันทึก:

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

- บันทึก
เช่นเดียวกับโฮสต์เว็บคุณต้องระมัดระวังในการเลือก CDN สำหรับบล็อกของคุณ
ไม่ต้องกังวลฉันสร้างรายการบริการ CDN ที่ดีที่สุดสำหรับบล็อก WordPress ที่คุณสามารถใช้ได้
ฉันสามารถรับรอง MaxCDN เป็นการส่วนตัวซึ่งเป็นหนึ่งใน CDN ที่ดีที่สุดในแง่ของต้นทุนและคุณสมบัติ
8. ลดรหัสของคุณ
รูปภาพของคุณไม่ใช่สิ่งเดียวที่สามารถเพิ่มความต้องการแบนด์วิดท์ของเว็บไซต์ของคุณ
รหัสเช่น HTML, CSS และ JavaScript สามารถมีส่วนช่วยในการกำหนดขนาดหน้าเว็บของคุณ
การแก้ไข? ย่อขนาด โดยลบอักขระที่ไม่จำเป็นภายในโค้ดเช่นช่องว่างสีขาวบรรทัดพิเศษและความคิดเห็น
อักขระเหล่านี้ไม่ส่งผลต่อการทำงานของโค้ด แต่อย่างใด แต่จะเพิ่มขนาดไฟล์ ในทางกลับกันเบราว์เซอร์จะใช้เวลาดาวน์โหลดและเรียกใช้โค้ดนานขึ้นเมื่อโหลดหน้าเว็บของคุณ

- บันทึก
เดี๋ยวก่อนนั่นหมายความว่าคุณต้องอ่านแต่ละโค้ดบนไซต์ของคุณเพื่อลบอักขระที่ไม่จำเป็นออกทีละตัวหรือไม่?
ใจเย็น ๆ.
เช่นเดียวกับการบีบอัดภาพมีเครื่องมือที่คุณสามารถใช้เพื่อทำให้กระบวนการนี้เป็นไปโดยอัตโนมัติ
ตัวอย่างเช่น Minify Code เป็นเครื่องมือฟรีที่สามารถตัดแต่งโค้ดของคุณได้ภายในไม่กี่วินาที ใช้งานได้กับไฟล์ JavaScript, CSS และ HTML ใด ๆ ที่คุณอาจมีในเว็บไซต์ของคุณ

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

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

- HTML ย่อขนาดการตั้งค่า
- JS ย่อขนาดการตั้งค่า
- CSS ย่อขนาดการตั้งค่า

- บันทึก
อ่าน W3 Total Cache Tutorial สำหรับการตั้งค่าที่เหมาะสมทั้งหมด
9. หลีกเลี่ยงการบล็อกการแสดงผลทรัพยากร
เนื่องจากเราอยู่ในหัวข้อของรหัสเรามาเจาะลึกข้อมูลขั้นสูงเพิ่มเติม
หากคุณใช้ PageSpeed Insights และได้รับคำสั่งให้“ กำจัดทรัพยากรที่บล็อกการแสดงผล” คุณอาจต้องทำให้มือของคุณสกปรกด้วยการเขียนโค้ดเพื่อเพิ่มประสิทธิภาพการทำงานของบล็อกของคุณ

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

- บันทึก
ในการจัดการกับทรัพยากรที่บล็อกการแสดงผลขั้นตอนที่ง่ายที่สุดคือย้าย JavaScript ไปที่ด้านล่างของ HTML ของเว็บไซต์ของคุณก่อนแท็กปิด“ </body>”
นอกจากนี้คุณยังอาจจะใช้แอตทริบิวต์“เลื่อน” ที่จะมีการโหลดสคริปต์เฉพาะหลังจาก HTML ได้รับแปล้ สามารถทำได้โดยใส่ defer =” defer” ภายในแท็ก“ <script>”

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

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

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

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

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

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

- บันทึก
ถ้าฉันเป็นคุณฉันแค่จัดลำดับความสำคัญของลิงก์พันธมิตรเป็นกลยุทธ์การสร้างรายได้หลักของฉัน ลิงก์เหล่านี้เป็นลิงก์ตามบริบทที่ชี้ไปยังผลิตภัณฑ์หรือบริการที่มีประโยชน์ต่อผู้ใช้
คุณสร้างรายได้ด้วยการตลาดแบบพันธมิตรได้อย่างไร?
คำถามที่ดี.
คุณสามารถดูคู่มือการตลาดพันธมิตรของฉันหากคุณสนใจ
12. ทำความสะอาดเซิร์ฟเวอร์ของคุณ
ณ จุดนี้คุณควรเข้าใจความสัมพันธ์ระหว่างความเร็วในการโหลดและจำนวนความยุ่งเหยิงบนเว็บไซต์ของคุณแล้ว
มันง่ายมาก: ถ้าคุณทำให้บล็อกของคุณเรียบง่ายและเบราว์เซอร์จะใช้เวลาไม่มากในการโหลดและนำเสนอทุกอย่างให้กับผู้ใช้
ระมัดระวังเสมอเมื่อเพิ่มองค์ประกอบอื่น ๆ ในเว็บไซต์ของคุณไม่ว่าจะเป็นเนื้อหาภาพสคริปต์หรือโฆษณา ในขณะเดียวกันตรวจสอบให้แน่ใจว่าบัญชีโฮสติ้งของคุณยังมี พื้นที่ดิสก์ เพียงพอเพื่อให้เว็บไซต์ของคุณทำงานได้อย่างราบรื่น
บัญชีโฮสติ้งของคุณควรมีเครื่องมือในตัวที่ช่วยให้คุณติดตามการใช้งานดิสก์โดยรวมของคุณ เพื่อให้คุณทราบว่านี่คือภาพหน้าจอของเครื่องมือ การใช้พื้นที่ดิสก์ ของ SiteGround:

- บันทึก
หากบัญชีโฮสติ้งของคุณมีพื้นที่เหลือน้อยคุณสามารถทำได้ดังนี้
- ย้ายข้อมูลสำรองไปที่ Local Drive
เว็บไซต์ที่เก่ากว่ามักจะมีการสำรองข้อมูลขนาดกิกะไบต์เก็บไว้ในเซิร์ฟเวอร์โฮสติ้ง การดาวน์โหลดลงในไดรฟ์ภายในเครื่องและการลบออกจากเซิร์ฟเวอร์ของคุณเป็นวิธีที่ดีในการเพิ่มพื้นที่ว่าง - ลบบัญชีที่ไม่ใช้งาน
หากคุณมีบัญชีที่ไม่ได้ใช้งานอยู่ในแผนบริการโฮสติ้งของคุณให้ลบออกเสียก่อนเพื่อประหยัดเนื้อที่ดิสก์ได้มาก เนื่องจากนี่เป็นกระบวนการที่ไม่สามารถย้อนกลับได้ให้พิจารณาสร้างการสำรองข้อมูลภายในของบัญชีก่อนที่จะลบ - ลบไฟล์. TMP
แพลตฟอร์มเว็บไซต์หรือ CMS ของคุณอาจสร้างไฟล์ชั่วคราวจากงานต่างๆเช่นการอัปเดตปลั๊กอินและการติดตามข้อมูลเซสชัน ควรจะปลอดภัยในการลบ แต่การสร้างการสำรองข้อมูลออฟไลน์ของโฟลเดอร์ "tmp" ของคุณเพื่อความปลอดภัยก็ไม่ได้รับผลกระทบเช่นกัน
หากมีข้อสงสัยโปรดติดต่อฝ่ายสนับสนุนลูกค้าของผู้ให้บริการโฮสติ้งของคุณเกี่ยวกับวิธีการประหยัดเนื้อที่ดิสก์
13. เปิดใช้งานการแคชเว็บไซต์
การบีบอัดรูปภาพการย่อโค้ดการย่อขนาดโฆษณาการล้างบัญชีโฮสติ้งของคุณ - ความเร็วในการโหลดเว็บไซต์ของคุณควรเร็วที่สุดเท่าที่เคยมีมาด้วยกลยุทธ์เหล่านี้
แต่อย่าเพิ่งผ่อนคลาย เรายังมีกลยุทธ์อีกสองสามอย่างที่จะพูดคุยซึ่งจะช่วยเพิ่มความเร็วในการโหลดเว็บไซต์ของคุณให้ดียิ่งขึ้นไปอีก
ด้วยการแคชเว็บไซต์บล็อกของคุณสามารถโหลดได้เกือบจะในทันทีสำหรับผู้เยี่ยมชมที่กลับมา
การแคชเว็บไซต์ทำงานโดยการเปิดใช้งานการจัดเก็บข้อมูลชั่วคราวรวมถึงสคริปต์รูปภาพไฟล์สื่อและเนื้อหาที่ดาวน์โหลดได้ในรูปแบบอื่น ๆ ดังนั้นจึงช่วยลดจำนวนคำขอ HTTP ที่เบราว์เซอร์ต้องทำ
ในการใช้การแคชเว็บไซต์วิธีการแบบยาวคือการแทรกโค้ดต่อไปนี้ที่ด้านบนของไฟล์. htaccess ของเว็บไซต์ของคุณ:
## หมดอายุการแคช ##
<IfModule mod_expires.c>
หมดอายุ
ExpiresByType image / jpg“ access 1 year”
ExpiresByType image / jpeg“ access 1 year”
ExpiresByType รูปภาพ / gif“ เข้าถึง 1 ปี”
ExpiresByType image / png“ access 1 year”
ExpiresByType text / css“ access 1 month”
ExpiresByType text / html“ เข้าถึง 1 เดือน”
แอปพลิเคชัน ExpiresByType / pdf“ เข้าถึง 1 เดือน”
ExpiresByType text / x-javascript“ access 1 month”
แอปพลิเคชัน ExpiresByType / x-shockwave-flash“ เข้าถึง 1 เดือน”
ExpiresByType image / x-icon“ access 1 year”
ExpiresDefault“ เข้าถึง 1 เดือน”
</IfModule>
## หมดอายุการแคช ##
หากต้องการคุณสามารถกำหนดระยะเวลาที่แตกต่างกันก่อนที่แคชบางรายการจะหมดอายุ ตัวอย่างเช่นหากคุณต้องการลดเวลาหมดอายุของแคชรูปภาพ PNG เหลือ 1 เดือนเพียงแค่แก้ไขบรรทัด "ExpiresByType image / png" เป็น:
ExpiresByType image / png“ เข้าถึง 1 เดือน ”
อีกครั้งผู้ใช้ WordPress สามารถใช้เครื่องมือเพื่อทำให้กลยุทธ์การเพิ่มประสิทธิภาพนี้เป็นเรื่องง่าย ในความเป็นจริงเราได้ผ่านปลั๊กอินที่คุณต้องการแล้วนั่นคือ W3 Total Cache
กลับไปที่เมนูย่อย 'Performance' จากแดชบอร์ด WordPress ของคุณตรงไปที่ 'Page Cache' เลือก ช่องทำเครื่องหมาย 'Cache posts page'

- บันทึก
14. ใช้การบีบอัด GZIP
ก่อนที่คุณจะปิด W3 Total Cache และดำเนินการตามกลยุทธ์สุดท้ายที่เหลือในคู่มือนี้มีอีกสิ่งหนึ่งที่คุณควรทำ
จากเมนูย่อย "Performance" ให้ไปที่ "Browser Cache" และเลือกตัวเลือก "Enable HTTP (gzip) compression"

- บันทึก
การบีบอัด GZIP ช่วยเพิ่มความเร็วในการดาวน์โหลดไฟล์แบบข้อความโดยการลดขนาด - ไม่แตกต่างจากกระบวนการบีบอัดไฟล์ในเครื่องของคุณลงในโฟลเดอร์ซิป สาเหตุหลักที่การบีบอัด GZIP ถูกนำมาใช้อย่างกว้างขวางสำหรับการเพิ่มประสิทธิภาพความเร็วเว็บไซต์คือ HTTP ตั้งแต่เวอร์ชัน 1.1 เป็นต้นไป
หากคุณไม่ได้ใช้ WordPress หรือแพลตฟอร์มอื่น ๆ ที่มีส่วนเสริมที่เกี่ยวข้องกับ GZIP คุณจะต้องเปิดใช้งานโดยใช้วิธีดั้งเดิม: แก้ไขไฟล์ . htaccess ของเว็บไซต์ของ คุณ
เนื่องจากคุณรู้แล้วว่าจะหาไฟล์. htaccess ได้จากที่ใดสิ่งที่เหลือก็คือรหัสที่เปิดใช้งานการบีบอัด GZIP บนเว็บไซต์ของคุณ
ไป - คัดลอกและวาง
เซิร์ฟเวอร์ Apache
<IfModule mod_deflate.c>
# บีบอัด HTML, CSS, JavaScript, ข้อความ, XML และแบบอักษร
โปรแกรม AddOutputFilterByType DEFLATE / javascript
แอปพลิเคชัน AddOutputFilterByType DEFLATE / rss + xml
แอปพลิเคชัน AddOutputFilterByType DEFLATE / vnd.ms-fontobject
โปรแกรม AddOutputFilterByType DEFLATE / x-font
แอปพลิเคชัน AddOutputFilterByType DEFLATE / x-font-opentype
แอปพลิเคชัน AddOutputFilterByType DEFLATE / x-font-otf
แอปพลิเคชัน AddOutputFilterByType DEFLATE / x-font-truetype
แอปพลิเคชัน AddOutputFilterByType DEFLATE / x-font-ttf
แอปพลิเคชัน AddOutputFilterByType DEFLATE / x-javascript
แอปพลิเคชัน AddOutputFilterByType DEFLATE / xhtml + xml
แอปพลิเคชัน AddOutputFilterByType DEFLATE / xml
แบบอักษร AddOutputFilterByType DEFLATE / opentype
แบบอักษร AddOutputFilterByType DEFLATE / otf
แบบอักษร AddOutputFilterByType DEFLATE / ttf
AddOutputFilterByType DEFLATE รูปภาพ / svg + xml
AddOutputFilterByType DEFLATE รูปภาพ / x-icon
AddOutputFilterByType DEFLATE ข้อความ / css
AddOutputFilterByType DEFLATE ข้อความ / html
AddOutputFilterByType DEFLATE text / javascript
AddOutputFilterByType DEFLATE ข้อความ / ธรรมดา
AddOutputFilterByType DEFLATE ข้อความ / xml
# ลบข้อบกพร่องของเบราว์เซอร์ (จำเป็นสำหรับเบราว์เซอร์รุ่นเก่าเท่านั้น)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip
BrowserMatch \ bMSIE! no-gzip! gzip-only-text / html
ส่วนหัวต่อท้าย Vary User-Agent
</IfModule>
เซิร์ฟเวอร์ NGINX
gzip บน;
gzip_disable“ msie6”;
gzip_vary บน;
gzip_proxied ใด ๆ ;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
แอปพลิเคชัน gzip_types / แอปพลิเคชัน javascript / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / x-javascript application / xhtml + xml application / แบบอักษร xml / แบบอักษร opentype / แบบอักษร otf / ภาพ ttf / svg + ภาพ xml / ข้อความ x-icon / ข้อความ css / ข้อความ javascript / ข้อความธรรมดา / xml;
โปรดทราบว่าสำหรับผู้ใช้ NGINX คุณต้องวางโค้ดลงในไฟล์ ".conf" เพื่อใช้งาน GZIP
การทดสอบการบีบอัด GZIP
หากคุณเปิดใช้งานการบีบอัด GZIP ด้วยตนเองให้ใช้เครื่องมือเช่น GZIP Compression Test โดย GiftOfSpeed เพื่อตรวจสอบการใช้งานที่ประสบความสำเร็จ
เช่นเดียวกับ PageSpeed Insights ขั้นตอนเดียวในการใช้การทดสอบการบีบอัด GZIP คือป้อน URL ของเว็บไซต์ของคุณและคลิกปุ่ม 'ตรวจสอบ'

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

- บันทึก
15. เพิ่มประสิทธิภาพฐานข้อมูลเว็บไซต์ของคุณ
การแก้ไขทรัพยากรที่บล็อกการแสดงผลและการเปิดใช้งานการบีบอัด GZIP เป็นหนึ่งในกลยุทธ์ขั้นสูงที่สุดในโพสต์นี้ แต่เรายังไม่เสร็จสิ้น
ขั้นตอนต่อไปคือการเพิ่มประสิทธิภาพ ตารางฐานข้อมูล MySQL ของคุณเพื่อช่วยให้เซิร์ฟเวอร์ของคุณดึงข้อมูลที่ผู้ใช้ของคุณต้องการได้เร็วขึ้น
ตารางฐานข้อมูล MySQL คืออะไร?
พูดง่ายๆคือฐานข้อมูล MySQL ของคุณมีแทบทุกอย่างที่จะพบในเว็บไซต์ของคุณรวมถึงโพสต์ความคิดเห็นวันที่และเนื้อหาอื่น ๆ แพลตฟอร์มการเผยแพร่บล็อกและ CMS เช่น WordPress จากนั้นสร้างตารางในฐานข้อมูลของคุณโดยอัตโนมัติเมื่อคุณเพิ่มข้อมูลเพิ่มเติมในไซต์ของคุณ
นี่คือลักษณะของฐานข้อมูล MySQL:

- บันทึก
อย่างไรก็ตามฐานข้อมูลของคุณจะสะสมขยะทุกประเภทเมื่อเวลาผ่านไปรวมถึง Pingbacks ความคิดเห็นที่เป็นสแปมและการแก้ไขโพสต์ - มีขนาดใหญ่ขึ้นเรื่อย ๆ และส่งผลต่อประสิทธิภาพของเว็บไซต์
ในการกำจัดความยุ่งเหยิงฐานข้อมูล MySQL ของคุณทางเลือกหนึ่งคือการใช้เครื่องมือเพิ่มประสิทธิภาพตารางรวมบนแผงควบคุมของบัญชีโฮสติ้งของคุณ
ตัวอย่างเช่น SiteGround มีคำสั่ง 'Optimize tables' จากเมนูแบบเลื่อนลง 'With Selected:'

- บันทึก
ตัวเลือกเหล่านี้สามารถพบได้ในเครื่องมือ“ phpMyAdmin” ซึ่งควรอยู่ในส่วน“ ฐานข้อมูล” ของแผงควบคุมของคุณ

- บันทึก
ตามหลักการทั่วไปให้สร้างการสำรองฐานข้อมูลของคุณเสมอก่อนที่คุณจะดำเนินการเพิ่มประสิทธิภาพ ดาวน์โหลดลงในไดรฟ์ในเครื่องเพื่อประหยัดเนื้อที่ดิสก์ของบัญชีโฮสติ้งของคุณ
กังวลว่าคุณอาจทำบางอย่างในเซิร์ฟเวอร์ของคุณเสียหายหรือไม่?
ด้วยปลั๊กอิน WordPress เช่น WP-Sweep คุณสามารถเพิ่มประสิทธิภาพตารางฐานข้อมูลของคุณจากภายในอินเทอร์เฟซ CMS หลังจากติดตั้งและเปิดใช้งานปลั๊กอินแล้วให้ไปที่ 'Tools' และคลิก 'Sweep' เพื่อดูตารางฐานข้อมูลที่พบในไซต์ของคุณ

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

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

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

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

- บันทึก
ลองลดจำนวนความคิดเห็นที่มองเห็นได้ต่อหน้าจากค่าเริ่มต้นที่ 50 เหลือประมาณ 10 ซึ่งจะช่วยปรับปรุงเวลาในการโหลดความคิดเห็นได้มากและในทางกลับกันเนื้อหาบล็อก
17. การเพิ่มประสิทธิภาพโฟกัสบนหน้ายอดนิยมของคุณ
ก่อนที่เราจะจบโพสต์นี้นี่คือคำแนะนำชิ้นสุดท้าย:
เริ่มปรับแต่งประสิทธิภาพของเพจยอดนิยมของ คุณ
คุณไม่ควรจัดลำดับความสำคัญของโพสต์ที่แทบจะไม่ได้รับการเข้าชมเลย ในทางกลับกันการทำให้หน้าอันดับต้น ๆ ของคุณมีความสำคัญหมายถึงความพยายามของคุณจะเป็นประโยชน์ต่อผู้ใช้ส่วนใหญ่
Google Analytics เป็นอีกหนึ่งเครื่องมือฟรีที่จะช่วยคุณระบุหน้าเว็บยอดนิยมของคุณ เพียงขยายเมนูย่อย "พฤติกรรม" แล้วคลิก "ภาพรวม"
เพจ 10 อันดับแรกของคุณควรปรากฏอยู่ใต้ส่วน "เพจ"

- บันทึก
ง่ายใช่มั้ย?
คุณยังสามารถใช้ Google Analytics เพื่อทำการวิจัยคำหลักเชิงลึกซึ่งเป็นหัวข้อที่ฉันพูดถึงในโพสต์ของฉันเกี่ยวกับวิธีค้นหาคำหลักที่มีประสิทธิภาพสูงสุดของคุณด้วย Google Analytics
สรุป
ในฐานะบล็อกเกอร์คุณควรเตรียมพร้อมที่จะทำทุกอย่างเพื่อประสบการณ์ของผู้ใช้
ความเร็วในการโหลดเว็บไซต์ของคุณอาจดูเหมือนเป็นปัจจัยเพียงผิวเผิน แต่สามารถสร้างหรือทำลายความสำเร็จของบล็อกของคุณได้ด้วยตัวคนเดียวไม่ใช่แค่ในมุมมองของ UX แต่ยังรวมถึง SEO ด้วย
ตอนนี้ฉันรู้ว่าคุณจะไม่สามารถใช้กลยุทธ์ทั้งหมดข้างต้นได้ในวันเดียว ที่กล่าวว่าอย่าลืมบุ๊กมาร์กหน้านี้และเข้าร่วมกลุ่ม Facebook สาธารณะของเราเพื่อรับคำแนะนำเพิ่มเติมเกี่ยวกับบล็อกนักฆ่า!

- บันทึก