در این آموزش قصد دارم، به نحوه برطرف کردن ارور Avoid CSS expressions در GTmetrix بپردازم. که با استفاده از این آموزش میتونید، این خطا رو در صورتی که موقع تست سایت با جی تی متریکس داشتید، برطرف کنید.
برای خرید کلاس آنلاین اسکای روم میتوانید در این صفحه اقدام نمایید.
آموزش رفع خطای Avoid CSS expressions در GTmetrix
همونطور که اشاره شد. این دستور برای تغییر ویژگی‌های وردپرس به صورت داینامیک هست. به عنوان مثال فرض کنیم که با استفاده از کد رنگ CSS زیر، پس زمینه سایت رو به یک رنگ دلخواه تغییر دادین.
background-color: #eaa22f;
حالا اگه از قابلیت CSS expressions استفاده کرده باشید که رنگ پس زمینه سایت به صورت ساعتی و در بازه زمانی دلخواه تغییر بکنه، از چنین دستوری در CSS استفاده می‌کنید.
background-color: expression( (new Date()).getHours( )%2 ? "#eaa22f" : "#F08A00" );
همونطور که میبینید دوتا رنگ مشخص شده. که طبق دستور رنگ پس زمینه سایت مدام در حال تغییر به این دو رنگ خواهد بود. که به صورت انیمیشن مانند؛ این تغییر رنگ صورت میگیره. حالا برای اینکه بتونید این خطا رو در جی تی متریکس برطرف کنید، کافیه فایلی که حاوی CSS expressions هست رو پیدا کرده. و تو هر بخش که مشابه کد بالا مشخص شده رنگ پس زمینه سایت تغییر بکنه. رو ویرایش و این قسمت از کد را از فایل حذف کنید.
برای سفارش طراحی سایت به این لینک مراجعه کنید.
رفع خطای Avoid CSS expressions
اگر موفق به پیدا کردن این فایل نشدید. با استفاده از برنامه ++Notepad میتونید یک پوشه رو جستجو کنید. به طوری که کل فایل‌ها بررسی میشن و میتونید، به راحتی با جستجوی عبارت expression فایل رو پیدا کرده. و با پاک کردن این بخش از کد مشکل css expression رو از جی تی متریکس برطرف کنید.
خطای Avoid CSS expressions چیست؟
خطای Avoid CSS expressions مربوط به استفاده از یک سری متدهای جاوا اسکریپت در CSS میشه. استفاده از این روش از نظر امنیتی خطرناک هست. البته، هرچند امروزه کمتر از این دست کدها استفاده میشه، اما هنوز به طور کامل نمیشه، گفت که فراموش شده است. با استفاده از CSS expressions میشه از یک سری متدهای جاوا اسکریپت در CSS استفاده کرد که فقط در مرورگر IE پشتیبانی میشه.