จะอยู่ด้านบนของ Google PageSpeed ​​Insights Tool ได้อย่างไร

บทนำ

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

1. Google Page Speed ​​Insights

ภายหลังจากการสำรวจโฆษณา 900,000 รายการ นักวิเคราะห์จาก Google Page Speed ​​Insights พบว่าหน้าการนำเสนอแบบพกพาปกติสามารถซ้อนกันได้ในเวลา 22 วินาทีที่น่าอับอาย นานกว่าหลายเท่าของเวลาที่ลูกค้าเว็บกังวลใจส่วนใหญ่จะยอมจำนนก่อนที่จะมอบหน้า — 53% นั้นถูกต้อง หากหน้าของคุณใช้เวลามากกว่า 3 วินาทีในการจัดเรียง ส่วนใหญ่ผู้มีแนวโน้มจะออกจากงานก่อนที่จะสังเกตเห็น แม้ว่านั่นจะยังไม่เลวร้ายพอ แต่ ข้อมูลเชิงลึกของหน้า พบว่าทุกครั้งที่ทรมานหน้าไม่ซ้อนกัน แขกจำนวนมากจะข้ามไป

ด้วยความช่วยเหลือของแมชชีนเลิร์นนิงในด้านนวัตกรรมจาก SOASTA นักวิทยาศาสตร์ได้ค้นพบความเชื่อมโยงระหว่างเวลาในการโหลด น้ำหนักหน้า (การวัดในข้อมูล) และอัตราการเปลี่ยนแปลง โดยพื้นฐานแล้ว “หนักกว่า” หมายถึงช้ากว่า โดยเฉพาะอย่างยิ่ง เมื่อจำนวนส่วนประกอบ (เนื้อหา รูปภาพ และอื่นๆ) บนหน้าเพิ่มขึ้นจาก 400 เป็น 6,000 โอกาสที่คุณจะเปลี่ยนแขกจะลดลง 95%

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

2. การอนุมานข้อมูลเชิงลึกของ Google PageSpeed ​​​​

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

• พารามิเตอร์ 1: เวลาในการโหลดครึ่งหน้าบน นี่คือการวัดเวลาที่โปรแกรมใช้ในการแสดงเนื้อหาในครึ่งหน้าล่างหลังจากที่ลูกค้าต้องการ
• พารามิเตอร์ 2: เวลาในการโหลดหน้าเต็ม นี่คือระยะเวลาที่เบราว์เซอร์ใช้ในการแสดงหน้าทั้งหมดหลังจากที่ลูกค้าต้องการ

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

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

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

1.First Contentful Paint
2. ความล่าช้าในการป้อนข้อมูลครั้งแรก

พารามิเตอร์สองตัวข้างต้นให้คะแนนในสามวิธีที่แตกต่างกัน:

1.เร็ว
2.เฉลี่ย
3.ช้า.

นี่คือสิ่งที่การวัดทั้งสองมีความหมายในภาษาธรรมดา

2.1.First Contentful Paint (FCP)

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

2.2.First Input Delay (FIP)

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

3. ทำไม PageSpeed ​​ถึงสำคัญ

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

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

4. แก่นแท้ของ PageSpeed ​​Insights

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

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

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

5. ข้อดีของการใช้ Google PageSpeed ​​Insights คืออะไร

5.1. PageSpeed ให้รายงานการค้นพบที่แยกเป็นรายการพิเศษ

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

5.2. PageSpeed ปรับปรุงประสบการณ์ผู้ใช้

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

5.3. PageSpeed ​​รวมภาษาเพิ่มเติม

เครื่องมือนี้สามารถใช้งานได้หลากหลายภาษา เช่น รัสเซีย สเปน และเซอร์เบีย

5.4. PageSpeed ใช้งานง่าย

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

5.5. PageSpeed นั้นฟรี

Google PageSpeed ​​Insights ใช้งานได้ฟรีทั่วโลก คุณไม่ต้องจ่ายแม้แต่สตางค์เดียวสำหรับการใช้เครื่องมือที่น่าทึ่งนี้

6. เคล็ดลับในการทำคะแนนให้สมบูรณ์แบบ 100% บน Google Pagespeed Insights

นี่คือเคล็ดลับบางอย่างที่คุณสามารถปรับใช้จะทำคะแนนให้สมบูรณ์แบบ 100% บน Google PageSpeed Insights

6.1. DNS

เราใช้ Cloudflare อย่างไรก็ตาม ไม่มีสิ่งใดที่ทำให้เพรียวลมได้ เราพบในการทดสอบของเราว่ามันช้ากว่า ในกรณีที่คุณอยู่ในสภาพที่เอื้ออำนวยซึ่งกันและกัน Cloudflare น่าจะช่วยได้มาก ไม่ว่าในกรณีใด สำหรับเราโดยเฉพาะกับเซิร์ฟเวอร์เฉพาะ จะดีกว่าถ้าปิดทุกอย่าง ในกรณีที่คุณไม่มีความสามารถหรือไม่มีเวลาแนะนำ Cloudflare เป็นตัวเลือก คุณสามารถใช้ซัพพลายเออร์ที่อำนวยความสะดวก เช่น WP-Engine, Presslabs, Pantheon.io พวกเขาทำงานร่วมกันในร้านค้าเซิร์ฟเวอร์และการจัดการ CDN

