ทำไมเว็บไซต์ของคุณโหลดช้า (และวิธีแก้ไข): 22 ขั้นตอนที่ฉันได้รับ 100% GTmetrix PageSpeed ​​คะแนน & เวลาโหลดทันที

เว็บไซต์กำลังโหลดช้า


มีเว็บไซต์ที่โหลดช้า?

ถ้าฉันบอกคุณโหลดเว็บไซต์ของฉัน <1 คะแนน 100% GTmetrix หรือไม่ และฉันได้เขียนหนึ่งในคู่มือแนะนำความเร็ว WordPress ยอดนิยมที่สุดทางออนไลน์ที่มีความคิดเห็นมากกว่า 400 รายการ?

การปรับแต่งบางอย่างนั้นเหมาะสมกับ WordPress และอื่น ๆ นั้นเป็นสากล แต่สิ่งเหล่านี้ล้วนเป็นแนวปฏิบัติที่ดีที่สุดแม้ว่าคุณจะใช้ Squarespace, Shopify, Wix และแพลตฟอร์มการสร้างเว็บไซต์อื่น ๆ.

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

Contents

1. ทดสอบเว็บไซต์ของคุณใน GTmetrix

GTmetrix แสดงให้คุณเห็น:

  • เวลาโหลด (ตัวชี้วัดหลัก)
  • ที่ ภาพ จะต้องมีการเพิ่มประสิทธิภาพ
  • ที่ ปลั๊กอิน กำลังโหลดช้า (ตรวจสอบแท็บ Waterfall)
  • ของคุณ เวลาเป็นไบต์แรก (ระบุความเร็วของการโฮสต์ของคุณ)
  • ไม่ว่าคุณจะ ปลั๊กอินแคช กำลังทำงานอยู่ (ฉันแนะนำ WP Rocket)
  • ไม่ว่าคุณจะใช้ เครือข่ายการจัดส่งเนื้อหา (ฉันแนะนำ Cloudflare)
  • โหลดช้า ทรัพยากรภายนอก (AdSense, แผนที่, YouTube / Facebook ฝัง)

แก้ไขด่วน?
โฮสติ้งเป็นปัจจัย # 1 ใน คู่มือการเพิ่มประสิทธิภาพ WordPress อย่างเป็นทางการ (โดยไกล) มันอาจไม่ปรับปรุงคะแนน GTmetrix แต่สามารถปรับปรุงความเร็วในการโหลดได้หลายวินาทีโดยเฉพาะถ้าคุณไปจากโฮสต์ที่ช้า (Bluehost, HostGator, GoDaddy) ไปยังโฮสต์ที่รวดเร็ว (โรคติดต่อระหว่างประเทศ, Cloudways) โฮสต์ทั้งสองนี้ได้รับการจัดอันดับสูงสุดในโพล Facebook มากกว่า 40 รายการที่ฉันรวบรวมจากกลุ่ม Facebook.

ปลั๊กอินแคชมีผลกระทบมากที่สุดต่อคะแนนและยังช่วยเพิ่มเวลาในการโหลด. จรวด WP ดีกว่า W3 Total Cache หรือ WP Fastest Cache เนื่องจากมีคุณสมบัติเพิ่มเติม (เช่นการโหลดแบบขี้เกียจการล้างฐานข้อมูลและการเพิ่มประสิทธิภาพ Google Font + Analytics) ในขณะที่ปลั๊กอินแคชอื่นไม่ทำงาน.

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

หลักฐานอยู่ในพุดดิ้ง:

2019-GTmetrix รายงาน

2. ปรับขนาดภาพใหญ่

นี่คืออะไร ให้บริการภาพที่ปรับขนาด หมายความว่าใน GTmetrix.

หมายความว่าคุณกำลังอัปโหลดภาพขนาดใหญ่ที่มีขนาดไม่ถูกต้อง แต่ละส่วนในเว็บไซต์ของคุณมีขนาดเฉพาะ (ตัวเลื่อน, ภาพขนาดย่อ, ภาพหมุน, ความกว้างและภาพด้านข้าง).

ตัวอย่างเช่นฉันรู้ว่าเนื้อหาของบล็อกมีความกว้าง 680 พิกเซล รูปภาพแบบเต็มความกว้างใด ๆ ที่ฉันใช้สำหรับบล็อกของฉันควรปรับขนาดให้เป็นขนาดเหล่านั้นเสมอ.

GTmetrix แสดงภาพที่ไม่ได้เพิ่มประสิทธิภาพทั้งหมด (และขนาดที่ถูกต้องที่ควรปรับขนาด) แต่สำหรับหน้าเดียวที่คุณทดสอบเท่านั้น สิ่งที่คุณต้องทำคือปรับขนาดภาพเหล่านั้นและแทนที่เวอร์ชั่นเก่าด้วยภาพใหม่.

แสดงรูปภาพที่ปรับขนาด

โบนัส: สร้างแผ่นโกง – เขียนขนาดภาพที่แตกต่างกันทั้งหมดในเว็บไซต์ของคุณ.

  • โลโก้: 200 x 58px
  • Favicon: 16 x 16px
  • ตัวเลื่อน: 1903 x 400px
  • ภาพม้าหมุน: 115px
  • รูปภาพวิดเจ็ต: 420 x 250px
  • รูปภาพเด่น: 250 x 250px
  • ภาพโพสต์บล็อกแบบเต็มความกว้าง: 680px
  • Yoast Twitter OG ภาพ: 1024 x 512px
  • Yoast Facebook OG ภาพ: 1200 x 630px

Squarespace, Wix, และธีม WordPress ควรมีคำแนะนำสำหรับการปรับขนาดภาพ.

3. บีบอัดรูปภาพ

นี่คืออะไร ปรับภาพให้เหมาะสม หมายความว่าใน GTmetrix.

มีเครื่องมือมากมายให้ทำเช่นนี้ (ฉันใช้ปลั๊กอิน ShortPixel WordPress) ต้องแน่ใจว่า ลบ ข้อมูล EXIF เพื่อให้รูปภาพโหลดเร็วยิ่งขึ้นซึ่งสามารถทำได้ในเครื่องมือบางอย่างด้านล่าง.

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

เครื่องมือบีบอัดภาพ

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

4. เพิ่มแคช

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

หากคุณกำลังใช้ WordPress, ถามตัวเอง:

  • คุณใช้ปลั๊กอินแคชหรือไม่?
  • คุณใช้ปลั๊กอินแคชตัวใด?
  • คุณได้กำหนดค่าให้เป็นการตั้งค่าที่ดีที่สุด?

3 ปัจจัยเหล่านี้จะมีผลกระทบสูงสุดกับคะแนนของคุณใน GTmetrix, Google PageSpeed ​​Insights และเครื่องมือทดสอบความเร็วใด ๆ การแคชและการโฮสต์มีความสำคัญมาก!

ปลั๊กอินแคชใดดีที่สุด?
ฉันแนะนำ จรวด WP ซึ่งเป็นปลั๊กอินแคชพรีเมียม มันมาพร้อมกับคุณสมบัติมากมายของปลั๊กอินแคชอื่น ๆ (การล้างฐานข้อมูล, การควบคุมการเต้นของหัวใจ, การโหลดที่ขี้เกียจ, การเพิ่มประสิทธิภาพของ Google Fonts + Analytics, การรวม CDN) หากคุณต้องการใช้คุณสมบัติเหล่านี้กับปลั๊กอินแคชอื่น ๆ คุณจะต้องติดตั้งปลั๊กอินเพิ่มเติมอีก 6 ตัวเพื่อดูแลการปรับแต่งเหล่านี้ในขณะที่ WP Rocket มีทุกอย่างในตัว ปลั๊กอินแคชที่ใกล้เคียงที่สุดที่ทำสิ่งเหล่านี้คือ Swift.

WP Rocket ได้รับการจัดอันดับ # 1 ในโพล Facebook หลายรายการด้วยกัน:

