คำถามติดแท็ก performance

ศิลปะในการปรับแต่งเว็บไซต์เพื่อส่งมอบเนื้อหาให้กับผู้ใช้อย่างรวดเร็วและมีประสิทธิภาพผ่านการเชื่อมต่อที่มีแบนด์วิธต่ำ

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

1
ปรับปรุงประสิทธิภาพเว็บไซต์ด้วยการดาวน์โหลด CSS แบบขนานหรือไม่
ฉันเพิ่มประสิทธิภาพความเร็วในการโหลดหน้าเว็บไซต์ หนึ่งในวิธีคือการรวมหลายคำขอ HTTP สำหรับ CSS เป็นหนึ่งคำขอ HTTP รวม แต่ผู้ตรวจสอบคนหนึ่งถามคำถามที่น่าสนใจว่าจะไม่ทำให้การดาวน์โหลดไฟล์ CSS หลาย ๆ ไฟล์ซ้ำซ้อนลดเวลาในการโหลดหน้าเว็บหรือไม่ ฉันไม่เคยพิจารณาตัวเลือกนี้เนื่องจากสิ่งเดียวที่ฉันอ่านบนอินเทอร์เน็ตคือการลดจำนวนคำขอ HTTP (บล็อก) เป็นกุญแจสำคัญในหน้าเว็บที่เร็วขึ้น (แม้ว่า Google Pagespeed Insights จะไม่ได้ระบุ1นี้อย่างชัดเจน) ฉันเห็นเหตุผลสองสามข้อที่ว่าทำไมการเทียบกันจะไม่ปรับปรุงประสิทธิภาพหรือมีความสำคัญเพียงเล็กน้อย (เทียบกับประโยชน์ของการใช้คำขอ HTTP ที่น้อยลง): การตั้งค่าการเชื่อมต่อใหม่นั้นมีราคาแพง ในขณะที่การตั้งค่าการเชื่อมต่อหลายรายการสามารถทำได้ในแบบคู่ขนานเบราว์เซอร์จะใช้การเชื่อมต่อประมาณ 4-6 ครั้ง (ขึ้นอยู่กับเบราว์เซอร์) ดังนั้นการดาวน์โหลด CSS แบบขนานจะเป็นการบล็อกการดาวน์โหลดเนื้อหาอื่น ๆ เช่น JavaScript และรูปภาพ การตั้งค่าการเชื่อมต่อ HTTPS จะใช้ข้อมูลพิเศษบางอย่าง ฉันได้อ่านสิ่งนี้อาจเป็นข้อมูลไม่กี่ KB นี่คือข้อมูลพิเศษบางอย่างที่ต้องส่งผ่านสายแทน CSS ที่เราต้องการส่งจริง เนื่องจากอัลกอริธึมเริ่มช้าของ TCP ยิ่งมีการส่งข้อมูลผ่านการเชื่อมต่อมากเท่าไหร่การเชื่อมต่อก็จะยิ่งเร็วขึ้นเท่านั้น ดังนั้นการเชื่อมต่อที่มีอายุมากกว่าจะส่งข้อมูลได้เร็วกว่าการเชื่อมต่อใหม่ …
15 css  performance 

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


