با سرعت وارد دنیایی مجازی شوید –قسمت 2

16 امتیاز

Loading…

برای تحلیل سایت خود آماده هستید که قدم‌به‌قدم جلو برویم، در قدم اول یکی از سایت‌های که از قبل اسمی از آن آوردیم را انتخاب می‌کنیم و آدرس سایت خود را وارد می‌کنیم منتظر می‌مانیم تا تحلیل سایت به اتمام برسد. من در اینجا سایت http://tools.pingdom.com/fpt را انتخاب کردم.

بعد از اتمام تحلیل در صفحه اول با گزینه Download HAR روبه‌رو می‌شوید که باید درباره HAR توضیح مختصری داد:

HAR:

HAR یک ابزار بصری هست که کار تجزیه‌وتحلیل بارگذاری سایتمان را برای ما آسان کرده. باید HAR را دریافت کرد تا بتوانید تجزیه‌وتحلیل خود را انجام دهید. برای دریافت HAR می‌توان از سایت‌ها استفاده کرد یا اگر از مرورگر گوگل کروم استفاده می‌کنید، در صفحه راست کلیک کنید و Inspector انتخاب کنید و گزینه را بزنید Save as HAR with Content را انتخاب کرده و یا اگر از مرورگر Firefox استفاده می‌کنید افزونه Firebug را نصب کنید تا بتوانید از HAR همان افزونه استفاده ببرید. حال اگر مرورگر شما از HAR پشتیبانی نمی‌کند از سرویس‌های رایگان مانند چنین سایت‌های استفاده کنید که هم می‌توانید آنلاین اطلاعات سایت را مشاهده کنید هم به‌صورت جدا HAR را دانلود کنید.

در این سایت در قسمت مشخص‌شده به‌صورت رایگان HAR خود را دریافت کرده و ذخیره کنید یا در همان صفحه به‌صورت آنلاین نتیجه را مشاهده کنید.

در قسمت بعد اطلاعات مختصری در رابطه با سایت موردنظرمان که من در اینجا سایت شهاب نت را انتخاب کردم می‌دهد. این اطلاعات شامل:

• درجه عملکرد در اینجا 71 و c می‌باشد.
• زمان بار شدن سایت که 19 s می‌باشد.
• تا 24% امکان بهینگی وجود دارد.
• سایز صفحه 9 MB
• 55 بار هم درخواست برای گرفتن داده‌ها به سرور را داشته.

در قسمت بعد این سایت، راهبردها و پیشنهاد‌هایی برای بهینگی سایت به ما می‌دهد؛ و درجه‌بندی‌های مختلف دارد از بهترین حالت A رنگ سبز تا بدترین وضعیت در این سایت C رنگ قرمز را دارد. با انتخاب پیشنهاد‌ها و اعمال کردن پیشنهاد‌ها می‌توان رنگ‌های قرمز را به سبز تبدیل کرد که نتیجه این کار به بهبود عملکرد سایتمان کمک می‌کند.

در عکس پایین این سایت برای ما میزان مصرف، درخواست و فضا مصرف‌شده محتوای سایتمان را به نمایش گذاشته‌شده است.

که شامل:

• سایز محتوای سایت بر اساس نوع آن محتوا (عکس، جاوا اسکریپت،css و…)
• تعداد و درصد درخواست سایتمان بر اساس نوع محتوا (عکس، جاوا اسکریپت،css و…)
• اندازه و سایز محتوا برحسب دامنه (دامنه خود سایت، دامنه فونت‌ها و سایر لینک‌های دیگر …)
• تعداد و درصد درخواست برحسب دامنه (دامنه خود سایت، دامنه فونت‌ها و سایر لینک‌های دیگر …)

همان‌گونه که در عکس مشاهده می‌کنید این قسمت از سایت اطلاعاتی را در اختیار ما قرار داده است که به‌صورت رنگ‌های زیبای و مختلف تعیین‌شده‌اند. این رنگ‌ها در میله‌ها در نمودار آبشار برای نشان دادن مراحل مختلف یک درخواست استفاده می‌شود.

این رنگ‌ها شامل این اطلاعت هستند:

• DNS: مرورگر وب به دنبال اطلاعات DNS است.
• SSL: مرورگر وب یک دستاورد SSL را انجام می‌دهد.
• Connect: مرورگر وب در حال اتصال به سرور است.
• Send: مرورگر وب اطلاعات را به سرور ارسال می‌کند.
• Wait: مرورگر وب در انتظار اطلاعات از سرور است.
• Receive: مرورگر وب اطلاعات از سرور دریافت می‌کند.

خود این مسائل و رنگ‌ها آنالیز و توضیحات جدایی دارد که در سری بعدی توضیحاتی خواهیم داد، پس منتظرمان باشید.