۱۳۸۷/۰۹/۰۶

تميزكردن زوايد HTML نهايي سايت


آيا مي‌دانيد CSS سايت شما تا چه اندازه مفيد و مورد مصرف بوده و كداميك از selector هاي آن بدون مصرف باقيمانده‌اند؟
خوشبختانه افزونه مفيدي براي فايرفاكس به نام Dust-Me Selectors موجود است كه خروجي سايت را بررسي كرده و اضافات را گوشزد خواهد كرد. اين افزونه را از آدرس زير مي‌توانيد دريافت كنيد:
https://addons.mozilla.org/en-US/firefox/addon/5392
پس از نصب، يك آيكون جارو به status bar فايرفاكس اضافه خواهد شد كه با كليك بر روي آن، صفحه جاري آناليز شده و css selectors بدون استفاده در آن گوشزد خواهند شد.



همچنين مورد ديگري كه عموما رديابي آن مشكل است، تشخيص تصاوير مفقود يك صفحه است. كداميك از عناصري كه در فايل HTML نهايي به آنها ارجاعي وجود دارد واقعا در سايت ما موجود است و از قلم نيفتاده است؟
براي اين منظور ابتدا Firebug را نصب كنيد. سپس افزونه Yslow آنرا نيز بايد نصب نمود.
زمانيكه يك صفحه درحال بارگذاري است، بر روي آيكون Yslow در status bar فايرفاكس كليك كرده و پس از نمايان شدن آن، بر روي Performance كليك كنيد تا كار آناليز عناصر صفحه آغاز شود. پس از پايان كار، بر روي دكمه components كليك نمائيد تا علاوه بر مشاهده تاثير عناصر مختلف صفحه بر نحوه بارگذاري و سرعت سايت شما، عناصر مفقود را با رنگ قرمز نمايان سازد.