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 เปอร์เซ็นต์หากเรากำลังพูดถึง ผู้ใช้มือถือ

อัตราการละทิ้งของผู้ใช้ใน 3 วินาที
  • บันทึก

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

หากคุณเพิกเฉยต่อความเร็วในการโหลดของบล็อกโดยพื้นฐานแล้วคุณจะลดโอกาสในการเข้าชมลงประมาณครึ่งหนึ่ง

เพิ่ม Conversion

คุณทราบหรือไม่ว่าเวลาโหลดล่าช้า 1 วินาทีทำให้ Conversion ลดลง 7 เปอร์เซ็นต์

เพื่อให้มองเห็นสิ่งต่าง ๆ นั่นคือการสูญเสีย $ 7 ทุกครั้งที่คุณได้รับ Conversion มูลค่า 100 เหรียญ

ผลของการหน่วงเวลา 1 วินาที
  • บันทึก

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

เมื่อผู้อ่านไปยังบล็อกอื่นที่มีประสบการณ์การใช้งานที่ดีขึ้นพวกเขาอาจไม่มองย้อนกลับไป

อันดับเครื่องมือค้นหาที่สูงขึ้น

ในกรณีที่คุณไม่ทราบเครื่องมือค้นหาเช่น Google มีความเฉพาะเจาะจงมากในเรื่องประสบการณ์ของผู้ใช้

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

ความเร็วและ seo
  • บันทึก

หากคุณไม่คุ้นเคยกับคำว่า SEO หรือ Search Engine Optimization ฉันขอแนะนำให้คุณเริ่มเรียนรู้โดยใช้โพสต์นี้

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


วิธีทดสอบความเร็วในการโหลดเว็บไซต์

คุณอาจคิดว่าเว็บไซต์ของคุณทำงานได้เร็วเพียงพอแล้ว แต่มีเพียงเครื่องมืออย่าง PageSpeed ​​Insights ของ Google เท่านั้นที่สามารถพิสูจน์ได้

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

หากต้องการใช้ PageSpeed ​​Insights ให้ป้อน URL ของบล็อกของคุณแล้วคลิก 'วิเคราะห์'

ข้อมูลเชิงลึกของเพจสปีด
  • บันทึก

เพียงแค่ให้ PageSpeed ​​Insights สักสองสามวินาทีเพื่อใช้เวทมนตร์

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

ผลลัพธ์ข้อมูลเชิงลึกของ pagepeed
  • บันทึก

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

ข้อมูลเชิงลึกของเพจสปีดสำหรับมือถือ
  • บันทึก

พบคะแนนความเร็วของคุณหรือยัง

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

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

ให้ฉันแสดงสิ่งที่ฉันกำลังพูดถึง

ระดับคะแนนความเร็ว
  • บันทึก

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

คะแนนความเร็วของ Facebook
  • บันทึก

แต่ในฐานะแบรนด์รุ่นใหม่ที่พยายามสร้างรอยบุ๋มในช่องของคุณการตั้งถิ่นฐานเพื่อ“ ดีพอ ” ไม่ใช่ทางเลือก

คุณควรรับโอกาสที่จะช่วยให้คุณนำหน้าคู่แข่งอยู่เสมอ

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

พร้อมที่จะก้าวต่อไปหรือยัง? จากนั้นไปดูกันเลย


วิธีลดเวลาในการโหลดบล็อก

ตอนนี้เราได้กล่าวถึง“ เหตุผล ” ของการเพิ่มประสิทธิภาพความเร็วในการโหลดหน้าเว็บแล้วก็ถึงเวลาพูดคุยเกี่ยวกับ“ วิธีการ

หากคุณรู้สิ่งหนึ่งหรือสองอย่างเกี่ยวกับการพัฒนาเว็บการปฏิบัติตามคำแนะนำที่แสดงใน PageSpeed ​​Insights ควรเป็นจุดเริ่มต้นของแคมเปญเพิ่มประสิทธิภาพของคุณ คุณควรจะพบได้ที่ด้านล่างส่วน“ ข้อมูลห้องปฏิบัติการ

