فهميدن optimize بودن يك صفحه ؟

[Modifier]

سلام
چگونه ميشه چك كرد صفحه اي از سايتي كه ساختيم داراي بهره وريه خوبي است ؟
بخصوص از نظر سرعت لود شدن با خطوط مختلف ؟
و اينكه مشكل از كدوم قسمت و چه جزء ي بيشترين بار رو ميكشه ؟

ممنون.

ياعلي.

[blackcats]

شاید باید حجم viewstate رو اول نگاه کرد که توی postback ها سری load بشه.
حجم عکس هایی که استفاده کردی کم باشه
css هم میتونه کمک شایانی بکونه

[Alireza_Salehi]

ابتدا firebug و سپس PageSpeed و ySlow و را روی فایرفاکس نصب کنید و به توصیه های PageSpeed و ySlow عمل کنید.

[blackcats]

میشه بیشتر توضیح بدی.
این تاپیک اگر در مورد optimiz کردن بحث بشه تاپیک خوبی در میاد.

[Alireza_Salehi]

Yslow ابزاری است که Yahoo تولید کرده https://addons.mozilla.org/en-US/firefox/addon/5369/
PageSpeed ابزاری است که Google تولید کرده http://code.google.com/speed/page-speed/

هر دوی این ابزار ها پس از بارگذاری کامل یک صفحه اقدام به آنالیز آن می کنند و به موارد مختلفی امتیاز می دهند.
برای مثال 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. قرار دادن فایل های استاتیک بر روی دامنه ای که کوکی نداشته باشد. (تصاویر، استایل ها و اسکریپت ها)
و.....