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

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

บริการออนไลน์เพื่อวัดความเร็วในการโหลดเว็บไซต์

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

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

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

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

   

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

   1. รวมภาพบางส่วนจากธีมของเว็บไซต์เข้าไว้ด้วยกัน
   2. และถ้าเป็นไปได้ก็ลดลงด้วย
   3. นอกเหนือจากนั้นมันก็สมเหตุสมผล

   

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

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

   สำหรับไซต์ของคุณ เช่นเดียวกับการดู Traceroute คุณจะต้องเลือกแท็บ "Ping และ Traceroute" ที่ด้านบนสุดของหน้า ป้อน URL ที่ไม่มี http ลงในแบบฟอร์มที่ให้ไว้ ทำเครื่องหมายที่ช่อง "Traceroute" หรือ "Ping" ใต้แบบฟอร์มนี้ แล้วคลิก "ทดสอบทันที"

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

   

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

3. ข้อมูลเชิงลึกของ Google PageSpeed เป็นเครื่องมือสำหรับนักพัฒนาจาก Google เอง ให้การประเมินความเร็วในการโหลดไซต์ของคุณ (หรือมากกว่าการเพิ่มประสิทธิภาพความเร็วนี้) ในระดับ 100 100 เป็นอุดมคติที่ไม่สามารถบรรลุได้ แต่การได้รับ 80-90 นั้นค่อนข้างเป็นไปได้ โดยเฉพาะอย่างยิ่งเนื่องจากบริการนี้ให้คำแนะนำโดยละเอียดมากสำหรับการแก้ไขข้อบกพร่องที่ระบุ

   

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

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

   ตัวอย่างเช่น ฉันมีปัญหาในการตั้งค่าการบีบอัด gzip และตั้งเวลาแคชสำหรับไฟล์คงที่ (รูปภาพ ไฟล์ css และสคริปต์) ในเบราว์เซอร์ของผู้ใช้ เนื่องจาก Apache ทำงานร่วมกับ nginx แต่ฉันไม่ทราบวิธีทำงานกับ มัน. ฉันต้องเขียนถึงฝ่ายสนับสนุนด้านเทคนิคของ Infobox เพื่อขอให้ตั้งค่าทุกอย่าง - พวกเขาทำได้และไม่ได้รับเงินด้วยซ้ำ (ขอบคุณพวกเขา!) อย่างไรก็ตามในตอนแรกพวกเขาตั้งเวลาจัดเก็บแคชเป็น 1 ชั่วโมง แต่ Google PageSpeed ​​​​Insights ยังคงบ่น:

   

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

4. ทดสอบไซต์ของฉัน- บริการใหม่อีกครั้งจาก Google จะเน้นไปที่การประเมินผลเป็นหลัก รุ่นมือถือของไซต์ของคุณ รวมถึงตามเกณฑ์ความเร็วในการโหลด:

   

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

5. จีทีเมตริกซ์- อีกครั้ง "โดยไม่ต้องกังวลใจอีกต่อไป" ป้อน URL หน้าที่ต้องการและรอสักครู่เพื่อให้การวิเคราะห์เสร็จสิ้น ด้วยเหตุนี้ คุณจะได้รับรายงานที่สร้างจากข้อมูลจากปลั๊กอินของเบราว์เซอร์สองตัว - Page Speed ​​​​(อ่านเกี่ยวกับการทำงานด้านล่าง) และ YSlow ที่จริงแล้ว ข้อมูลใดที่จะเชื่อถือได้และคำแนะนำที่จะปฏิบัติตามนั้นขึ้นอยู่กับคุณในการตัดสินใจ

   

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