โอกาสข้อมูลเชิงลึกของเพจสปีด
  • บันทึก

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

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


1. ลบปลั๊กอินที่ไม่ต้องการ

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

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

ค้นหาปลั๊กอิน wordpress
  • บันทึก

พูดคุยเกี่ยวกับความสะดวก

อย่างไรก็ตามการใช้ปลั๊กอินอาจเป็นดาบสองคม

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

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

หากคุณไม่เคยให้ความสนใจกับไลบรารีปลั๊กอินของคุณมากนักคุณอาจติดตั้งปลั๊กอินซ้ำซ้อนที่มีคุณสมบัติหลักที่คล้ายกัน

คุณคิดว่า WordPress จะเตือนคุณหากคุณกำลังจะติดตั้งปลั๊กอินประเภทเดียวกันหลายตัว

น่าเสียดายที่ไม่เป็นเช่นนั้น

ลองดูผู้สร้างแบบฟอร์มจำนวนมากที่ฉันสามารถอัดไว้ในแผงควบคุม WordPress ของฉัน:

ผู้สร้างหลายเพจ
  • บันทึก

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

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

ลบปลั๊กอิน
  • บันทึก

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

คุณสามารถหลีกเลี่ยงปัญหานี้ได้โดยการติดตั้งปลั๊กอินทีละรายการในขณะที่หลีกเลี่ยงปลั๊กอินที่ " ยังไม่ทดสอบ "

ปลั๊กอินที่ยังไม่ทดลอง
  • บันทึก

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

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

2. มองหาปลั๊กอินที่ทำได้มากขึ้น

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

ใน WordPress ยิ่งมีปลั๊กอินน้อยเท่าไหร่ก็ยิ่งดีเท่านั้น

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

ตัวอย่างเช่นแทนที่จะใช้ปลั๊กอินแยกต่างหากสำหรับแบบฟอร์มการติดต่อการให้คะแนนดาวบทวิจารณ์และการออกแบบหน้า Landing Page เพียงใช้ปลั๊กอินเช่น Elementor Page Builder ที่รวมคุณลักษณะเหล่านี้ทั้งหมดไว้ในที่เดียว

ตัวสร้างเพจ Elementor
  • บันทึก

หลังจากกำจัดปลั๊กอินส่วนเกินออกจาก 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" เพื่อเริ่มต้น

Smush จำนวนมาก
  • บันทึก

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

smush อัตโนมัติ
  • บันทึก

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

บล็อกภาพ 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 ของคุณควรอยู่ตรงนั้นพร้อมกับไอคอนที่เป็นรูปแผ่นจดบันทึก:

.htaccess
  • บันทึก

7. ลงทุนใน CDN

หากต้องการบีบอัดภาพและการป้องกันการเชื่อมต่อด้วยฮอต

ดี.

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

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

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

เครือข่ายการจัดส่งเนื้อหา
  • บันทึก

เช่นเดียวกับโฮสต์เว็บคุณต้องระมัดระวังในการเลือก CDN สำหรับบล็อกของคุณ

ไม่ต้องกังวลฉันสร้างรายการบริการ CDN ที่ดีที่สุดสำหรับบล็อก WordPress ที่คุณสามารถใช้ได้

ฉันสามารถรับรอง MaxCDN เป็นการส่วนตัวซึ่งเป็นหนึ่งใน CDN ที่ดีที่สุดในแง่ของต้นทุนและคุณสมบัติ

8. ลดรหัสของคุณ

รูปภาพของคุณไม่ใช่สิ่งเดียวที่สามารถเพิ่มความต้องการแบนด์วิดท์ของเว็บไซต์ของคุณ

รหัสเช่น HTML, CSS และ JavaScript สามารถมีส่วนช่วยในการกำหนดขนาดหน้าเว็บของคุณ

การแก้ไข? ย่อขนาด โดยลบอักขระที่ไม่จำเป็นภายในโค้ดเช่นช่องว่างสีขาวบรรทัดพิเศษและความคิดเห็น

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

