آموزش رفع خطای Avoid CSS @import

آموزش افزایش سرعت لود سایت به کمک ابزار GTmetrix

از سری مقالات آموزش کامل سایت جی تی متریکس به رفع خطاهای سایت gtmetrix پرداختیم. امروز در بخش رفع خطاهای pagespeed به آموزش حل مشکل و رفع خطای Avoid CSS @import خواهیم پرداخت. در مقاله قبل نیز به آموزش رفع خطای Avoid bad requests در سایت GTmetrix پرداختیم.

در این مقاله به موضوعات زیر خواهیم پرداخت :

• خطای Avoid CSS @import چیست
• دلیل بوجود آمدن خطای Avoid CSS @import چیست
• دلایل عدم استفاده از Avoid CSS @import
• چگونه می‌توانیم خطای Avoid CSS @import را بیابیم
• آموزش رفع خطای Avoid CSS @import

خلاصه‌ای از خطای Avoid CSS @import

نام: Avoid CSS @import
نوع: CSS
اولویت: متوسط
میزان سختی: راحت
میانگین امتیاز: ۹۷%

آموزش رفع خطاهای سایت gtmetrix

خطای Avoid CSS @import چیست ؟

@import css

 این روش در واقع برای وارد کردن فایل css در یک فایل css دیگر و یا فراخوانی آن است؛ گاهی اوقات برخی بصورت کاملا نادرست فایل های استایل دهی را در قالب HTML فراخوانی می‌کنند و مابقی فایل های استایل دهی را با کد زیر در فایل استایل دهی فراخوانی می‌کنند.

@import url(“Adress-other-style.css”)

دلایل عدم استفاده از @import برای فراخوانی فایل در css

دلایل متعددی وجود دارد که ما را وادار به عدم استفاده از @import در css برای فراخوانی فایل ها می‌کند. یکی از این دلایل بارگذاری بصورت موازی است، در سایت هایی که از فایل های استایل دهی بسیاری استفاده می‌شود اگر از @import برای فراخوانی فایل css اسفاده شود، فایل ها بصورت سری بارگذاری خواهند شد.

یعنی اگر دوبار از این دستور برای فراخوانی فایل های استایل دهی استفاده کنیم تا زمانیکه فایل اول بصورت کامل بارگذاری نشده است، فایل دوم لارگذاری نخواهد شد. طربیعتا همین وقفه می‌تواند باعث افزایش سرعت لودینگ سایت شود و زمان بارگذاری سایت را افزایش خواهد داد. به این ترتیب بارگذاری بصورت موازی انجام نخواهد شد، و از طرفی در بهینه سازی و سئوی سایت استفاده از این دستور کاملا اشتباه و خطاست.

اگر نمی‌خواهید از موتورهای جستجو مانند گوگل نمره منفی در سئو دریافت کنید از این دستور استفاده نکنید.

چگونه می‌توانیم خطای Avoid CSS @import را بیابیم

معمولا با استفاده از ابزارهای آنلاین و سایت هایی مانند سایت GTmetrix میتوان براحتی تمام فایل هایی که با دستور @import فراخوانی شده اند را یافت.

آموزش حل مشکل Avoid CSS @import

برای رفع خطای Avoid CSS @import می‌توانید فایل استایل دهی را در قسمت head سایت فراخوانی نمایید.

به همین راحتی مشکل خطای Avoid CSS @import حل می‌شود.

<link rel=”style.css” href=”style.css” type=”text/css”>

اگر به اندازه کافی دانش برنامه نویسی ندارید و نمی‌توانید این مشکل و بطور کلی خطاهای سایت gtmetrix را حل نمایید پیشنهاد می‌کنیم با کارشناسان سئو و بهینه سازی سایت شرکت تبلیغاتی ماکان در ارتباط باشید و افزایش سرعت سایت و به طبع آن ارتقای سئوی سایت خود را به ما بسپارید.

این جلسه از آموزش استفاده از سایت جی تی متریکس هم به پایان رسید. با ما همراه باشید تا به آموزش رفع مابقی خطاهای gtmetrix بپردازیم.

آموزش بعدی : آموزش رفع خطای Avoid landing page redirects