6. แอดมินปิง- แหล่งข้อมูลออนไลน์ที่คล้ายกันสำหรับการวัดเวลาตอบสนองของเซิร์ฟเวอร์จากส่วนต่างๆ ของโลกอันกว้างใหญ่ของเรา
   
   
7. ตัวติดตามโฮสต์- เกือบจะเหมือนกัน ต่างกันแค่ประเทศเท่านั้น
8. ByteCheck— ช่วยให้คุณสามารถวัดค่า TTFB (Time To First Byte) สำหรับเว็บไซต์ของคุณ ซึ่งมักจะให้ความสนใจในระหว่างการเพิ่มประสิทธิภาพ นี่คือเวลาที่เบราว์เซอร์ได้รับข้อมูลไบต์แรกจากเซิร์ฟเวอร์ ยิ่งค่า TTFB สูงเท่าใด เซิร์ฟเวอร์ก็จะประมวลผลทรัพยากรช้าลงเท่านั้น ซึ่งถือว่าไม่ดี อ่านเคล็ดลับในการเพิ่มประสิทธิภาพการโหลดเว็บไซต์
9. โหลดผลกระทบ- นี่ไม่ได้เกี่ยวกับความเร็วทั้งหมด แต่ยังเป็นบริการที่สำคัญด้วย ช่วยให้คุณสามารถทดสอบความสามารถในการโหลดของไซต์ของคุณและความเร็วในการโหลดหน้าเว็บลดลงหรือไม่ สิ่งที่มีประโยชน์มาก
10. ความเร็วหน้าเว็บ- บริการออนไลน์ที่มีการออกแบบตั้งแต่ต้นยุค 90 แต่ค่อนข้างให้ข้อมูลหากคุณปรับให้เข้ากับการขาดการใช้งาน ด้านล่างนี้เป็นคำแนะนำทั่วไปสำหรับการแก้ไขสถานการณ์

การติดตามความเร็วในการโหลดหน้าเว็บมีความสำคัญจริงหรือ?

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

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

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

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

มีทางออก - เน้นย้ำโฮสต์ของคุณในหัวข้อการดำเนินการที่ Paige Speed ​​​​กำหนด เขาจะเห็นด้วยหรือไม่ก็เป็นอีกคำถามหนึ่ง ฉันไม่กล้าเพราะมันน่าอึดอัดใจที่จะให้ใครก็ตามเข้าถึงเซิร์ฟเวอร์ได้ (นั่นทำให้ฉันไม่ไว้วางใจเลย)

ในหน้าหลัก PageSpeed ​​​​ยังแนะนำให้ติดตั้งโมดูลบนเซิร์ฟเวอร์ของคุณหากใช้ Apache หรือ Nginx (ซึ่งเป็นกรณีของฉัน):

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

โดยทั่วไปเป็นครั้งแรกที่ฉันใช้ Page Speed ​​​​เป็นส่วนขยายของเบราว์เซอร์ (ตอนนี้ตามที่ฉันเข้าใจแล้วมันไม่ทำงาน) ก่อนหน้านี้ได้รวมเข้ากับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Firefox และ Chrome จริงอยู่ ในตอนแรก (เมื่อหลายปีที่แล้ว) ฉันดูคำแนะนำที่เขาให้ฉันเพียงช่วงสั้น ๆ และเมื่อเข้าใจแทบไม่มีอะไรเลย ฉันจึงตัดสินใจว่านี่ไม่ใช่สำหรับฉัน หลังจากนั้นฉันก็ลบ PageSpeed ​​ด้วยความเต็มใจ ปลั๊กอินเป็นองค์ประกอบที่ไม่จำเป็นและแปลกใหม่ในใจของฉัน

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

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

กล่าวโดยสรุป ฉันติดตั้ง Page Speed ​​​​ใน Mazila อีกครั้ง (ตอนนี้ฉันไม่จำเป็นต้องทำเช่นนี้อีกต่อไป) ดูว่าอะไรที่บ่นมากที่สุดและฉันยังคงสามารถปรับปรุงบางสิ่งได้และฉันหวังว่าที่ อย่างน้อยก็เพิ่มความเร็วสักหน่อย

ป.ล. ตอนนี้ Page Speed ​​​​สามารถใช้ได้ออนไลน์เท่านั้นและไม่จำเป็นต้องติดตั้งในเบราว์เซอร์อีกต่อไป (ไม่ว่าในกรณีใดปลั๊กอินนี้เข้ากันไม่ได้กับ Chrome เวอร์ชันใหม่) แม้ว่าสิ่งนี้จะไม่เปลี่ยนสาระสำคัญก็ตาม

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

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

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

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

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

