فیلم آموزشی خطای Avoid CSS @import در GTmetrix

برای افزایش سرعت سایت بهتره به همه خطاها اهمیت بدیم و تلاش کنیم برطرف بشن. خطای مورد بحث امروز خطای Avoid CSS @import در GTmetrix هست. گرچه این خطا خیلی خطای بزرگی نیست اما مجموع این خطاهای کوچک میتونه سرعت سایت رو بهبود بده همچنین در سئو بسیار مؤثر باشه.
مفهوم خطای Avoid CSS @import در GTmetrix :
جی تی متریکس میگه از این متد در کدهاتون استفاده نکنین. چه متدی؟ فرض کنین یک سند HTML دارین. در اون سند استایل اصلی رو وارد میکنین که یک کد CSS هست. بعد در استایل اصلی استایلهای دیگه رو Import میکنین. طبق متد زیر:

چرا نباید از @import در CSS برای فراخوانی فایلها استفاده کنیم؟
به دلیل اینکه استفاده از این متد از لود موازی جلوگیری میکنه. به اینصورت که وقتی از چندین فایل استایل دهی استفاده میکنین، در جاهای مختلف لازمه که فایلهای CSS فراخوانی بشن. اگه از @import برای فراخوانی فایلهای Css استفاده کنیم، فایلها به ترتیب و پشت سرهم لود میشن. یعنی تا فایل اول لود نشه، فایل دوم هم لود نمیشه. زمان بارگزاری افزایش و سرعت سایت کاهش پیدا میکنه.
بنابراین ما روش لود موازی رو از دست میدیم و موتورهای جستجو نمره منفی به سئو داخلی سایت ما میدن.
خب چاره چیه؟ باید از یه متد جایگزین استفاده کنین و استایل دهی ها رو در استایل اصلی فراخوانی نکنین. برای آگاهی بیشتر از این متد دوره 8 ساعت آموزش افزایش سرعت سایت با جی تی متریکس میزفا رو بهتون پیشنهاد میدم. هرگونه سؤال یا پیشنهاد رو با ما در میون بذارید.
روش کامل رفع این خطا را در دوره ۸ ساعت افزایش سرعت سایت با استفاده از GTmetrix براتون توضیح دادیم ادامه این محتوا و فیلم آموزشی آن برای دانشجویان دوره GTmetrix هست.
ورود به حساب کاربری دانشجو دوره نیستید؟ اینجا کلیک کنید
اولویت این خطا برای بالا بردن سرعت سایت زیاد است و میزان سختی رفع این خطا متوسط است.
جهت مشاهده ۸ فیلم دوره آموزشی رفع خطاهای gtmetrix میتوانید دوره gtmetrix را تهیه کنید.