ویدئوی آموزشی خطای Avoid CSS expressions در YSlow جی تی متریکس

همانطور که قبلاً هم گفتیم فاکتورهای یاهو خیلی قدیمی هستند و خطای Avoid CSS expressions در YSlow جی تی متریکس هم مربوط میشه به یه ویژگی قدیمی و منسوخ در CSS.

منظور از خطای Avoid CSS expressions در YSlow جی تی متریکس

این فاکتور YSlow بسیار قدیمی و غیرمنطقی هست. الان دیگه هیچ سایتی پیدا نمیشه که از این ویژگی استفاده کرده باشه. و در میزفا با وجود اینهمه پروژه افزایش سرعت سایتها که داشتیم حتی در یک پروژه هم چنین خطایی دیده نشده. اما ما در این سری از مقالات افزایش سرعت سایت و بهبود سئوی سایتها  بطور کامل تمامی خطاهای GTmetrix رو توضیح میدیم.

CSS expressions یک ویژگی قدرتمند اما خطرناک هست. البته از نقطه نظر امنیتی سایتها. این ویژگی برای پویاسازی کدهای CSS بکار میره. کاری با JS یا با خود کدهای CSS براحتی میتونیم انجام بدیم. و این خطای YSlow میگه از این ویژگی دوری کنین.

این دستور از IE ورژن5 به بعد پشتیبانی میشه. کلاً یاهو قدیمی و منسوخه از IE که همدوره خودشه خوشش میاد 🙂

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

دستور زیر هم ویژگی 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

با کلمه متأسفانه شروع کرده. بنابراین بهتره از این ویژگی استفاده نکنیم و کدهای ساده تر رو جایگزینش کنیم. دوره ۸ ساعت افزایش سرعت سایت برای اینکه سرعت سایت شما بالا و بالاتر بره:)