سلام
آیا Preload کردن لینکهای استایل میتونه تاثیر مثبت در سرعت و اجرای سایت داشته باشه؟
<link rel="preload" href="https://roocket.ir/style.css" as="style" />@karyabi1395
اگر حجم بالا باشد و دیر بارگزاری میشه و اولویت اول رو دارد .. آره
درود خوبی...
تاثیر دارد و اما معایبی هم دارد.
پیشنهاد می کنم, پیوند زیر پیگیری کنید:
https://ditty.ir/posts/preload-prefetch-preconnect-prerender/X32On
@endworld ممنونم
در این سایت گفته "استایلهای اصلی رو بدون preload و مثل حالت معمول لود کنین".
من دقیقا میخواستم روی فایل css اصلی اینکار رو انجام بدم.
خیلی گیج شدم یکی میگه انجام بده یکی میگه انجام نده!
شاید پاسخ شما همینجا باشد
@karyabi1395
نباید همه فایل ها preload و استفاده بی رویه بشود.
فایل های که مهم هستند و اجرای آن اولویت اول دارد, را preload کنید.
@endworld
پس به نظر شما نیازی نیست فایل اصلی css رو که با webpack تولید میشه بصورت preload در بیارم؟
@karyabi1395
اگر خود webpack به صورت پیش فرض preload کرده رو بهتره دست نزنید.
@endworld
نه خودش preload نکرده
@karyabi1395
اگر واقعا می خوای پرلود کنید, می توانید دستی فعال کنید و هر چند همه فایل ها رو پرلود می کند.
const PreloadWebpackPlugin = require('preload-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin')
plugins: [
new HtmlWebpackPlugin(),
new PreloadWebpackPlugin({
rel: 'preload',
include: 'asyncChunks'
})
]
یا پیوند زیر:
https://chanvinxiao.com/en/blog/prefetch-and-preload-with-webpack/
@endworld
ممنونم، سوال من این هست که آیا preload کردن فایل استایل اصلی سایت، میتونه کار درستی باشه یا نه؟