4
เมื่อใดที่ฉันควรใช้แอตทริบิวต์“ crossorigin” ใน“ preconnect” <link>
ฉันต้องการรวมคำแนะนำทรัพยากรที่มีการเชื่อมต่อไว้ล่วงหน้าบนเว็บไซต์ของฉันเพื่อให้เบราว์เซอร์สามารถ (ตัวอย่าง) เชื่อมต่อกับ jQuery CDN ก่อนที่พวกเขาจะเห็นแท็กสคริปต์ที่เรียกใช้ CDN ฉันไม่แน่ใจว่าควรรวมแอตทริบิวต์“ crossorigin” หรือค่าของมันควรเป็นอะไร สเปคกล่าวว่าในส่วนหนึ่ง ในการเริ่มการเชื่อมต่อล่วงหน้าเอเจนต์ผู้ใช้ต้องรันขั้นตอนเหล่านี้: [ ... ] ให้corsAttributeStateเป็นสถานะปัจจุบันของcrossoriginแอตทริบิวต์เนื้อหาขององค์ประกอบ ขอข้อมูลประจำตัวtrueเป็นชุดค่าบูลีนเพื่อ หากcorsAttributeStateเป็นAnonymousและต้นกำเนิดfalseไม่เท่ากับกำเนิดปัจจุบันเอกสารของข้อมูลประจำตัวของชุด พยายามที่จะได้รับการเชื่อมต่อกับแหล่งที่มาและข้อมูลประจำตัว ฉันไม่รู้วิธีตีความอัลกอริทึมนี้ หากฉันเชื่อมต่อกับ CDN ล่วงหน้าซึ่งจะอนุญาตให้ทุกคนดาวน์โหลดเนื้อหาโดยไม่มีข้อมูลรับรองประเภทใดฉันควรใช้ค่าใดสำหรับแอตทริบิวต์“ crossorigin”

