10 คะแนน โดย xguru 2020-05-22 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

[0] &display=swap เป็นพื้นฐาน

[1] ใช้ preconnect เพื่อเชื่อมต่อไปยังที่อยู่ฟอนต์ล่วงหน้า

[2] ใช้ preload เพื่อดึง CSS แบบอะซิงก์โดยให้ความสำคัญก่อน

[3] เพิ่ม media="print" onload="this.media='all'"

[4] รวมการรองรับ noscript

1 ความคิดเห็น

 
xguru 2020-05-22

เรื่องราวบางส่วนเกี่ยวกับเทคนิคการเพิ่มประสิทธิภาพเว็บฟอนต์ https://showerbugs.github.io/2018-02-02/web-font-optimization