2016 โพลปลั๊กอินแคชที่ดีที่สุด

แบบสำรวจปลั๊กอินแคช 2019

Swift vs WP Rocket

แบบสำรวจปลั๊กอินแคช 2016

สุดยอดปลั๊กอินแคช 2018 แบบสำรวจ

wp rocket vs w3 totla cache

5. อัปเกรดเป็น PHP 7.3

สิ่งนี้ใช้ได้เฉพาะเมื่อคุณซื้อโฮสติ้ง (เช่น SiteGround, Bluehost, GoDaddy).

การอัพเกรดเป็น PHP 7+ ง่ายมากและควรสร้างผลกระทบอย่างมากต่อเวลาโหลด.

เกณฑ์มาตรฐาน WordPress PHP

ขั้นตอนที่ 1: ลงชื่อเข้าใช้บัญชีโฮสติ้งของคุณและค้นหาผู้จัดการเวอร์ชั่น PHP (หรือคล้ายกัน).

ขั้นตอนที่ 2: อัปเกรดเป็นเวอร์ชัน PHP สูงสุดที่มีอยู่ในบัญชีโฮสติ้งของคุณ (เช่น PHP 7.3).

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

ขั้นตอนที่ 4: อัปเดตเวอร์ชัน PHP ของคุณเป็นปัจจุบัน หากโฮสต์ของคุณเปิดตัวเวอร์ชัน PHP เสถียรใหม่ให้ใช้.

6. ตรวจสอบเวลาตอบกลับของเซิร์ฟเวอร์

Google PageSpeed ​​Insights บอกคุณว่าคุณช้า เวลาตอบกลับของเซิร์ฟเวอร์ (Google แนะนำว่าควรต่ำกว่า 200ms) เซิร์ฟเวอร์ถูกควบคุมโดยโฮสติ้งของคุณอย่างชัดเจน.

ลดเวลาตอบสนองของเซิร์ฟเวอร์

วิธีปรับปรุงเวลาตอบสนองของเซิร์ฟเวอร์

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

7. เลือกโฮสติ้งที่เหมาะสม

โฮสติ้งเป็นปัจจัยอันดับหนึ่งของความเร็วเว็บไซต์โดย:

บทเรียนจำนวนมากจะพยายามแนะนำคุณสู่ Bluehost, HostGator, GoDaddy และ แบรนด์ EIG.

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

ทำวิจัยของคุณในกลุ่ม Facebook และดูโพลที่ถ่าย นอกจากนี้คุณยังสามารถดูผู้ที่ย้ายเข้าและออกจาก บริษัท โฮสติ้งบางแห่งและโพสต์ผลลัพธ์ของพวกเขา.

โรคติดต่อระหว่างประเทศ และ Cloudways มักจะ # 1 และ # 2 ใน 40+ โพล Facebook SiteGround เหมาะสำหรับโฮสติ้งที่ใช้ร่วมกันและ Cloudways สำหรับการโฮสต์บนคลาวด์ โฮสต์ทั้งสองมีการโยกย้ายเว็บไซต์ฟรี.

กรกฎาคม 2562 แนะนำโฮสติ้ง

ข้อเสนอแนะโฮสติ้ง Elementor

2017-เวิร์ดเพรสโฮสติ้ง-FB-โพล

แบบสำรวจคำแนะนำการโฮสต์

WordPress-โฮสต์โพล ส.ค. 2018

ที่ใช้ร่วมกันโฮสติ้ง-โพล 2017

2019-Hosting-โพล

ไปสู่โฮสติ้ง บริษัท

WordPress โฮสติ้ง-โพล 2017

2018 คำแนะนำโฮสติ้ง

โฮสต์ที่ชื่นชอบสำหรับ Elementor

2016-เวิร์ดเพรสโฮสติ้ง-FB-โพล

โพล WordPress โฮสติ้ง

WordPress Hosting Poll กันยายน 2018.png

การจัดการ-เวิร์ดเพรสโฮสติ้ง-โพล 2017

2019 เจ้าภาพ-โพล-1

