สมมุติเราใส่ 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 ตั้งไว้ หรือโหลดมาเฉพาะที่เราเรียกใช้ครับ
ถ้าจำไม่ผิด มันโหลดหมดนะครับ :wanwan017:
มันพอจะมีวิธีทดสอบหรือวิธีใดพอทำให้รู้ได้หรือเปล่าครับว่าเว็บเรามันโหลดอะไรบ้างในการเปิดหน้านั้นขึ้นมา 1 ครั้ง
เช็ค site speed ด้วย http://tools.pingdom.com/fpt/
มันจะมีบอกหมดว่าเว็บเราโหลดอะไรบ้าง
มันโหลดหมดนะครับ ถ้าตัวไหน เราไม่ใช้ ก้อ เอาออก ดีที่สุดครับ
เพราะเวลา เราจะย้อนกลับมาแก้ เราจะได้ไม่สับสน กับ ฟ้อนที่เยอะ เกินความจำเป็นครับ
อ้างถึงจาก: icokezaa ใน 19 พฤศจิกายน 2015, 14:29:56
เช็ค site speed ด้วย http://tools.pingdom.com/fpt/
มันจะมีบอกหมดว่าเว็บเราโหลดอะไรบ้าง
ว๊าว เว็บนี้เยี่ยมเลย ผมทดสอบดูแล้ว สรุปว่ามันไม่โหลดนะครับ
ระหว่างหาข้อมูล ไปเจอรูปนึง รู้สึกจะเป็นไปตามรูปนี้ คือมีการเรียกใช้ถึงค่อยมาดึงข้อมูลจาก server
(https://varvy.com/pagespeed/images/webfont-hosted-fonts.png)
ผมทดสอบกับพวกรูปภาพด้วย
.xyz{background:url('002.jpg') #FFF;}ผมลองกับภาพขนาด 10MB ขึ้นไปหลายๆภาพ ถ้าโหลดภาพด้วยต้องกินเวลาหลายวิแน่ๆ
แต่ถ้าไม่มีการเรียกใช้ class นั้นๆ มันก็จะไม่โหลดครับ เร็วตามปกติ
ขอบคุณมากครับ
ปล. วันนี้หาข้อมูลแค่เรื่องนี้เรื่องเดียวก็เสียเวลาไปครึ่งวันละ
ขอบคุณสำหรับความรู้ครับ
:wanwan003: :wanwan003:
โหลดครับ
โหลดแต่ไม่ดึงข้อมูลมาให้เปลืองทรัพยากร คหสต. :P
ขอขอบคุณสำหรับความรู้ครับ :wanwan017: