آموزش سئوافزایش سرعت سایت

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

رفع ارور Avoid CSS @import

نکات برگزیده مطلب

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

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

شما با خواندن این مقاله علاوه بر اینکه خطای Avoid CSS @import را حل می کنید، یاد می گیرید که علت بروز خطای Avoid CSS @import چیست و برای رفع این خطا باید چه کاری انجام داد!

مشخصات خطای Avoid CSS @import

نام: Avoid CSS @import
نوع: CSS
دسته: خطا های PageSpeed
اولویت: متوسط
میزان سختی: آسان
میانگین امتیاز: 98%

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

علت خطای Avoid CSS @import
علت بروز خطایAvoid CSS @import

در بعضی مواقع طراحان سایت و برنامه نویسان به اشتباه در سند اصلی HTML سایت ، یک استایل اصلی (CSS) اضافه می کنند و بقیه فایل های CSS یا همان استایل ها را درون استایل اصلی به وسیله کد زیر فراخوانی می کنند:

@import url("second.css")

مشکلات استفاده از CSS @import

یکی از مشکلات اصلی استفاده از CSS @import ، از دست دادن لود موازی سایت است یعنی اگر در سایت شما استایل هایی با نام های:

  • 1.CSS
  • 2.CSS
  • 3.CSS

وجود داشته باشند، باید ابتدا فایل 1.CSS لود شود و سپس فایل 2.CSS و 3.CSS که در این صورت اگر مشکلی برای فایل 1.CSS بوجود بیاید، فایل های دوم و سوم ما لود نمی شوند و این موضوع باعث افزایش لود سرعت سایت و همچنین برای سئو بسیار مضر است و گوگل به این موضوع نگاه مثبتی ندارد.

رفع خطای Avoid CSS @import

شما با استفاده از ابزار GTmetrix می توانید فایل هایی را که به شکل @import صدا زده شده اند را شناسایی کرده و با استفاده از دستور زیر آنها را جایگزین کنید و آن را در بخش head سایت فراخوانی کنید.

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

و اگر ممکن بود، با فایل‌های CSS دیگر ادغام کنید.


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

امتیاز مطلب
4.5
برچسب ها

مهدی اشرفی

مدیر و مؤسس وب سایت آتا وردپرس ، محقق سئو ، فعالیت در حوضه امنیت وب ، علاقه مند به وردپرس ، بازاریابی اینترنتی ، دنیای وب و... و دوست دارم تجربیاتم رو با دیگران به اشتراک بگذارم و از انتقادات و پیشنهادات شما خوبان استقبال میکنم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

4 + چهارده =