โฮสติ้งโพลสำหรับความเร็ว

WordPress โฮสติ้ง-โพลล์มิถุนายน-1

การโยกย้ายไปสู่การโฮสต์ที่เร็วขึ้นสร้างความแตกต่างใหญ่:

เปลี่ยนเป็น SiteGround

การโยกย้ายความเร็วในการโหลดของ SiteGround

Bluehost ไปที่ SiteGround GTmetrix

HostGator ถึง SiteGround

SiteGround Google PageSpeed ​​Insights

ความเร็วในการโหลดของ SiteGround GoGeek

ลดเวลาในการโหลดด้วย SiteGround

ใหม่เวลาตอบสนองของ SiteGround

เวลาตอบสนองของ Cloudways

HostGator เพื่อการโยกย้าย SiteGround

SiteGround เวลาตอบสนองบน Joomla

เปลี่ยนเป็น SiteGround Hosting

SiteGround Rocket Imagify Combo

SiteGround PageSpeed ​​Insights

การโยกย้ายบล็อก SiteGround

ใหม่เวลาตอบสนองของ SiteGround

การปรับปรุงเวลาตอบสนองของ SiteGround

ไม่ได้ตั้งชื่อ

8. เพิ่ม CDN ของ Cloudflare

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

CDN-WordPress-คำแนะนำ

Cloudflare ฟรีและมี ศูนย์ข้อมูล 200+ แห่ง ซึ่งดีกว่า CDN พรีเมี่ยมส่วนใหญ่.

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

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

ขั้นตอนที่ 3: ลงชื่อเข้าใช้ บริษัท จดทะเบียนโดเมนของคุณและค้นหาตัวเลือกในการตั้งค่าเนมเซิร์ฟเวอร์ที่กำหนดเอง (Google“ ผู้กำหนดชื่อที่กำหนดเองใน บริษัท ที่ให้บริการโฮสต์ XYZ)” แทนที่เนมเซิร์ฟเวอร์เหล่านั้นด้วย Cloudflare.

9. ปิดการใช้งาน Hotlinking

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

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

การป้องกัน Hotlink ของ Cloudflare

10. ลดขนาดไฟล์

GTmetrix บอกให้คุณย่อขนาดไฟล์ HTML, CSS และ JavaScript.

ปลั๊กอินแคชของคุณควรดูแลสิ่งนี้ (หากไม่ใช่ให้แน่ใจว่าเปิดใช้งานการตั้งค่าแล้ว).

11. รวมไฟล์

หากคุณมีไฟล์ CSS หรือ JavaScript หลายไฟล์ให้ลองรวมเข้าด้วยกันเป็นไฟล์เดียว.

ไฟล์ CSS และ JavaScript ที่น้อยลงที่คุณมีการร้องขอที่น้อยกว่าจะถูกโหลดบนเว็บไซต์ของคุณ.

ขั้นตอนที่ 1: ค้นหา CSS ของคุณ (หรือไฟล์ JavaScript).

ขั้นตอนที่ 2: คัดลอก / วางเนื้อหาเพื่อให้พวกเขาทั้งหมดในไฟล์เดียว.

หรือปลั๊กอินแคชส่วนใหญ่มีตัวเลือกในการรวม CSS + JavaScript:

ย่อขนาดรวมไฟล์ JavaScript

12. หลีกเลี่ยงปลั๊กอินหนัก

หากคุณใช้ปลั๊กอิน WordPress, ส่วนขยายของ Joomla หรือ “ส่วนเสริม” ใด ๆ ที่เพิ่มฟังก์ชันการทำงานให้กับเว็บไซต์ของคุณตรวจสอบให้แน่ใจว่าพวกเขาจะไม่เพิ่มเวลาในการโหลดของคุณ (ใช้ GTmetrix เป็นเกณฑ์มาตรฐาน).

