ถ้าเราใส่ font ลงไปเยอะใน CSS แต่ไม่ได้ใช้ มันจะยังโหลดอยู่หรือเปล่าครับ

[hurahura]

สมมุติเราใส่ font ไปในไฟล์ CSS เยอะเลยซัก 30-40 font

โค้ด เลือก ขยาย

@font-face {font-family: 'aaaa';src: url('font/aaaa.eot');src: url('font/true.aaaa#iefix') format('embedded-opentype'),url('font/aaaa.woff') format('woff'),url('font/aaaa.ttf') format('truetype'),url('font/aaaa.svg#aaaa') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bbbb';src: url('font/bbbb.eot');src: url('font/true.bbbb#iefix') format('embedded-opentype'),url('font/bbbb.woff') format('woff'),url('font/bbbb.ttf') format('truetype'),url('font/bbbb.svg#bbbb') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'cccc';src: url('font/cccc.eot');src: url('font/true.cccc#iefix') format('embedded-opentype'),url('font/cccc.woff') format('woff'),url('font/cccc.ttf') format('truetype'),url('font/cccc.svg#cccc') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'dddd';src: url('font/dddd.eot');src: url('font/true.dddd#iefix') format('embedded-opentype'),url('font/dddd.woff') format('woff'),url('font/dddd.ttf') format('truetype'),url('font/dddd.svg#dddd') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'eeee';src: url('font/eeee.eot');src: url('font/true.eeee#iefix') format('embedded-opentype'),url('font/eeee.woff') format('woff'),url('font/eeee.ttf') format('truetype'),url('font/eeee.svg#eeee') format('svg');font-weight: normal;font-style: normal;}
ฯลฯ



แต่เวลาใช้งานจริงเราอาจจเรียกใช้แค่ 2-3 font ผมอยากทราบว่า เวลาเว็บมันโหลด มันจะโหลดมาทุก font ตามที่ใน CSS ตั้งไว้ หรือโหลดมาเฉพาะที่เราเรียกใช้ครับ

[bombhelloworld]

ถ้าจำไม่ผิด มันโหลดหมดนะครับ 

[hurahura]

มันพอจะมีวิธีทดสอบหรือวิธีใดพอทำให้รู้ได้หรือเปล่าครับว่าเว็บเรามันโหลดอะไรบ้างในการเปิดหน้านั้นขึ้นมา 1 ครั้ง

[icokezaa]

เช็ค site speed ด้วย http://tools.pingdom.com/fpt/

มันจะมีบอกหมดว่าเว็บเราโหลดอะไรบ้าง

[jommann]

มันโหลดหมดนะครับ ถ้าตัวไหน เราไม่ใช้ ก้อ เอาออก ดีที่สุดครับ

เพราะเวลา เราจะย้อนกลับมาแก้ เราจะได้ไม่สับสน กับ ฟ้อนที่เยอะ เกินความจำเป็นครับ

[hurahura]

เช็ค site speed ด้วย http://tools.pingdom.com/fpt/

มันจะมีบอกหมดว่าเว็บเราโหลดอะไรบ้าง

ว๊าว เว็บนี้เยี่ยมเลย ผมทดสอบดูแล้ว สรุปว่ามันไม่โหลดนะครับ


ระหว่างหาข้อมูล ไปเจอรูปนึง รู้สึกจะเป็นไปตามรูปนี้ คือมีการเรียกใช้ถึงค่อยมาดึงข้อมูลจาก server




ผมทดสอบกับพวกรูปภาพด้วย

โค้ด เลือก ขยาย

.xyz{background:url('002.jpg') #FFF;}

ผมลองกับภาพขนาด 10MB ขึ้นไปหลายๆภาพ ถ้าโหลดภาพด้วยต้องกินเวลาหลายวิแน่ๆ

แต่ถ้าไม่มีการเรียกใช้ class นั้นๆ มันก็จะไม่โหลดครับ เร็วตามปกติ

ขอบคุณมากครับ


ปล. วันนี้หาข้อมูลแค่เรื่องนี้เรื่องเดียวก็เสียเวลาไปครึ่งวันละ

[icokezaa]

ขอบคุณสำหรับความรู้ครับ

[whitestar]

โหลดครับ

[verture]

โหลดแต่ไม่ดึงข้อมูลมาให้เปลืองทรัพยากร คหสต.  

[sahawat]

ขอขอบคุณสำหรับความรู้ครับ