วิธีปรับปรุงคะแนน Google PageSpeed ​​Insights ของร้านค้าวีโอไอพีของคุณอย่างรวดเร็วโดยไม่ต้องเป็นนักพัฒนา

ปรับปรุงล่าสุด - 8 กรกฎาคม 2021

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

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

แก้ไข # 1 รับ CDN . ที่ดี

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

• การเพิ่มประสิทธิภาพสื่อ (CDN รู้วิธีลดขนาดภาพโดยรวมโดยไม่ลดทอนคุณภาพ)
• การลดขนาดและการบีบอัดของเนื้อหาแบบคงที่ เช่น ไฟล์ CSS, JS และ HTML (การสร้างเนื้อหาขนาดเล็กลงสามารถช่วยให้บริการได้เร็วขึ้นแม้ในเครือข่ายที่ช้ากว่า)
• สลับไฟล์ JPEG ที่เก่ากว่าสำหรับรูปแบบ WebP ที่ทันสมัย สำหรับเบราว์เซอร์ที่รองรับ (รูปภาพโหลดเร็วขึ้นและใช้พื้นที่น้อยลง)
• แปลงรูปภาพเป็นรูปแบบโปรเกรส ซีฟ (รูปภาพโปรเกรสซีฟโหลดในวิธีที่แตกต่างจากรูปภาพทั่วไป ทำให้ผู้ใช้สัมผัสได้ถึงประสิทธิภาพที่สูงขึ้น แม้ว่าในทางเทคนิคแล้ว ร้านค้าจะโหลดด้วยความเร็วเท่ากัน)
• เลื่อนการโหลดเนื้อหา (Magento ส่วนใหญ่ต้องการ เลื่อนการแยกวิเคราะห์ JavaScript ) เพื่อเร่งการส่งมอบสินทรัพย์ที่สำคัญ
• จัดลำดับความสำคัญของโปรโตคอล HTTP/2 และ QUIC เพื่อโหลดไฟล์ได้เร็วขึ้นและไม่ซิงค์กัน
• ปรับแต่งอายุแคช เป็นค่าที่เหมาะสมที่สุด
• ให้บริการรูปภาพเวอร์ชันต่างๆ แก่ผู้ใช้ที่แตกต่างกัน (เช่น การทำหลายเวอร์ชันมีประโยชน์เมื่อเบราว์เซอร์ต้องการรูปภาพที่มีขนาดเล็กลง เป็นต้น)

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

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

แก้ไข # 2 เลือก Magento Hosting ที่มีความสามารถ

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

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

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

โฮสต์ที่ดีและเซิร์ฟเวอร์ที่มีประสิทธิภาพจะแปลในการปรับปรุงที่มองเห็นได้ของคะแนน Google PageSpeed ยิ่งเซิร์ฟเวอร์แข็งแกร่งเท่าไหร่ ปัญหาก็จะยิ่งบรรเทาปัญหาคอขวดของ CPU น้อยลงเท่านั้น และ CPU เป็นจุดแคบๆ ที่พบบ่อยที่สุดในเว็บสโตร์ของ Magento ดังนั้นอย่าสงสัยเลยว่าคุณต้องการเซิร์ฟเวอร์ที่แข็งแกร่งกว่านี้หรือไม่ – โอกาสที่คุณควรอัปเกรด

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

แก้ไข #3 ปรับการตั้งค่าผู้ดูแลระบบ Magento ให้เหมาะสม

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

เปิดใช้งานแคตตาล็อกแบบเรียบ นี่เป็นวิธีแก้ไขที่มีประสิทธิภาพเมื่อคุณมีผลิตภัณฑ์ที่ไม่ซ้ำกันนับพันรายการในร้านค้า แคตตาล็อกและผลิตภัณฑ์แบบเรียบเปลี่ยนวิธีที่ Magento บันทึกคุณลักษณะของผลิตภัณฑ์ในร้านค้า แทนที่จะเก็บไว้ในตารางฐานข้อมูลแยกต่างหาก จะสร้างโครงสร้างแบบเรียบที่ช่วยให้เซิร์ฟเวอร์ดึงค่าแอตทริบิวต์ได้เร็วกว่าเมื่อก่อนมาก ไปที่ Stores > Settings > Configuration > Catalog > Store front และเปลี่ยนสองตัวเลือกนี้ เป็น ใช่

