آموزش های وردپرسخانهسیستم مدیریت محتواعمومی

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

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

یکی دیگه از خطاهایی که معمولا ممکنه در هنگام تست سرعت سایت با GTmetrix باهاش مواجه بشید Avoid CSS @import هست. درواقع نمیشه گفت که این پیغام نشانی از خطا داره، بلکه به شما گفته میشه که سعی کنید از ایمپورت کردن یک فایل در فایل‌های دیگه به این شیوه دوری کنید و از روش استاندارد استفاده کنید. در سایت‌های فارسی زبان مجبور هستیم تا از فونت‌های فارسی استفاده کنیم که سایتمون حسابی با تغییر فونت دگرگون بشه. برخی افراد میان و اشتباها داخل همون صفحه HTML فونتی که مد نظرشون هست رو با استفاده از [email protected] فراخوانی می‌کنند که این کار اشتباه هست.

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

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

اگر مجموعه‌های آموزش GTmetrix رو در جی فارس دنبال کرده باشید، در آموزش رفع خطای Enable Keep Alive دیدیم که برای اینکه سایت با سرعت بیشتری لود بشه، بهتره کاری کنیم که فایل‌هایی با فرمت یکسان مثل css.، js.، تصاویر و… به صورت همزمان شروع به لود کنند و اینطور نباشه که یکی یکی این فایل‌ها از سرور برای مرورگر ارسال بشن.

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

خب، حالا وقتی ما بیایم و با استفاده از دستور [email protected] فایلی رو در صفحه فراخوانی کنیم، تا زمانی که فایل اولیه که مکمل فایل‌های بعدی هست و در اون فایل‌های دومی فراخوانی شدن لود نشده باشه و فایل‌های دوم لود شده باشن، این کار باعث میشه که بعد از لود فایل اولیه مجدد فایل‌هایی که در این فایل فراخوانی شدن شروع به لود بکنند. برای همین تعداد درخواست HTTP بالا میره و سرور هم مجددا باید به درخواست مرورگر پاسخ بده و از نو فایل‌ها رو برای مرورگر ارسال بکنه تا صفحه به صورت کامل لود بشه. برای نمونه اگر فایل استایلی رو به این روش بخوایم در جایی فراخوانی کنیم، از حالت زیر استفاده می‌کنیم.


@import url(“site.com/css/style.css”)

1 @import url(“site.com/css/style.css”)

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

1

این حالت استاندارد هست و وقتی از این حالت استفاده کنیم در واقع لود موازی اتفاق میفته و همزمان فایل‌های وابسته که فراخوانی شدند هم شروع به دانلود شدن خواهند کرد. در این صورت دیگه با لود چند باره و افت سرعت سایت مواجه نخواهید بود.

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


(1) آموزش نحوه رفع خطای Avoid CSS @import
آموزش نحوه رفع خطای Avoid CSS @import در GTmetrix آکادمی آموزشی


(2) آموزش رفع خطای Avoid CSS @import در
آموزش رفع خطای Avoid CSS @import در سایت gtmetrix - افزایش سرعت و


(3) آموزش رفع خطای Avoid CSS @import در جی
آموزش رفع خطای Avoid CSS @import در جی تی متریکس - به سادگی ارور


(4) JavaScript and CSS external در gtmetrix
آموزش رفع خطای Make JavaScript and CSS external در gtmetrix


(5) حل ارور Avoid CSS import در GTmetrix
حل ارور Avoid CSS import در GTmetrix - رفع خطا Avoid CSS @import


(6) آموزش رفع خطای Avoid CSS @import در GTmetrix آموزش جی تی
آموزش رفع خطای Avoid CSS @import در GTmetrix اگر مجموعههای آموزش GTmetrix رو در میزبانفا دنبال کرده باشید در آموزش رفع خطای Enable Keep Alive دیدیم که برای اینکه سایت با سرعت بیشتری لود بشه بهتره کاری کنیم که فایلهایی با فرمت یکسان مثل


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


(8) خطای minify css در GTmetrix آموزش رفع خطای minify css و
خطای minify css در GTmetrix یکی از خطاهای رایج است که با فشرده سازی کدها برطرف خواهدشد. در این مقاله به آموزش رفع خطای minify css


(9) آموزش رفع خطای Avoid CSS expressions در gtmetrix
یکی دیگه از خطاهایی که ممکنه موقع تست سرعت سایت با جی تی متریکس باهاش مواجه بشید خطای Avoid CSS expressions هست که مربوط .


(10) آموزش رفع خطای minify css در GTmetrix-شرکت طراحی وب سایت
آموزش رفع خطای Specify Image Dimensions در gtmetrix جولای 5 2020. آموزش رفع خطای Avoid bad requests درGTmetrix جولای 8 2020. آموزش رفع خطای Minify CSS در GTmetrix

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

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

1 × یک =

دکمه بازگشت به بالا