6.2. MFI

Mobile-First Index - นี่เป็นหนึ่งในเกณฑ์ที่สำคัญที่สุดสำหรับการจัดอันดับ SEO ในปัจจุบัน เมื่อมีการสร้างเว็บไซต์ จะต้องมีการปรับให้เหมาะสมเพื่อให้สามารถดูได้บนสมาร์ทโฟนและอุปกรณ์อิเล็กทรอนิกส์อื่นๆ เนื่องจากปัจจุบันการท่องเว็บเกิดขึ้นบนโทรศัพท์มือถือเป็นหลัก ดังนั้นจึงเป็นสิ่งสำคัญที่เว็บไซต์ของคุณต้องได้รับการปรับให้เหมาะสมเนื่องจากมีส่วนทำให้ Google Page Speed ​​​​มีนัยสำคัญ

6.3. ผ่านเวลาตอบสนองของเซิร์ฟเวอร์

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

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

ความแตกต่างที่ยิ่งใหญ่ที่สุดที่เราเห็นในการลดเวลาตอบสนองของเซิร์ฟเวอร์คือการเปลี่ยนเป็น PHP 7 ไม่ใช่ทุกโฮสต์ที่รองรับ PHP 7 แต่โชคดีที่เรามีโลแคลเป็นของตัวเอง รายงานแบบผสมผสานออนไลน์แสดงให้เห็นถึงความเร็วที่เพิ่มขึ้น 20 ถึง 50 เปอร์เซ็นต์เมื่อเปลี่ยนเป็น PHP 7

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

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

ในที่สุดเราก็เตรียมที่จะเปลี่ยนเป็น PHP 7 เพื่อเปลี่ยนจาก WHM ไปที่ "Multi PHP Manager" เลือกเว็บไซต์ที่คุณต้องการและเปลี่ยนเวอร์ชัน PHP หากคุณไม่เข้าใกล้ WHM ให้ถามผู้ดูแลระบบเซิร์ฟเวอร์ของคุณ แต่ให้ตรวจสอบให้แน่ใจว่าคุณกำลังดำเนินการตามเงื่อนไขการทดสอบ/ขั้นสูง – ไม่ใช่แนวปฏิบัติที่ดีที่สุดที่จะทำลายไซต์ที่ใช้งานจริงของคุณ

6.4. อัปเดตการออกแบบและเลย์เอาต์เว็บไซต์

Grid Layout เป็นทอล์คออฟเดอะทาวน์ในแง่ของการออกแบบเว็บไซต์และเลย์เอาต์ ในแง่ของ Google Page Speed ​​Insight การออกแบบกริดมีข้อดีมากกว่า นอกจากนี้ ฉันพบว่ามีไฮไลท์จำนวนมากเกินความจำเป็นในไซต์ของฉัน ดังนั้นฉันจึงมองหาหัวข้อพื้นฐานและปานกลาง ฉันค้นพบแฟรงค์ ซึ่งเป็นหัวข้อที่วางแผนไว้สำหรับความเร็วโดยเฉพาะ หน้า Landing Page เริ่มต้นของหัวเรื่องหลักจะทำการสอบถามฐานข้อมูลเก้ารายการ และประกอบด้วยการขอ HTTP สองรายการเท่านั้น โดยมีน้ำหนักประมาณ 29kb หัวข้อนี้มีน้ำหนักเบาเกินไป – ไม่มีโครงสร้าง JavaScript และไม่มีรูปภาพที่ไม่จำเป็น มีเพียงหัวเรื่องพื้นฐานและตอบสนองเท่านั้น หลังจากแนะนำหัวข้อของ Frank จำนวนคำขอ HTTP ที่คาดว่าจะโหลดไซต์ของฉันลดลงจาก 31 เหลือเพียง 4

6.5. การเพิ่มประสิทธิภาพโฮมเพจ

มีวิธีง่ายๆ ในการเร่งไซต์ของคุณเพิ่มเติม:

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

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

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

ละเอียดสูงภาพใช้เวลานานกว่ากองภาพอัพเกรดและ grinds สำคัญอย่างฟุ่มเฟือยแน่นอนสามารถกลับออก PageSpeed WPMU DEV นำเสนอโมดูลที่ยอดเยี่ยม (ฟรี!) ที่เรียกว่า WP-Smush.it เมื่อคุณลบรูปภาพจำนวนมากด้วยโมดูลนี้ คุณจะพบว่าการวัดรูปภาพของคุณจะลดลงอย่างมากโดยไม่ทำให้คุณภาพของภาพลดลง ในขณะที่เราอยู่ในธีมของรูปภาพ การซ้อนรูปภาพที่ไม่แยแสสามารถปรับปรุง pagespeed ได้ เช่นกัน

