ورود

View Full Version : تشخیص و حذف css ها و js های اضافه در سایت


resident
پنج شنبه 27 آذر 1393, 08:03 صبح
سلام. من کلی فایل js و css دارم که ممکنه ازشون خیلی کم استفاده شده باشه. مخصوصا تو css ها که نمی دونم تو هر فایل css از چه استایل هایی استفاده کردم.
حجمشون رفته بالا و صفحاتم یه مقدار کند شده.
میخوام css ها و js های اضافه رو حذف کنم. چطور میشه این کار رو کرد؟
SA_Developer
پنج شنبه 27 آذر 1393, 08:59 صبح
سلام
اگر منظورتون پیدا کردن فایلهای استفاده نشده است میتونید از سربرگ Network ابزار Inspect Element فایرفاکس استفاده کنید:
لیست فایلهای لود شده:

http://www.s1.softafzar.net/uploads/20141218-532-scr.png


اما اگر منظورتون پیدا کردن rule های استفاده نشده در CSS هست میتونید از Dust-me selectors (https://addons.mozilla.org/en-us/firefox/addon/dust-me-selectors/) استفاده کنید:


http://www.s1.softafzar.net/uploads/20141218-338-scr2.png


این سایت هم یه طلاعات کلی بهتون میده: https://unused-css.com
resident
پنج شنبه 27 آذر 1393, 09:24 صبح
css های استفاده نشده رو از توی cssهام کامل حذف کنم؟ اگه comment شون کنم که بعدها اگه لازمم شد استفاده کنم عیبی نداره؟ وقتی کامنتش کنم حجم فایلها کاهش پیدا نمی کنه، درسته؟
resident
پنج شنبه 27 آذر 1393, 09:43 صبح
126685
کاری که شما گفته بودین رو انجام دادم. اینطور شد. این یعنی چی؟ قسمتهای آبی و قرمز یعنی چی؟
چکار باید کنم؟
SA_Developer
پنج شنبه 27 آذر 1393, 09:54 صبح
css های استفاده نشده رو از توی cssهام کامل حذف کنم؟ اگه comment شون کنم که بعدها اگه لازمم شد استفاده کنم عیبی نداره؟ وقتی کامنتش کنم حجم فایلها کاهش پیدا نمی کنه، درسته؟
قبلش یه پشتیبان بگیرید. اگر میخواین حجم فایل کم بشه باید کامنت رو هم حذف کنید.



کاری که شما گفته بودین رو انجام دادم. اینطور شد. این یعنی چی؟ قسمتهای آبی و قرمز یعنی چی؟
چکار باید کنم؟
اول باید از پایین ابزار، نوع فایل رو روی CSS بذارید (روی All گذاشتید) قستمای آبی و قرمز زمان لود شدن فایل رو نشون (زیاد مهم نیست بیشتر به سرعت اینترنت کاربر بستگی داره)
در کل اینا لیست فایلهایی هستن که صفحه شما موقع لود شدن اونارو فراخوانی میکنه پس از این راه میتونید فایلهای اضافی رو پاک کنید. البته وقتی فایل اصلا لود نمیشه پس تاثیری تو لود شدن صفحه نداره برای Clean کردن سایت میتونید اینکارو انجام بدید.
resident
یک شنبه 30 آذر 1393, 08:56 صبح
اما اگر منظورتون پیدا کردن rule های استفاده نشده در CSS هست میتونید از Dust-me selectors (https://addons.mozilla.org/en-us/firefox/addon/dust-me-selectors/) استفاده کنید:


http://www.s1.softafzar.net/uploads/20141218-338-scr2.png


این سایت هم یه طلاعات کلی بهتون میده: https://unused-css.com


یه مشکل در استفاده از این افزونه دارم:
این افزونه css های استفاده نشده در هر صفحه رو میده. مثلا وقتی من اینو روی صفحه ی اصلی ام اجرا کردم و css های استفاده نشده رو حذف کردم، بقیه صفحاتم بهم ریخت، چون یه سری css ها رو حذف کرده بود که تو صفحات دیگه استفاده شده بود.
برای این مسئله راه حلی هست؟