ปลั๊กอินที่ช้าที่สุดที่เกี่ยวข้องกับพอร์ตการลงทุนตัวเลื่อนการแบ่งปันทางสังคมผู้สร้างหน้าแชทสดปฏิทินสถิติ (การวิเคราะห์) แบบฟอร์มการติดต่อหรือปลั๊กอินโพสต์ที่เกี่ยวข้อง.

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

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

13. ล้างฐานข้อมูลของคุณ

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

คุณสามารถล้างฐานข้อมูลของคุณโดยใช้ฟรี ปลั๊กอิน WP-Optimize, หรือใช้ WP Rocket:

WP-Optimize ล้างฐานข้อมูล

14. เพิ่มประสิทธิภาพทรัพยากรภายนอก

ทรัพยากรภายนอก เป็นอะไรก็ได้ตั้งแต่วิดีโอแบบฝังของ YouTube ไปจนถึง Google Fonts, Google Analytics, Gravatars และทุกอย่างที่ต้องการข้อมูลที่จะดึงมาจากเว็บไซต์ภายนอก สิ่งเหล่านี้สามารถทำลายรายงาน GTmetrix ของคุณโดยเฉพาะ Google AdSense ในขณะที่ทำงานในทุกหน้า.

เคล็ดลับสำหรับการเพิ่มประสิทธิภาพทรัพยากรภายนอก

15. รวม Google แบบอักษร

คุณใช้ Google แบบอักษรตัวอักษรน่ากลัวหรือแบบอักษรภายนอกอื่น ๆ?

สิ่งเหล่านี้อาจทำให้คำขอพิเศษใน GTmetrix เนื่องจากเป็นทรัพยากรภายนอก.

ของ Google Fonts-GTmetrix

เคล็ดลับสำหรับการเพิ่มประสิทธิภาพ Google แบบอักษร

  • โฮสต์ Google Fonts ในพื้นที่
  • เลือกแบบอักษร / น้ำหนักที่คุณต้องการเท่านั้น
  • รวมฟอนต์หลายไฟล์เป็น 1 ไฟล์ (ด้วยตนเองหรือผ่าน WP Rocket หรือลดขนาดอัตโนมัติ)

16. Lazy Load Images + Videos

Lazy loading หมายถึงโหลดรูปภาพวิดีโอและ iframes เมื่อผู้ใช้เลื่อนหน้าลงและเห็นจริง สิ่งนี้สามารถปรับปรุงความเร็วในการโหลดครั้งแรกของหน้าเว็บของคุณ.

วิดีโอแบบฝังสามารถเป็นหนึ่งในองค์ประกอบที่หนักที่สุดบนหน้าเว็บ – ขี้เกียจโหลด 2 วิดีโอ (และแทนที่ iframe ด้วยภาพตัวอย่าง) โกนมหันต์ 4 วินาทีจากหนึ่งในโพสต์ของฉัน.

สำหรับ WordPress คุณสามารถใช้ WP Rocket, WP YouTube Lyte หรือปลั๊กอิน Lazy Load.

สำหรับ Squarespace ให้ลองสิ่งนี้ คุณสมบัติ Lazy Load.

WP-Rocket-ขี้เกียจโหลด

17. หลีกเลี่ยงการโฆษณา

Google AdSense มีชื่อเสียงในการทำให้เว็บไซต์โหลดช้าและไม่ได้กำไรแม้แต่น้อย คุณสามารถลอง Ad Balancer และ Rocket Loader, แต่คุณจะมีข้อผิดพลาดมากมายในรายงาน GTmetrix ของคุณโดยไม่คำนึงถึงและดีกว่าการสร้างรายได้ด้วยการตลาดแบบพันธมิตร ลืม AdSense – คนที่ประสบความสำเร็จสูงสุดที่สร้างรายได้ $ 50k + ใช้ลิงค์พันธมิตรซึ่งจะไม่ทำให้เว็บไซต์ของคุณช้าลง.

GTmetrix-โฆษณา

18. พิจารณา AMP

