คำถามติดแท็ก page-speed

Page-Speed ​​โดยปกติหมายถึงเวลาที่ใช้ในการแสดงหน้าเว็บไปยังเบราว์เซอร์ในสถานะ "โหลดเต็ม"

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

4
ฉันจะตั้งค่าส่วนหัวการหมดอายุสำหรับ CSS, JS และรูปภาพได้อย่างไร
ฉันเพิ่งวิเคราะห์เว็บไซต์ของฉันด้วยการเพิ่ม pagepeed บน firebug แนะนำให้ฉันตั้งค่าหมดอายุบน CSS, JS และไฟล์รูปภาพ ฉันสงสัยว่าฉันจะทำเช่นนี้ได้อย่างไร

1
ขนาดวัตถุขั้นต่ำที่แนะนำสำหรับประโยชน์ของประสิทธิภาพการทำงานของ gzip คืออะไร?
ฉันกำลังปรับปรุงเวลาในการแสดงหน้าความเร็วและวิธีหนึ่งคือการ gzip เนื้อหาจากเว็บเซิร์ฟเวอร์ Google แนะนำ : โปรดทราบว่า gzipping จะเป็นประโยชน์สำหรับทรัพยากรที่มีขนาดใหญ่ เนื่องจากโอเวอร์เฮดและเวลาแฝงของการบีบอัดและคลายการบีบอัดคุณควร gzip ไฟล์ที่เกินขีด จำกัด ขนาดที่แน่นอน เราแนะนำช่วงต่ำสุดระหว่าง 150 ถึง 1,000 ไบต์ การขยายไฟล์ที่มีขนาดต่ำกว่า 150 ไบต์สามารถทำให้ไฟล์มีขนาดใหญ่ขึ้นได้ เราให้บริการเนื้อหาของเราผ่านAkamaiโดยใช้เครือข่ายของพวกเขาสำหรับพร็อกซีและ CDN สิ่งที่พวกเขาบอกฉัน: การติดตามคำถามของคุณเกี่ยวกับขนาดที่เล็กที่สุด Akamai จะบีบอัดวัตถุที่ร้องขอเมื่อส่งไปยังผู้ใช้ปลายทาง: ขนาดต่ำสุดคือ 860 ไบต์ คำตอบของฉัน: ทำไมขนาดขั้นต่ำของ Akamai คือ 860 ไบต์คืออะไร และทำไมตัวอย่างเช่นกรณีนี้ไม่ใช่สำหรับไฟล์ที่ Akamai ใช้กับ Facebook? ( ดูด้านล่าง ) Google แนะนำให้ gzip มากยิ่งขึ้น และดูเหมือนว่าเหมาะสมในไซต์ของเราที่มีจำนวนการเข้าชมบ่อยที่สุดคือการโทร AJAX …

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

2
มีการบีบอัด gzip สำหรับหน้า GitHub หรือไม่
ฉันใช้หน้า GitHub เพื่อโฮสต์เว็บไซต์ของฉัน ขณะตรวจสอบ Google PageSpeed ​​Insights ขอแนะนำให้ฉันเปิดใช้งานการบีบอัด gzip เนื่องจากฉันมีไซต์แบบคงที่ที่โฮสต์บน GitHub ฉันไม่แน่ใจว่าเป็นไปได้ เป็นไปได้หรือไม่ที่จะเปิดใช้งานการบีบอัด gzip บน GitHub?

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

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

