เพิ่มความเร็วการ load page ด้วย Preload key request
การ load resource ต่างๆ เช่น javascript หรือ css
ใน web page ปัจจุบันถือว่าเป็นเรื่องที่หลีกเลี่ยงไม่ได้
บาง page load กันที หลายสิบ ไฟล์ เลยทีเดียว
หากเราไม่ทำอะไรเลย จะเจอว่าเป็นการทำงานแบบต่อเนื่องกัน
มีผลทำให้ page load ช้ามาก จะดีกว่ามั้ยถ้าทุกไฟล์โหลดพร้อมๆ กันไปเลย
ด้วยเทคนิคการใช้ Preload key request ตามตัวอย่างนี้เลย
<head>
...
<link rel="preload" href="styles.css" as="style">
<link rel="preload" href="ui.js" as="script">
...
</head>
ลองใส่ tag rel="preload" เข้าไปแล้วลองวัน performance ดูได้ที่ URL นี้เลย
https://developers.google.com/speed/
ใน web page ปัจจุบันถือว่าเป็นเรื่องที่หลีกเลี่ยงไม่ได้
บาง page load กันที หลายสิบ ไฟล์ เลยทีเดียว
หากเราไม่ทำอะไรเลย จะเจอว่าเป็นการทำงานแบบต่อเนื่องกัน
มีผลทำให้ page load ช้ามาก จะดีกว่ามั้ยถ้าทุกไฟล์โหลดพร้อมๆ กันไปเลย
ด้วยเทคนิคการใช้ Preload key request ตามตัวอย่างนี้เลย
<head>
...
<link rel="preload" href="styles.css" as="style">
<link rel="preload" href="ui.js" as="script">
...
</head>
ลองใส่ tag rel="preload" เข้าไปแล้วลองวัน performance ดูได้ที่ URL นี้เลย
https://developers.google.com/speed/
ความคิดเห็น
แสดงความคิดเห็น