แอมป์ (หน้าเว็บมือถือเร่ง) ทำให้หน้ามือถือของคุณโหลดเร็วขึ้นในขณะที่ให้แอมป์ประทับตราในผลการค้นหาบนมือถือ ปัญหาคือการเปลี่ยนแปลงการออกแบบหน้ามือถือของคุณ คุณสามารถใช้ AMP สำหรับ WP plugin เพื่อปรับแต่ง แต่ก็ไม่เหมือนกัน. การแปลงของ Kinsta ลดลง 58% เมื่อเพิ่มแอมป์ดังนั้นฉันจึงตัดสินใจปิดใช้งานไซต์ของฉันเอง แต่มันก็คุ้มค่าที่จะพิจารณา นี่คือ AMP Tutorial สำหรับ Squarespace หากคุณกำลังใช้สิ่งนั้นอยู่.

19. ค้นหาหน้าช้าใน Google Analytics

คุณสามารถค้นหาหน้าโหลดที่ช้าที่สุดได้ Google Analytics ภายใต้ พฤติกรรม→ความเร็วไซต์→ข้อเสนอแนะความเร็ว.

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

ความเร็วข้อเสนอแนะจาก Google Analytics

20. การเพิ่มประสิทธิภาพเฉพาะของ WordPress

ฉันได้กล่าวถึงการเพิ่มประสิทธิภาพเฉพาะของ WordPress แล้ว แต่ที่นี่มีอีกไม่กี่อย่าง.

  • ใช้ปลั๊กอินแคชอันดับสูงสุดเช่น WP Rocket
  • ใช้ปลั๊กอินเพิ่มประสิทธิภาพภาพที่ดีเช่น ShortPixel
  • ใช้ปลั๊กอินควบคุม Heartbeat เพื่อปิดใช้งาน Heartbeat API
  • ลบปลั๊กอินทั้งหมดที่คุณไม่ได้ใช้และใช้ปลั๊กอินที่มีน้ำหนักเบา
  • ทำความสะอาดฐานข้อมูลของคุณบ่อยครั้งโดยใช้ WP-Optimize หรือ WP Rocket
  • Cache Gravatars ใช้ปลั๊กอินเช่น Harrys Gravatar Cache, FV หรือ Optimum
  • ใช้ตัวจัดการสินทรัพย์เพื่อเลือกปิดใช้งานปลั๊กอินจากการโหลดในบางหน้า
  • โฮสต์ Google Analytics ในเครื่องโดยใช้ปลั๊กอินเช่น WP Rocket หรือ CAOS Analytics
  • โฮสต์ Google Fonts ในพื้นที่โดยใช้ปลั๊กอินเช่น OMGF หรือ Google Fonts ที่โฮสต์ในตัว

21. การเพิ่มประสิทธิภาพ WooCommerce

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

ชิ้นส่วนรถเข็น WooCommerce

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

ปิดการใช้งานสคริปต์ WooCommerce – WooCommerce ยังสามารถโหลดสคริปต์ต่าง ๆ ประมาณ 8 สคริปต์ในเว็บไซต์ของคุณ หากต้องการปิดใช้งานสิ่งเหล่านี้คว้าสิ่งนี้ รหัสจาก Github และเพิ่มลงในไฟล์ functions.php ของคุณ.

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

Perfmatters – ปลั๊กอินที่เก๋ไก๋โดย Kinsta ทำให้ง่ายต่อการปิดการใช้งานชิ้นส่วนตะกร้าสคริปต์และสไตล์ หากคุณต้องการวิธีปิดใช้งานง่าย ๆ โดยไม่ต้องแก้ไขรหัสลองใช้ปลั๊กอินพิเศษนี้.

ล้างเซสชั่นของลูกค้า – หากเว็บไซต์ WooCommerce ของคุณช้าลองล้างข้อมูลเซสชันของลูกค้า.

เพิ่มขีด จำกัด หน่วยความจำเป็น 256MB – WooCommerce ต้องการให้คุณเพิ่มขีด จำกัด หน่วยความจำของคุณเป็น 256MB แต่คุณควรทำเช่นนี้กับเว็บไซต์ส่วนใหญ่ นี่คือ เกี่ยวกับการสอน สำหรับการทำเช่นนั้น.

