"> رفع خطای Avoid CSS expressions در YSlow سایت GTmetrix | طراحی سایت قزوین

رفع خطای Avoid CSS expressions در YSlow سایت GTmetrix

Avoid CSS expressions

در این مقاله آموزشی دوبست با خطای Avoid CSS expressions آشنا می‌شویم و چگونگی برطرف کردن آن را خواهیم آموخت.

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

مختصری درباره‌ی اررور Avoid CSS expressions

نام: Avoid CSS expressions
نوعCSS
اولویت: متوسط
میزان سختی: در حد وسط
میانگین امتیاز: 98%

خطای Avoid CSS expressions چیست؟

در اینجا باید توجه کرد که CSS expressions دستوری قوی و اما خطرناک از نظر امنیتی جهت داینامیک کردن ویژگی‌های CSS می‌باشد.

در مرورگر  IE این ویژگی فقط در ورژن‌های 5 به بعد پشتیبانی می‌شود.

برای درم بهتر دستور CSS expressions به مثال زیر توجه کنید:

background-color: #B8D4FF;

در بالا کد پیش‌زمینه ما ثابت است ولی به کمک CSS expressions هر ساعت رنگ پیش‌زمینه را تغییر میدهیم:

background-color: expression( (new Date()).getHours( )%2 ? "#B8D4FF" : "#F08A00" );

البته همراه CSS expressions می‌توانیم تعدادی از متدهای جاوااسکریپت را در CSS استفاده کنیم که در حال حاضر تنها در مرورگر IE ساپورت می‌شود.

بهتر است از این دستور استفاده نکرد و از دستورات مشابه دیگری جهت انجام تغییرات مورد نیاز در صفحه کمک گرد.

خطای اجتناب از CSS expressions نیز همین مطلب را به ما گوشزد و به ما یاد آور می‌شود از این دستور استفاده نکنیم.

چرا که ممکن است استفاده از این دستور مشکلاتی را به همراه داشته باشد.

Avoid CSS expressions
مشکلات CSS expressions

توضیحات سایت گوگل درباره CSS expressions

Unfortunately, the performance penalty imposed by CSS expressions is considerable, as the browser reevaluates each expression whenever any event is triggered, such as a window resize, a mouse movement and so on. The poor performance of CSS expressions is one of the reasons they are now deprecated in IE 8. If you have used CSS expressions in your pages, you should make every effort to remove them and use other methods to achieve the same functionality

همان طور که ملاحظه فرمودند رفع خطای Avoid CSS expressions در YSlow سایت GTmetrix بسیار آسان بود.

امیدواریم یادگیری و عمل به این آموزش دوبست موجب افزایش سرعت سایت شما و در نهایت بهبود سئو سایتتان شده باشد.

    دیدگاه خود را بیان کنید

    ایمیل شما محفوظ خواهد ماند.*