ตัวเลขมีความหมายอย่างไรกับแบบอักษรของเว็บ“ มิเตอร์โหลดหน้าเว็บ” ของ Google


11

ฉันกำลังชั่งน้ำหนักข้อดีข้อเสียของการใช้ชุดแบบอักษรเว็บโดยเฉพาะและฉันต้องการดูว่าจะเพิ่มน้ำหนักลงในไซต์นี้เป็นครั้งแรกเท่าใดสำหรับผู้เข้าชมครั้งแรก มันเป็นแบบอักษรของ Google และพวกเขามีเครื่องวัด SVG นี้มีPage loadคำบรรยายImpact on page load time( ตัวอย่าง ):

ป้อนคำอธิบายรูปภาพที่นี่

ดังนั้นการรวมกันของแบบอักษรบนเว็บนี้จะมี 118 ... ผลกระทบต่อความเร็วในการโหลดหน้าเว็บ? หมายเลขนั้นดูเหมือนว่าจะไม่มีการติดฉลากอย่างสมบูรณ์

มันคืออะไร? 118 กิโลไบต์? 118 miliseconds ขึ้นอยู่กับการเชื่อมต่อเฉลี่ย? 118 วันถูกลบออกจากอายุขัยของผู้ใช้จากความเครียดในการนั่งขบเขี้ยวเคี้ยวฟันรอข้อความที่จะแสดง?

ฉันไม่เห็นร่องรอยใด ๆ ฉันเคยสอดแนมในรหัส SVG ของกราฟิกเพื่อค้นหาฉลากอธิบายหรือรหัสองค์ประกอบ ที่อยู่ใกล้ที่อยู่ในแท็ก SVG ตัวเอง - และแท็กซ่อนแปลกบอกว่าaria-label="A chart."GViz is great

ไฟล์ tff ที่แท้จริงสำหรับน้ำหนักสองอันที่ฉันดูอยู่คือ 251kb รวมกันที่ไม่มีการบีบอัดดังนั้นจึงเป็นไปได้ว่าเป็นน้ำหนักที่บีบอัดเป็น KB


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

2
หมายความว่ามีเพียง 118 คนเท่านั้นที่รู้ว่าหมายเลขระบุอะไร :)
สก็อต

คำตอบ:


7

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

ฉันจะบรรลุข้อสรุปนี้ได้อย่างไร ถ้าฉันแกะตัวอักษร 2 ตัวออกมาและบันทึกไว้และ zip ผลลัพธ์ฉันจะได้ windows เพื่อบอกว่าทั้งสองแบบอักษรซิปหมดแล้ว:

119 KB versus Google's 118

ลองอีกสองสามอันในคราวเดียว

60-56 KB versus Google's 58

แบบอักษรทั้งหมด:

523 KB vs 531

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

ทั้งหมดนี้แน่นอนในสิ่งที่ฉันคาดว่าจะได้จากการทดลองเพื่อเป็นคำตอบ ดังนั้นสมมติฐานดูเหมือนว่าจะถูกต้อง

PS : Bad Google เอกสารที่ดีกว่าโปรด


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