22. จ้างคนที่รู้ว่ากำลังทำอะไรอยู่

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

ฉันทำงานกับนักพัฒนาไม่กี่คนที่เชี่ยวชาญในการเพิ่มประสิทธิภาพความเร็ว WordPress คุณสามารถตรวจสอบผลงานของพวกเขาในหน้านั้นและฉันให้เครดิตพวกเขาเพื่อรับคะแนน GTmetrix ของฉันเป็น 100% Cole จัดการโครงการเพิ่มประสิทธิภาพความเร็วทั้งหมดคุณสามารถติดต่อเขาได้ที่ [email protected]

23. คำถามที่พบบ่อย

&# x1f680; ปัจจัยใดที่มีผลกระทบมากที่สุดต่อเวลาโหลด?

การเลือกโฮสติ้งปลั๊กอินและแคชที่เหมาะสมอาจมีผลกระทบสูงสุดต่อเวลาในการโหลดของคุณ การปรับภาพให้เหมาะสมและหลีกเลี่ยงแหล่งข้อมูลภายนอกเช่น Google AdSense ก็มีความสำคัญเช่นกัน การใช้เครือข่ายการจัดส่งเนื้อหาฟรีเช่น Cloudflare จะช่วยได้เช่นกัน.

&# x1f680; เครื่องมือใดดีที่สุดสำหรับการทดสอบความเร็ว?

GTmetrix มีคำแนะนำที่แข็งแกร่งที่สุดจากเครื่องมือทดสอบความเร็วทั้งหมด Google PageSpeed ​​Insights นั้นดีที่สุดสำหรับ 1 สิ่ง – การวัดเวลาตอบสนองของเซิร์ฟเวอร์.

&# x1f680; ฉันจะบอกได้อย่างไรว่าเว็บไซต์ของฉันทำงานช้าลงอย่างไร?

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

&# x1f680; อะไรคือเคล็ดลับความเร็วที่ไม่ค่อยมีคนรู้จัก?

หลายคนไม่อัปเกรดเวอร์ชัน PHP หรือเพิ่มประสิทธิภาพแหล่งข้อมูลภายนอกเช่น Google Fonts และวิดีโอ YouTube โหลดรูปภาพและวิดีโอที่ขี้เกียจและการโฮสต์ Google Fonts และ Google Analytics ในพื้นที่สามารถแก้ไขหลายรายการใน GTmetrix คุณควรเข้าร่วมกลุ่ม Facebook เพื่อรับความคิดเห็นที่เป็นกลางเกี่ยวกับผู้ให้บริการโฮสติ้งที่ดีที่สุดเพื่อหลีกเลี่ยงกับดักพันธมิตร.

&# x1f680; โฮสติ้งใดดีที่สุด?

SiteGround และ Cloudways เป็นผู้ให้บริการโฮสติ้งที่มั่นคง 2 อันดับซึ่งได้รับคะแนนสูงใน Facebook SiteGround เป็นหนึ่งในโฮสต์ที่ได้รับความนิยมสูงสุดและ Cloudways สำหรับการโฮสต์บนคลาวด์ พวกนี้มักจะเป็นอันดับ 2 ในชั้นเรียน.

&# x1f680; ปลั๊กอินแคชตัวไหนดีที่สุด?

WP Rocket ได้รับการจัดอันดับให้เป็นปลั๊กอินอันดับที่ 1 ในโพล Facebook หลายรายการเนื่องจากมาพร้อมกับคุณสมบัติการเพิ่มประสิทธิภาพความเร็วที่ปลั๊กอินส่วนใหญ่ไม่ได้ทำการโหลด (การโหลดขี้เกียจ, การล้างฐานข้อมูล, โฮสติ้งของ Google คุณควรได้ผลลัพธ์ที่ดีที่สุดด้วย WP Rocket มิฉะนั้นประสิทธิภาพของ Swift เป็นทางเลือกปลั๊กอินที่ดีฟรี.

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

ไชโย,
ทอม

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map