พื้นที่สีขาวที่ไม่จำเป็น
  • บันทึก

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

ใจเย็น ๆ.

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

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

minifycode
  • บันทึก

หากคุณใช้ WordPress อีกทางเลือกหนึ่งคือการใช้ปลั๊กอินเช่น W3 Total Cache ซึ่งสามารถลดขนาดเนื้อหาโค้ดของคุณได้ในคราวเดียว

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

แดชบอร์ด minifycode
  • บันทึก

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

  • 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

จากหน้าแดชบอร์ดหลักคลิก "การตั้งค่า" และไปที่ส่วน "การอ่าน"

การตั้งค่าการอ่าน 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 ช่วยเพิ่มความเร็วในการดาวน์โหลดไฟล์แบบข้อความโดยการลดขนาด - ไม่แตกต่างจากกระบวนการบีบอัดไฟล์ในเครื่องของคุณลงในโฟลเดอร์ซิป สาเหตุหลักที่การบีบอัด 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 ของ giftofspeed
  • บันทึก

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

ผลการทดสอบ Gzip
  • บันทึก

15. เพิ่มประสิทธิภาพฐานข้อมูลเว็บไซต์ของคุณ

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

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

ตารางฐานข้อมูล MySQL คืออะไร?

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

นี่คือลักษณะของฐานข้อมูล MySQL:

ตารางฐานข้อมูล MySQL
  • บันทึก

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

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

ตัวอย่างเช่น SiteGround มีคำสั่ง 'Optimize tables' จากเมนูแบบเลื่อนลง 'With Selected:'

ปรับตารางให้เหมาะสม
  • บันทึก

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

phpMyAdmin
  • บันทึก

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

กังวลว่าคุณอาจทำบางอย่างในเซิร์ฟเวอร์ของคุณเสียหายหรือไม่?

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

แดชบอร์ดกวาด
  • บันทึก

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

ตัวเลือกการกวาด
  • บันทึก

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

16. เพิ่มประสิทธิภาพความคิดเห็นของผู้ใช้

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

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

โดยไปที่ "การตั้งค่า" แล้วคลิก "การสนทนา" มองหาตัวเลือก "แสดงอวตาร" ด้าน ล่างส่วน "การแสดงอวตาร" และยกเลิกการเลือก

ปิดการใช้งาน Gravatars ของความคิดเห็น
  • บันทึก

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

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

ตัวเลือกการโหลด BJ ขี้เกียจ
  • บันทึก

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

หากต้องการใช้การแบ่งหน้าเพียงแค่กลับไปที่หน้าการตั้งค่า "การสนทนา" และเปิดใช้งานตัวเลือกเพื่อ "แบ่งความคิดเห็นออกเป็นหน้าที่มีความคิดเห็นระดับบนสุด X ต่อหน้า"

แบ่งความคิดเห็นออกเป็นหน้า ๆ
  • บันทึก

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

17. การเพิ่มประสิทธิภาพโฟกัสบนหน้ายอดนิยมของคุณ

ก่อนที่เราจะจบโพสต์นี้นี่คือคำแนะนำชิ้นสุดท้าย:

เริ่มปรับแต่งประสิทธิภาพของเพจยอดนิยมของ คุณ

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

Google Analytics เป็นอีกหนึ่งเครื่องมือฟรีที่จะช่วยคุณระบุหน้าเว็บยอดนิยมของคุณ เพียงขยายเมนูย่อย "พฤติกรรม" แล้วคลิก "ภาพรวม"

เพจ 10 อันดับแรกของคุณควรปรากฏอยู่ใต้ส่วน "เพจ"

หน้าบนสุดของ GA
  • บันทึก

ง่ายใช่มั้ย?

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


สรุป

ในฐานะบล็อกเกอร์คุณควรเตรียมพร้อมที่จะทำทุกอย่างเพื่อประสบการณ์ของผู้ใช้

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

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

ลดเวลาในการโหลดบล็อก
  • บันทึก