เปลี่ยนการตั้งค่า JS ด้วยเหตุผลบางประการ การตั้งค่าเริ่มต้นของ Magento JS นั้นไม่เหมาะสม แต่ถ้าคุณจริงจังกับประสิทธิภาพของ Magento เราขอแนะนำให้คุณไปที่ Stores > Settings > Configuration > Advanced > Developer > JavaScript Settings และเปลี่ยนตามที่แสดงด้านล่าง

เปลี่ยนการตั้งค่า CSS CSS ที่ไม่ได้รับการปรับให้เหมาะสมสามารถส่งผลกระทบต่อประสิทธิภาพการทำงานอย่างจริงจัง ดังนั้นจึงควรทำให้ผลกระทบนี้น้อยที่สุดเท่าที่จะเป็นไปได้ ไปที่ Stores > Configuration > Advanced > Developer และเปลี่ยนเป็น YES Minify and Merge CSS settings

เปลี่ยนการตั้งค่า HTML การตั้งค่า HTML อยู่ที่ Stores > Configuration > Advanced > Developer > Template Settings เปิดการลดขนาด HTML เพื่อบันทึกข้อมูลและเพิ่มความเร็วในการโหลดหน้าเว็บ โค้ดที่ย่อเล็กสุดจะอ่านได้น้อยกว่า แต่มีขนาดกะทัดรัดกว่ามาก ซึ่งเป็นคุณสมบัติที่ยอดเยี่ยมเมื่อคุณกังวลเกี่ยวกับประสิทธิภาพการนำส่ง

แก้ไขโบนัส เปิดใช้งาน ElasticSearch!

การค้นหาในร้านค้าไม่ได้ส่งผลกระทบต่อคะแนน Google PageSpeed ​​Insights แต่อย่างไรก็ตาม เป็นสิ่งที่คุณควรนำไปใช้ Elasticsearch เป็นการปรับปรุงประสบการณ์ผู้ใช้อย่างมากและให้ประโยชน์ด้านคุณภาพชีวิตแก่ลูกค้าของคุณอย่างมหาศาล

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

Elasticsearch นำเสนอการปรับขนาดแนวนอนที่ง่ายดาย ผลลัพธ์ที่รวดเร็ว ความสามารถในการค้นหาที่ชาญฉลาด คำพ้องความหมายและการใช้คำหยุด และการสนับสนุนหลายภาษา

ไปที่ Stores > Settings > Configuration > Catalog > Catalog > Catalog Search เพื่อเปิดใช้งาน Elasticsearch กระบวนการติดตั้งมีความเกี่ยวข้องมากกว่าการแก้ไข 3 อย่างก่อนหน้านี้ แต่ให้ประโยชน์เพียงพอแก่คุณเพื่อให้คุ้มค่ากับเวลาของคุณ เมื่อคุณเปิดใช้งาน Elasticsearch เวอร์ชันที่ต้องการแล้ว คุณต้องทำตาม คำแนะนำนี้ เพื่อติดตั้งเครื่องมือค้นหาใหม่นี้โดยสมบูรณ์

หมายเหตุ: ผู้ให้บริการโฮสต์ที่เน้น Magento จะคุ้นเคยกับ Elasticsearch อย่างใกล้ชิด และมักจะมีโซลูชันการรวม Elasticsearch ที่พร้อมใช้งานสำหรับคุณ ดูว่ามันมารวมกันได้อย่างไร? ผู้ให้บริการโฮสติ้ง Magento ที่ดีจะทำให้ชีวิตของคุณง่ายขึ้นมากในหลาย ๆ ด้าน

รับคะแนนที่สมบูรณ์แบบ คุณยังต้องการมันไหม

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

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