2
ใช้ประโยชน์จากการแคชเบราว์เซอร์บนหน้า GitHub
หลังจากใช้PageSpeed ​​Insightsของ Google สำหรับเว็บไซต์ของฉัน [ http://flashmallach.github.com ] ข้อผิดพลาดที่ใหญ่ที่สุดที่ฉันยังคงเกิดขึ้นคือการใช้เบราว์เซอร์แคช ฉันพบวิธีแก้ไขปัญหาบางอย่างที่แนะนำให้ใช้ไฟล์. htaccess ในการทำเช่นนี้ แต่หน้า GitHub ดูเหมือนจะไม่สนับสนุน มีวิธีอื่นที่ฉันสามารถดึงสิ่งนี้ออกได้หรือไม่?

1
ไม่ได้ระบุชุดอักขระในข้อผิดพลาดส่วนหัว HTTP
เมื่อทดสอบหน้านี้ด้วย Page Speed ​​ฉันพบSpecify a character setข้อผิดพลาด: The following resources have no character set specified in their HTTP headers. Specifying a character set in HTTP headers can speed up browser rendering. Content-Typeแท็กเป็นปัจจุบันและหน้าได้รับการบันทึกไว้กับ UTF-8 เข้ารหัสเช่นกันดังนั้นที่เป็นข้อผิดพลาดมาจากไหน

4
กำลังโหลดจาวาสคริปต์หลักในทุกหน้าใช่ไหม หรือแบ่งเป็นหน้าเว็บที่เกี่ยวข้อง?
ฉันมี700kbไฟล์ JS ที่คลายการบีบอัดซึ่งโหลดได้ทุกหน้า ก่อนที่ผมจะมี12ไฟล์จาวาสคริปต์ในแต่ละหน้า แต่จะลด http 1 fileขอฉันบีบอัดพวกเขาในทุก ไฟล์นี้เป็นและทำหน้าที่มากกว่า~130kb gzipped gzipอย่างไรก็ตามในคอมพิวเตอร์ภายในเครื่องจะยังคงแตกและโหลดในทุกหน้า นี่เป็นปัญหาด้านประสิทธิภาพหรือไม่ ฉันได้ทำจาวาสคริปต์กับ profiler firebug แต่ไม่เห็นปัญหาใด ๆ ปัญหา / มายาที่ฉันพบคือมีไลบรารี jquery ที่บีบอัดในไฟล์นั้นซึ่งบางครั้งไม่ได้ใช้ในหน้าปัจจุบัน ตัวอย่างเช่น jquery datatablesนั้นมีขนาด 200kb ที่ถูกบีบอัดและมีการโหลดบนหน้าเว็บไซต์ของฉัน 2 หน้าเท่านั้น อีกประการหนึ่งคือและนั่นก็เป็นอีกหนึ่งjqplot200kb ตอนนี้ฉันมี400kbรหัสส่วนเกินที่ไม่ได้เรียกใช้80%จากหน้าเว็บ ฉันควรทิ้งทุกอย่างไว้ในไฟล์เดียวหรือไม่ ฉันควรนำไลบรารี jquery ออกและโหลดเฉพาะ JS ที่เกี่ยวข้องในหน้าปัจจุบันหรือไม่

1
Github เร็วแค่ไหน?
เมื่อคุณเบราส์ที่เก็บข้อมูลบน github (เช่นhttps://github.com/mojombo/jekyll/tree/master/bin ) มันให้ความรู้สึกเหมือนใช้ ajax และไม่โหลดหน้าเว็บใหม่ทุกครั้ง อย่างไรก็ตาม URL มีการเปลี่ยนแปลงจริง ๆ (ไม่ใช่แค่หลัง #) ฉันพบบทความนี้แล้วที่พวกเขาเขียนเกี่ยวกับแบ็กเอนด์ของพวกเขา: https://github.com/blog/530-how-we-made-github-fast แต่นี่เป็นกลลวงทั้งหมดจริง ๆ หรือ หน้าของฉันไม่เคยรู้สึกว่าเร็วและฉันใช้ yslow เพื่อเพิ่มประสิทธิภาพแล้ว
12 page-speed 

5
JavaScript ที่อ้างถึงในส่วนหัวควรให้บริการจากชื่อโฮสต์เดียวกันกับเอกสารหลักหรือไม่
ฉันอยู่ภายใต้ความประทับใจว่าเพื่อประสิทธิภาพที่ดีที่สุด Javascript ควรได้รับการปฏิบัติเหมือนเป็นเนื้อหาแบบคงที่และให้บริการจากโดเมนที่ไม่มีเนื้อหาพร้อมกับไฟล์ CSS รูปภาพและอื่น ๆ แต่ Google บอกไว้ที่นี่: อย่าให้บริการไฟล์ JS ภายนอกที่โหลดไว้ล่วงหน้า แต่เนิ่นๆจากโดเมน cookieless สำหรับ JavaScript ที่อ้างถึงในส่วนหัวของเอกสารและจำเป็นสำหรับการเริ่มต้นหน้าเว็บควรให้บริการจากชื่อโฮสต์เดียวกันกับเอกสารหลัก เนื่องจากเบราว์เซอร์ส่วนใหญ่บล็อกการดาวน์โหลดและการแสดงผลอื่น ๆ จนกว่าไฟล์ JavaScript ทั้งหมดจะถูกดาวน์โหลดแยกวิเคราะห์และดำเนินการจึงเป็นการดีกว่าที่จะหลีกเลี่ยงความเสี่ยงจากการค้นหา DNS เพิ่มเติม ณ จุดที่ทำการประมวลผลนี้ ดังนั้นตอนนี้ฉันทะเลาะกัน ฉันไม่ชัดเจนว่า "จำเป็นสำหรับการเริ่มต้นหน้าเว็บ" หมายถึงอะไร ฉันมักจะมีการอ้างอิง JavaScript สองรายการ JQuery ให้บริการจาก ajax.googleapis.com และไฟล์ master.js ที่ส่วนใหญ่มีตัวจัดการเหตุการณ์ในฟังก์ชัน $ (document). ready () จำเป็นสำหรับการเริ่มต้นหน้าเว็บหรือไม่ มีตัวเลือกที่พร้อมใช้งาน (ajax.googleapis.com, โดเมนที่ไม่มีเนื้อหาคงที่, ชื่อโฮสต์ดั้งเดิม) ที่จะให้บริการ JavaScript …

5
ภาพเปล่า สิ่งที่ต้องใช้: ภาพ JPEG Base64 เทียบกับ 1x1
ฉันกำลังสร้างเว็บไซต์และฉันต้องการสร้างข้อความค้นหา HTTP ให้น้อยที่สุดเท่าที่จะทำได้เพื่อให้เว็บไซต์มีความเร็วและ SEO ที่ดีขึ้น หน้าที่ฉันเพิ่งสร้างคือการแสดงภาพบนหน้าจอเลื่อน (ภาพมีคุณลักษณะ data-scr ซึ่งถูกแปลงเป็น src เมื่อผู้ใช้เลื่อนลงที่ภาพตามลำดับ เนื่องจากรูปภาพทั้งหมดมีdata-srcแอตทริบิวต์แทนsrcW3C จึงแสดงข้อผิดพลาดให้ฉัน ในขณะนี้ฉันพบสองตัวเลือกเพื่อแก้ปัญหานี้: src เริ่มต้นของภาพทั้งหมดเป็น URL ของภาพขนาด 1x1 ที่ว่างเปล่า src เริ่มต้นของภาพทั้งหมดที่จะเป็นฐานข้อมูล 64 ภาพเปล่า เมื่อฉันใช้ URL ของภาพ 1x1 เปล่าแล้ว (ทดสอบด้วย tools.pingdom.com) จะแสดงคำขอ HTTP 1 รายการ เมื่อฉันใช้ data base64 ภาพเปล่าแล้วมันจะแสดงคำขอมากเท่าจำนวนภาพในหน้า วิธีใดที่มีประสิทธิภาพมากขึ้นสำหรับเว็บไซต์ที่เร็วขึ้นและทำให้การร้องขอ HTTP น้อยลง (สมมติว่าผู้ใช้โหลดหน้าเว็บด้วยความเร็วอินเทอร์เน็ต 14.4kbps - ความเร็วอินเทอร์เน็ตครั้งแรก) แต่สำหรับ SEO มีตัวเลือกอื่น ๆ …

3
ฉันจะทำซ้ำการบีบอัดรูปภาพ lossless ของ Google Page Speed ​​เป็นส่วนหนึ่งของเวิร์กโฟลว์ของฉันได้อย่างไร
ฉันชอบที่ Page Speed ​​ของ Google สามารถบีบอัดรูปภาพจำนวนมากของฉันได้อย่างไม่สูญเปล่า แต่ฉันชอบที่จะทำให้มันเป็นส่วนหนึ่งของเวิร์กโฟลว์ของฉันก่อนที่จะอัปโหลดไซต์และทำให้มันอยู่ในสภาพดี มีสิ่งใดบ้างที่ฉันสามารถเรียกใช้ในพื้นที่เพื่อให้การบีบอัดแบบไม่สูญเสียข้อมูลแบบเดียวกันได้หรือไม่ ขณะนี้ฉันส่งออกรูปภาพจากส่งออกสำหรับเว็บจาก Photoshop และใช้แอปพลิเคชั่นเล็ก ๆ ที่เรียกว่า PNGCrusher เพื่อลดขนาดไฟล์ PNG ฉันชอบที่จะหาวิธีที่รวดเร็วกว่าการบันทึกและแทนที่ภาพแต่ละภาพจากผลลัพธ์ของ Page Speed

6
เป็นไปได้ไหมที่จะใช้ Google Adsense แบบอะซิงโครนัสเช่นไม่มีการปิดกั้น
ฉันรู้ว่ามีวิธีการแบบอะซิงโครนัสในการใช้ Google Analyticsแต่มีบางอย่างที่คล้ายกับ Adsense หรือไม่ ฉันไม่พบจากการค้นหาปัจจุบันของฉัน - ฉันสงสัยว่ามีเคล็ดลับทั่วไปที่ฉันหายไปหรือไม่?

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.