preload vs prefetch (HTML)

توی این پست به تفاوت دو مقدار preload , prefetch می پردازیم...

تفاوت این دو مقدار توی اولویتی هست که به عنصر ما میدن

برای مثال اگه ما بخوایم یه فونت رو که تقریبا همه عناصر سایت ما با اون ارتباط دارن رو سریعتر از بقیه لود کنیم می تونیم بهش preload رو اضافه کنیم

<link rel=&quotpreload&quot href=&quot/font.woff&quot as=&quotfont&quot />

و بلعکسش اگه یه فایلی که قراره لود بشه با عناصر زیادی ارتباط نداره و زیاد مهم نیست که الان بخواد لود بشه یا اخر کار می تونیم اولیت لود اون رو با prefetch پایین بیاریم

<link rel=&quotprefetch&quot href=&quot/prism.js&quot as=&quotscript&quot />

از این نوع حرکت ها اگه روی وبسایت خودتون پیاده کنید سرعت لود صفحه رو می تونید بالاتر بیارید

خوب فکر کنم برای این پست کافی باشه

اگه خودت نکته ای رو میشناسی که من اشاره نکردم توی کامنت بگو
امیدوارم این پست به دردتون خورده باشه
موفق و پیروز باشید ...

ان شاء الله راهی که میریم ختم بشه به ظهور سریعتر آقا امام زمان ...

منبع : ditty