JPEG 2000, JPEG XR และ WebP เป็นรูปแบบรูปภาพที่มีคุณสมบัติกดดันและคุณภาพที่ดีกว่าเมื่อเปรียบเทียบกับพันธมิตร JPEG และ PNG ที่เป็นที่ยอมรับมากกว่า การเข้ารหัสภาพของคุณในการเตรียมการเหล่านี้เมื่อเทียบกับ JPEG หรือ PNG หมายความว่าพวกเขาจะโหลดได้เร็วขึ้นและใช้เวลาถึงข้อมูลมือถือน้อยลงซึ่งจะช่วยเพิ่มประสิทธิภาพการทำงานความเร็ว Google Page WebP ได้รับการสนับสนุนใน Chrome และ Opera และให้การบีบอัดข้อมูลแบบสูญเสียและไม่สูญเสียที่ดีขึ้นสำหรับรูปภาพบนเว็บ

6.7. เลื่อน CSS . ที่ไม่ได้ใช้ออกไป

CSS ที่ไม่ได้ใช้ช่วยสนับสนุนการพัฒนาโปรแกรมของโครงสร้างการแสดงผล แผนผังการแสดงผลคล้ายกับแผนผัง DOM และอีกครั้งที่จริงแล้ว ยังรวมเอาสไตล์ของทุกฮับไว้ด้วย ในการสร้างแผนผังการแสดงผล โปรแกรมจะต้องดำเนินการตามแผนผัง DOM ทั้งหมด และตรวจสอบว่ากฎ CSS ใดที่นำไปใช้กับฮับทั้งหมด CSS ที่ไม่ได้ใช้งานมากขึ้นมีเวลาเพิ่มเติมที่โปรแกรมอาจต้องกลัวที่จะใช้จ่ายในการหารูปแบบสำหรับโหนดซึ่งจะส่งผลเสียหน้าของ Google Insight ความเร็วทุก

6.8. เปิดใช้งานการบีบอัดข้อความและเข้ารหัสรูปภาพ

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

6.9. ลดขนาด CSS, HTML, JavaScript

“การลดขนาด” หมายถึงการขับไล่ข้อมูลที่ไม่มีจุดหมายหรือซ้ำซาก โดยไม่มีอิทธิพลต่อวิธีการจัดการหน้าโดยโปรแกรม ซึ่งจะปรับปรุง ผลลัพธ์ ของ Google Page Speed การเข้ารหัสที่ไม่ดีอาจเป็นสาเหตุของปัญหานี้ และมีแนวโน้มที่จะแก้ไขได้หลายวิธี

นอกเหนือจากการศึกษาซอร์สโค้ดของหน้าเว็บของคุณแล้ว Google ขอแนะนำให้ลองใช้เนื้อหาที่มาพร้อมกัน:

• ตัวย่อ HTML เพื่อลดขนาด HTML
• CSSNano และ csso เพื่อลดขนาด CSS
• UglifyJS2 และ Closure Compiler เพื่อลดขนาด JavaScript

อีกทางเลือกหนึ่งคือการใช้ประโยชน์จาก AMP และ AMP ของ Google สำหรับระบบโปรโมชัน ทั้งสองโครงการช่วยให้วิศวกรสามารถผลิตหน้าเว็บที่มีรูปแบบ HTML, CSS และ JavaScript แบบแยกส่วนได้ ผลลัพธ์คือหน้าและโปรโมชั่นที่กองในเสี้ยววินาที

6.10. หลีกเลี่ยงการเปลี่ยนเส้นทางหน้า Landing Page

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

• com ใช้สถาปัตยกรรมเว็บไซต์ที่ตอบสนอง ไม่จำเป็นต้องเปลี่ยนเส้นทาง – รวดเร็วและเหมาะสมที่สุด!
• คอม ? m.example.com/home – การลงโทษแบบหลายรอบสำหรับลูกค้าอเนกประสงค์
• คอม ? www.example.com ? m.example.com – ประสบการณ์การใช้งานที่หลากหลายปานกลาง

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

6.11. กำจัด JavaScript การบล็อกการแสดงผล

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

เมื่อคุณเห็นข้อผิดพลาดที่ peruses“กำจัดบล็อกการแสดงผล JavaScript” มันหมายถึงการมีบิตของโค้ด JavaScript ที่ล่าช้าในขั้นตอนการซ้อนสำหรับบิตเหนือรอยพับของหน้าเว็บที่มีผลกระทบในเชิงลบผล Google Page ทดสอบความเร็ว เนื้อหาจากบุคคลภายนอกอาจเป็นข้อผิดพลาดสำหรับปัญหานี้โดยเฉพาะ จัดการกับมันในสามวิธีที่แตกต่างกัน:

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

เมื่อพยายามใช้ขั้นตอนข้างต้น ผลการ ทดสอบความเร็วเพจของ Google โดยรวมจะ ดีขึ้น

6.12. ใช้ประโยชน์จากการแคชเบราว์เซอร์

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

7. บทสรุป

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

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