هر دوی این ابزار ها پس از بارگذاری کامل یک صفحه اقدام به آنالیز آن می کنند و به موارد مختلفی امتیاز می دهند.
برای مثال YSlow به موارد زیر از A تا F امتیاز می دهد:
تعداد درخواست های HTTP
سرآیند های منقضی شدن فایل ها
فشرده بودن فایل های استاتیک
محل قرارگیری لینک به CSS
محل قرار گیری اسکریپت ها
کاهش dns lookup یا به عبارتی درخواست از وب سایت های دیگر
بهینه بودن حجم و محتوای فایل های جاوااسکریپت و CSS
استفاده از CDN
و ....
PAgeSpeed هم به موارد مشابهی از صفر تا صد امتیاز می دهد.
در مورد YSlow هر چی امتیاز کلی به A نزدیک باشد و در مورد PageSpeed هر چه امتیاز به 100 نزدیک باشد به معنی سریع تر و بهینه تر بودن وب سایت مورد نظر است.
هر دوی اسن ابزارها در صورتی که یکی از تست های انجام شده ضعیف باشند توصیه هایی به شما می کنند که در صورت عمل به آنها سرعت و کیفیت بهتری ایجاد می شود.
افزونه YSlow به لحاظ بصری بهتر طراحی شده و به صورت گرافیکی اطلاعات مختلف را دسته بندی وبه شما نمایش می دهد.
ضمن این که در قسمت Tools آن می توانید به برخی ابزار های مفید جهت انجام توصیه های آن دسترسی داشته باشید.
برای مثال آنالیز همین صفحه توسط دو ابزار فوق در تصاویر ضمیمه شده دیده می شود.
موارد زیادی جهت بهینه سازی وجود دارد که ابزارهای فوق به شما می گویند ولی مهمترین آنها را در زیر برایتان لیست می کنم:
1. کاهش تعداد درخواست ها (فایل های کمتری به صفحه لینک شده باشند)
2. استفاده از تکنیک CSSSprite جهت ادغام تصاویر ئر یک عکس و در نتیجه کاهش درخواستها
3. کمینه (minify) کردن فایل های js و css (با استفاده از این ابزار:http://refresh-sf.com/yui/)
4. فشرده سازی فایل های استاتیک (در صورت داشتن سرور اختصاصی می توانید این قابلیت را در IIS فعال کنید)
5. استفاده از تکنیک CDN
6. قرار دادن فایل های استاتیک بر روی یک دامنه (یا زیر دامنه) دیگر که باعث افزایش درخواست های همزمان مرورگر می شود
7. حداقل کردن کدهای صفحات، حذف موارد تکراری، رعایت استاندارد های وب
8. قرار دادن فایل های استاتیک بر روی دامنه ای که کوکی نداشته باشد. (تصاویر، استایل ها و اسکریپت ها)
و.....
پاسخ با نقل قول