ภาพเริ่มต้นของฉันเมื่อไม่กี่ปีที่ผ่านมา (แม้จะใช้ปลั๊กอิน - ตอนนี้สามารถเห็นสิ่งเดียวกันได้ใน http://gtmetrix.com/ เนื่องจากใช้ PageSpeed ​​​​API) สำหรับ https://site เป็นดังนี้:

จากนั้นฉันตัดสินใจเริ่มจากจุดแรก “ใช้ประโยชน์จากแคชของเบราว์เซอร์” (ตอนนี้เรียกว่า "ใช้แคชเบราว์เซอร์ของคุณ") เนื่องจากตามตรรกะของ Page Speed ​​คำแนะนำเหล่านี้ควรช่วยให้บล็อกของฉันเร่งความเร็วได้สูงสุด

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

เหล่านั้น. เพื่อเพิ่มความเร็วในการโหลด PageSpeed ​​​​Insights แนะนำให้เรากำหนดค่าแคชขององค์ประกอบต่าง ๆ ของหน้าเว็บในเบราว์เซอร์ของผู้ใช้อย่างเหมาะสมที่สุด เพื่อที่ว่าเมื่อดูผู้อื่น องค์ประกอบคงที่เหล่านี้จะไม่ถูกโหลดซ้ำจากเซิร์ฟเวอร์ ตามทฤษฎีแล้ว ทั้งหมดนี้ฟังดูค่อนข้างสับสน เพราะฉันไม่รู้เกี่ยวกับกลไกการแคชที่เบราว์เซอร์ใช้ (อ่านเกี่ยวกับเรื่องนั้นและวิธีล้างข้อมูล)

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

การเพิ่มประสิทธิภาพแคชของเบราว์เซอร์และตรวจสอบการทำงานของมัน

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

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

โดยปกติแล้วจะอยู่ในโฟลเดอร์รูท โดยปกติแล้ว ทุกอย่างที่อธิบายไว้ด้านล่างจะทำงานบนเซิร์ฟเวอร์ที่ใช้ Apache เท่านั้น แต่ตามกฎแล้ว ส่วนใหญ่จะเป็นเช่นนั้น หลังจากเชื่อมต่อกับทรัพยากรของคุณผ่าน FTP () ให้เปิด โฟลเดอร์รูท(โดยปกติจะเป็น PUBLIC_HTML หรือ HTMLDOCS) และตรวจหาไฟล์ .htaccess ในนั้น

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

ถ้า .htaccessมองไม่เห็น ให้ลองเข้าไปดู โปรแกรม FileZillaเลือกจากเมนูด้านบนรายการ "เซิร์ฟเวอร์" - "บังคับแสดง" ไฟล์ที่ซ่อนอยู่- หากแม้หลังจากนี้มันไม่ปรากฏที่รูทให้สร้างไฟล์ข้อความว่างบนคอมพิวเตอร์ของคุณในโปรแกรมแก้ไขใด ๆ ที่สะดวกสำหรับคุณ (ฉันใช้ NotePad Plus Plus) ตั้งชื่อบางอย่างแล้วคัดลอกไปที่รูท

หลังจากนั้นให้เปลี่ยนชื่อไฟล์นี้เป็น .htaccess ใน FileZilla ตอนนี้คุณจะต้องเปิดมันเพื่อแก้ไขและเพิ่มโค้ดด้านล่างลงไป แต่ก่อนอื่นให้ฉันอธิบายเล็กน้อย

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

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

#cache ไฟล์ html และ htm เป็นเวลาหนึ่งวัน ส่วนหัวตั้งค่า Cache-Control "max-age=43200"#cache css, จาวาสคริปต์และ ไฟล์ข้อความเป็นเวลาหนึ่งสัปดาห์ ส่วนหัวตั้งค่า Cache-Control "max-age=604800"#แคชแฟลชและรูปภาพนานหนึ่งเดือน ส่วนหัวตั้งค่าการควบคุมแคช "max-age=2592000"#ปิดการใช้งานแคช ส่วนหัวยกเลิกการตั้งค่า Cache-Control

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

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

ExpiresActive บน #default cache คือ 5 วินาที ExpiresDefault "เข้าถึงบวก 5 วินาที" #cache แฟลชและรูปภาพเป็นเวลาหนึ่งเดือน ExpiresByType รูปภาพ/x-icon "เข้าถึงบวก 2592000 วินาที" ExpiresByType image/jpeg "เข้าถึงบวก 2592000 วินาที" ExpiresByType image/png " เข้าถึงบวก 2592000 วินาที" ExpiresByType image/gif "เข้าถึงบวก 2592000 วินาที" แอปพลิเคชัน ExpiresByType/x-shockwave-flash "เข้าถึงบวก 2592000 วินาที" #cache css, javascript และไฟล์ข้อความเป็นเวลาหนึ่งสัปดาห์ ExpiresByType text/css "เข้าถึงบวก 604800 วินาที" ข้อความ ExpiresByType/javascript "เข้าถึงบวก 604800 วินาที" แอปพลิเคชัน ExpiresByType/javascript "เข้าถึงบวก 604800 วินาที" แอปพลิเคชัน ExpiresByType/x-javascript "เข้าถึงบวก 604800 วินาที" #cache ไฟล์ html และ htm เป็นเวลาหนึ่งวัน ข้อความ ExpiresByType/html "เข้าถึงบวก 43200 วินาที " #แคช ไฟล์ xmlเป็นเวลาสิบนาที แอปพลิเคชัน ExpiresByType/xhtml+xml "เข้าถึงบวก 600 วินาที"

ความคิดเห็นสามารถลบได้อีกครั้งในภายหลัง

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

1. ExpiresActive On แอปพลิเคชัน ExpiresByType/javascript "การเข้าถึงบวก 1 ปี" ข้อความ ExpiresByType/javascript "การเข้าถึงบวก 1 ปี" ข้อความ ExpiresByType/css "การเข้าถึงบวก 1 ปี" ภาพ ExpiresByType/gif "การเข้าถึงบวก 1 ปี" ภาพ ExpiresByType/jpeg "การเข้าถึงบวก 1 ปี" ExpiresByType image/png "เข้าถึงบวก 1 ปี"
2. ส่วนหัวตั้งค่าการควบคุมแคช: ส่วนตัว ส่วนหัวตั้งค่าการควบคุมแคช: สาธารณะ
3. BrowserMatch "MSIE" บังคับไม่แปรผัน BrowserMatch "Mozilla/4.(2)" บังคับไม่แปรผัน
4. FileETag ขนาด MTime ExpiresActive เมื่อ ExpiresDefault "การเข้าถึงบวก 1 เดือน"

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

อย่างที่คุณเห็น ในกรณีของฉัน “ใช้แคชของเบราว์เซอร์” ไม่ใช่ข้อบกพร่องร้ายแรงที่ทำให้การโหลดช้าลงอีกต่อไป และไอคอนที่อยู่ถัดจากบันทึกย่อนี้เปลี่ยนเป็นสีส้ม แต่ไม่ใช่สีเขียว น่าเสียดายที่มีอิทธิพล บริการของบุคคลที่สามจากจุดที่ไซต์ของฉันโหลดสถิติ (เช่น Yandex, Google, Feedburner และ Aptulaik) ฉันไม่สามารถทำได้

Q.E.D. เช่นเดียวกัน เราได้แยกแยะปัญหาที่สำคัญและสำคัญที่สุดประการหนึ่งที่พบใน Page Speed

วิธีเปิดใช้งานการบีบอัดวัตถุคงที่บนเซิร์ฟเวอร์

มากเช่นกัน ปัญหาทั่วไปซึ่งบริการ GTmetrix บ่นคือไม่มีการบีบอัดไฟล์บนเซิร์ฟเวอร์ก่อนที่จะส่งไปยังเบราว์เซอร์ของผู้ใช้

มันใช้ในกรณีนี้ซึ่งฉันได้เขียนไปแล้ว หากคุณไม่ได้วิเคราะห์โดยตรงผ่าน PageSpeed ​​​​Insights แต่ผ่าน GTmetrix ดังนั้นในพื้นที่ PageSpeed ​​\u200b\u200b"เปิดใช้งานการบีบอัด" เรียกว่า "เปิดใช้งานการบีบอัด gzip" และใน YSlow เรียกว่า "บีบอัดส่วนประกอบด้วย gzip"

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

สิ่งที่พบบ่อยที่สุด - มาเริ่มกันเลย เราเพิ่มการตรวจสอบการมีอยู่ของโมดูลนี้อีกครั้งในโค้ดเพื่อไม่ให้ได้รับข้อผิดพลาด 500 สำหรับทั้งไซต์

AddOutputFilterByType ลบข้อความ/ข้อความ html/ข้อความธรรมดา/แอปพลิเคชัน xml/แอปพลิเคชัน xml/xhtml+ข้อความ xml/ข้อความ css/แอปพลิเคชัน javascript/แอปพลิเคชัน javascript/x-javascript

โค้ดสำหรับเปิดใช้งานการบีบอัด Gzip สำหรับประเภทไฟล์ที่ต้องการซึ่งได้รับความนิยมน้อยกว่าเล็กน้อยจะมีลักษณะดังนี้:

mod_gzip_on ใช่ mod_gzip_dechunk ใช่ mod_gzip_item_include ไฟล์ \.(html?|txt|css|js|php|pl)$ mod_gzip_item_include mime ^text\.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image\.* mod_gzip _item_exclude rspheader ↑ การเข้ารหัสเนื้อหา:.*gzip.*

จริงๆ แล้ว ลองตรวจสอบหน้าใน PageSpeed ​​​​Insights หลังจากติดตั้งโค้ดแล้ว หากปัญหาหายไปก็ถือว่าตัวเองโชคดี เนื่องจากการมีอยู่ของ Apache พร้อม nginx ทั้งหมดนี้ไม่ได้ช่วยฉันเลย (โฮสต์บอกว่า nginx รับผิดชอบเรื่องสถิตยศาสตร์ในสถานการณ์นี้จำเป็นต้องกำหนดค่า - ฉันไม่รู้ว่าเขาทำได้อย่างไร)

ขอให้โชคดี! พบกันเร็ว ๆ นี้ในหน้าของเว็บไซต์บล็อก

สามารถรับชมวีดีโอเพิ่มเติมได้ที่

คุณอาจจะสนใจ

การวัดและเพิ่มความเร็วไซต์ใน GTmetrix รวมถึงการตั้งค่าการโหลดไลบรารี jQuery จาก Google CDN
การบีบอัด Gzip เพื่อเพิ่มความเร็วในการโหลดไซต์ - วิธีเปิดใช้งานสำหรับ Js, Html และ Css โดยใช้ไฟล์ .htaccess
วิธีเพิ่มความเร็วในการโหลดเว็บไซต์และเพิ่มประสิทธิภาพการโหลดเซิร์ฟเวอร์

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

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

แรงจูงใจ

เมื่อตรวจสอบไซต์ Google ด้วยเครื่องมือ PageSpeed ​​​​Insights พบว่าไม่มีปัญหากับเวอร์ชันเดสก์ท็อปของไซต์ - 100/100 แต่ผลลัพธ์ของเวอร์ชันมือถือยังคงเป็นที่ต้องการอย่างมาก - 71/100

นี่หมายความว่าไม่สามารถบรรลุผลลัพธ์ 100/100 ได้ใช่หรือไม่

วิธีทำให้เพจโหลดเร็วขึ้น

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

ขั้นตอนเหล่านี้บางขั้นตอนต้องใช้ความเชี่ยวชาญด้านเทคนิค แต่บางขั้นตอนไม่จำเป็นต้องใช้ สามารถปฏิบัติตามคำแนะนำเหล่านี้ได้ในระบบการจัดการเนื้อหาใดๆ

ขั้นตอนที่หนึ่ง: ปรับภาพของคุณให้เหมาะสม

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

· บีบอัดรูปภาพทั้งหมดโดยใช้เครื่องมือ Compressor.io และ TinyPNG (หรือเครื่องมือฟรีอื่นๆ) ในบางกรณี เครื่องมือเหล่านี้สามารถลดขนาดรูปภาพได้มากกว่า 80% โดยไม่กระทบต่อคุณภาพของรูปภาพ

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

คุณสามารถดาวน์โหลดรูปภาพ บีบอัดและจัดรูปแบบด้วยตนเอง หรือใช้บริการ PageSpeed ​​​​Tool และดาวน์โหลดรูปภาพที่ปรับให้เหมาะสมแล้ว เช่นเดียวกันสามารถทำได้กับ JavaScript และ CSS

ขั้นตอนที่สอง: ลดทรัพยากร CSS และ JavaScript

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

เพื่อแก้ไขปัญหานี้ คุณสามารถติดตั้งเครื่องมือ Gulpjs บนเซิร์ฟเวอร์ได้ เครื่องมือจะสร้างไฟล์ CSS ใหม่และลบช่องว่างทั้งหมดออกโดยอัตโนมัติ นอกจากนี้ยังสร้างไฟล์ CSS ใหม่โดยอัตโนมัติสำหรับการเปลี่ยนแปลงใดๆ ที่คุณทำ ในกรณีนี้ นักพัฒนาสามารถลดขนาดไฟล์ CSS หลักจาก 300kb เป็น 150kb ได้

หากคุณใช้ WordPress เป็นความคิดที่ดีที่จะติดตั้งปลั๊กอินปรับอัตโนมัติ

คุณยังสามารถดาวน์โหลดไฟล์ที่ได้รับการปรับให้เหมาะสมแล้วซึ่งแนะนำโดย PageSpeed ​​​​Tool

ขั้นตอนที่สาม: ปรับเวลาตอบสนองของเซิร์ฟเวอร์ให้เหมาะสม

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

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

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

ด้านล่างนี้เป็นแผนภาพการทำงานของ CDN พร้อม GTmetrix

คุณสามารถถ่ายโอนรูปภาพ ไฟล์ JavaScript และ CSS ทั้งหมดไปยัง CDN และปล่อยไว้บนเซิร์ฟเวอร์หลักเท่านั้น ไฟล์ HTML- การโฮสต์รูปภาพบน CDN สามารถปรับปรุงความเร็วในการโหลดหน้าเว็บไซต์ได้อย่างมาก

ขั้นตอนที่สี่: ใช้แคชของเบราว์เซอร์

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

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

ขั้นตอนที่ห้า: ลบทรัพยากรที่บล็อกการแสดงผลออกจากด้านบนของหน้า

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

หากคุณใช้ WordPress ปลั๊กอิน Autoptimize ที่กล่าวถึงก่อนหน้านี้สามารถช่วยคุณได้ ในการดำเนินการนี้ คุณเพียงแค่ต้องเปลี่ยนการตั้งค่าปลั๊กอิน

ขั้นตอนที่หก: เปิดใช้งานการบีบอัด

คุณสามารถเปิดใช้งานการบีบอัดได้ในการตั้งค่าเซิร์ฟเวอร์ของคุณ หากคุณสงสัยในความสามารถของคุณในเรื่องนี้ โปรดถามคุณ การสนับสนุนด้านเทคนิคเปิดใช้งานการบีบอัด GZIP สำหรับเซิร์ฟเวอร์ของคุณ

ขั้นตอนที่เจ็ด: ปรับเวอร์ชันมือถือให้เหมาะสม

ไซต์บนมือถือเวอร์ชันปรับเปลี่ยนได้ต้องใช้ความละเอียดของภาพ การตั้งค่าแบบอักษร และระบบนำทางที่ดีที่ถูกต้อง

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

บทสรุป:

ดังนั้น สี่ขั้นตอนที่สำคัญที่สุดที่คุณต้องดำเนินการเพื่อปรับปรุงคุณภาพเว็บไซต์ของคุณคือ:

1. ใช้ CDN

2. ใช้แคชของเบราว์เซอร์ของคุณ

3. ลบทรัพยากรที่บล็อกการแสดงผลออกจากด้านบนของหน้า

4. ปรับขนาดรูปภาพของคุณให้เหมาะสมและบีบอัด

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

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

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

Google เสนอเครื่องมือเพิ่มประสิทธิภาพประเภทใดเพื่อเพิ่มความเร็วเว็บไซต์

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

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

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

ก่อนหน้านี้ Page Speed ​​​​Insights สามารถใช้เป็นส่วนขยายของเบราว์เซอร์และมีลิงก์ดาวน์โหลดอยู่ในหน้า Google พิเศษ ยิ่งไปกว่านั้น เพื่อที่จะนำไปใช้ใน Mazil จำเป็นอย่างยิ่งที่จะต้องนำเสนอ Page Speed ​​​​เป็นส่วนเพิ่มเติม:

ตอนนี้ไม่สามารถใช้ส่วนขยายสำหรับเบราว์เซอร์โดยเฉพาะจาก Google ได้อีกต่อไป แม้ว่าปลั๊กอินเดียวกัน แต่มีการตีความที่แตกต่างกันเล็กน้อยบนหน้าเว็บอย่างเป็นทางการของ Chrome และ Mazila ( และ ) นอกจากนี้ยังมีบริการออนไลน์ของ Google ที่ใช้งานได้อย่างสมบูรณ์ในชื่อเดียวกันพร้อมฟังก์ชันการทำงานที่เหมือนกันทุกประการและความสามารถไม่น้อย หากคุณไปที่ส่วนนักพัฒนา คุณจะเห็นลิงก์ไปยังเครื่องมือ Page Speed ​​​​ที่นั่น:

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

ความพร้อมใช้งาน โอเพ่นซอร์ส ซอฟต์แวร์ ของโครงการนี้การทำงานบนพื้นฐานของโมดูล" mod_pagespeed"ซึ่งติดตั้งบนเซิร์ฟเวอร์ Apache (ซึ่งส่วนใหญ่เป็นส่วนใหญ่) หมายความว่าใคร ๆ ก็สามารถปรับปรุงหรืออัปเดตได้

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

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

ยิ่งไปกว่านั้น มีการปรับเปลี่ยนโมดูล Page Speed ​​​​สองประการ: โดยตรงสำหรับเซิร์ฟเวอร์ Apache และสำหรับการรวม Apache + Nginx โดยที่ส่วนที่สองมีบทบาทเป็นพร็อกซีเซิร์ฟเวอร์:

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

แนะนำ PageSpeed ​​​​ของ Google (วิธีเพิ่มความเร็วในการโหลดหน้าเว็บไซต์)

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

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

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

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

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

ฉันยกตัวอย่างข้างต้น หน้าแรกซึ่งแสดงประกาศโพสต์ แต่ Page Speed ​​​​ให้คะแนนบทความใดบทความหนึ่งที่ต่ำกว่ามาก:

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

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

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

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

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

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

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

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

• PageSpeed ​​​​Insights มีความสำคัญต่อ SEO หรือไม่
• เพราะเหตุใดการให้คะแนนเว็บไซต์ของฉันจึงไม่สูงสุด
• คำแนะนำทั้งหมดนี้หมายความว่าอย่างไร

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

Google PageSpeed ​​​​ไม่สำคัญ

ใช่ มันเป็น... แต่ทำไมมันไม่สำคัญล่ะ?

ความเร็วของหน้าเทียบกับ PageSpeed ​​​​Insights

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

Google PageSpeed ​​​​Insights ไม่ได้วัดความเร็วไซต์

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

1. ข้อมูลเชิงลึกของ Google PageSpeed

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

2. เครื่องมือ Pingdom

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

3.ตัวไหนโหลดเร็วกว่ากัน

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

4. การทดสอบประสิทธิภาพหน้าเว็บ

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

5. จีทีเมตริกซ์

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

6. ผลกระทบต่อโหลด

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

7. เครื่องมือโมนิทิส

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

8.SiteSpeed.me

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

9. พีอาร์-ซี

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

10. ตัววิเคราะห์หน้าเว็บ

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

หากคุณใช้เครื่องมือออนไลน์ฟรีอื่นๆ เพื่อตรวจสอบความเร็วในการโหลดหน้าเว็บไซต์ โปรดแชร์ในความคิดเห็น