1
เมื่อใดและเมื่อใดที่จะไม่ใช้ CDN
ฉันกำลังทำงานกับเว็บแอปพลิเคชันที่โหลดรูปภาพ gif ขนาดเล็กสองสามตัวลงบนหน้าจอ ฉันใช้พา ธ สัมพัทธ์ซึ่งหมายความว่าโหลดจากเว็บเซิร์ฟเวอร์เดียวกันที่แสดงหน้า php การดำเนินการเป็นไปอย่างรวดเร็วและฉันอยู่ในทวีปที่แตกต่างจากเว็บเซิร์ฟเวอร์ ฉันเพิ่งทดสอบเครือข่าย CDN สำหรับสิ่งนี้ (Cloudfront) การคิดว่าการย้ายไฟล์คงที่ใกล้กับผู้ใช้เป็นแนวคิดที่ดี อย่างไรก็ตามไฟล์เหล่านี้ทั้งหมดใช้เวลาครึ่งวินาทีหรือมากกว่านั้นในการแสดงผลบนหน้าจอ ตอนนี้ฉันต้องใช้เส้นทางสัมบูรณ์แน่นอน (https://xyzvf.cloufront.net/images/) ทำไมถึงเป็นอย่างนั้น? เส้นทางสัมบูรณ์เป็นปัญหาหรือไม่? ฉันลดการร้องขอ HTTP ไปยังเซิร์ฟเวอร์ของฉันเองซึ่งเป็นสิ่งที่ดี แต่ความล่าช้านั้นน่ารำคาญ CDN เหมาะกับสิ่งนี้หรือไม่

6
มีวิธีใดบ้างในการปรับปรุงความเร็วของ Google Adsense / Analytics
เมื่อใดก็ตามที่ฉันเรียกใช้ Google Page Speed ​​หรือ YSlow การเพิ่มประสิทธิภาพที่แนะนำหลายอย่างนั้นเกิดจากการใช้ Google Adsense และ Google Analytics ของฉัน ตัวอย่างเช่น YSlow บอกว่ามี "สคริปต์ Javascript ภายนอก 9 ตัว" - ฉันมีเพียงหนึ่งสคริปต์ในเว็บไซต์ของฉันดังนั้นส่วนที่เหลือจะเห็นได้ชัดจาก Adsense หรือการวิเคราะห์ นอกจากนี้ภายใต้ "ลดการค้นหา DNS" โดเมนเหล่านี้จะแสดงรายการ: pagead2.googlesyndication.com googleads.g.doubleclick.net www.google-analytics.com altfarm.mediaplex.com img-cdn.mediaplex.com eu.bid.invitemedia.com ad.doubleclick.net s0.2mdn.net พิกเซล invitemedia.com adadvisor.net มีสิ่งใดบ้างที่ฉันสามารถทำได้เพื่อลดสิ่งเหล่านี้หรือทำการปรับปรุงอื่น ๆ กับความเร็ว

1
มีขนาดสูงสุดที่ควรเก็บไว้ภายใต้หน้าเว็บ?
โพสต์เรื่องนี้ทาง SOก่อนที่ Ben Voigt จะดีพอที่จะแนะนำฉันได้ที่นี่ Anywho นี่คือคำถามของฉัน: เมื่อฉันพูดขนาดฉันกำลังพูดถึงไบต์ไม่พิกเซล ฉันอยากรู้ว่ามีมติใด ๆ เกี่ยวกับขนาดสูงสุดที่ควรจะเป็นสำหรับประเภทต่างๆ โดยเฉพาะ: Broadband connections Dialup connections Mobile connections

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

4
อะไรเป็นสาเหตุของเวลา 'รอ' ก่อนที่ HTML จะโหลด
ฉันมีเว็บไซต์ดูเหมือนว่าจะโหลดช้ามาก เมื่อฉันทำการทดสอบความเร็วฉันเห็นว่ามีช่องว่าง 6 วินาทีก่อนที่จะโหลด HTML รูปภาพและสคริปต์ JS โหลดอย่างรวดเร็วหลังจากจุดนั้น คุณสามารถดูในรูปด้านล่างแถบ 'รอเวลา' สีเหลือง: สิ่งนี้ดูเหมือนจะสอดคล้องกันไม่ว่าเนื้อหา HTML ในหน้านั้นจะเป็นอะไร ไซต์นี้ใช้ CMS (ModX Revo) ดังนั้น HTML ถูกเก็บไว้ในฐานข้อมูล SQL และนำออกมาโดย PHP แต่ฉันไม่เคยพบปัญหานี้มาก่อน ใครบ้างจะรู้ว่าอะไรเป็นสาเหตุของปัญหานี้และฉันจะเร่งความเร็วได้อย่างไร

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 มีตัวเลือกอื่น ๆ …

4
ฉันจะวัดเวลาในการโหลดหน้าเว็บไซต์จากประเทศต่างๆได้อย่างไร [ปิด]
ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Webmasters Stack Exchange ปิดให้บริการใน3 ปีที่ผ่านมา เมื่อเร็ว ๆ นี้ฉันย้ายหนึ่งในโครงการส่วนตัวของฉันไปยังคลาวด์และโฮสต์แอพบนเซิร์ฟเวอร์ที่ใช้ UK ฉันอาศัยอยู่ในตุรกีและฉันต้องการดูว่าหน้าเว็บของฉันโหลดนานแค่ไหนสำหรับผู้ใช้ในสหราชอาณาจักรและจากประเทศอื่น ๆ ฉันพยายาม ping เว็บไซต์ แต่ฉันได้รับเวลาลึก ฉันคิดว่ามันเป็นเพราะ load balancer มีบริการใดบ้างที่จะทำให้ฉันสามารถตรวจสอบเวลาในการโหลดหน้าเว็บไซต์ของฉันได้ทั่วโลกหรือไม่?

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

3
บริการ CDN ฟรีที่ดีที่สุดคืออะไร [ปิด]
ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม &amp; คำตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ดูเหมือนว่าการใช้ CDN เป็นตัวเลือกที่ดีที่สุดในการมอบประสบการณ์การท่องเว็บที่ยอดเยี่ยมแก่ผู้ใช้ แต่แผนของผู้ให้บริการ CDN รายใหญ่นั้นมีค่าใช้จ่ายสูง ดังนั้นฉันอยากจะชินกับสิ่งที่ CDN ก่อนสมัครเป็นสมาชิกแผนชำระเงินใด ๆ โปรดแจ้งให้เราทราบหากมีบริการ CDN ฟรี 100%
11 performance  free  cdn 

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

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