سوالاتی برای ساختن و برقرار کردن راهنمای FrontEnd (جلسه 25) : Performance یا کارائی - قسمت 4



visibility  
mode_comment   ۰

frontend

در جلسه گذشته در مورد روشهای بهبود سایت برای شما توضیحاتی رو قرار دادیم و ابزارهای معروف رو بهتون معرفی کردیم. در این جلسه میخوایم در مورد ابزارهای مربوط به تست کردن Performance سایت توضیح بدیم.

Performance یا کارائی

  • از چه ابزارهایی برای تست کردن Performance سایت استفاده می کنید؟

در اینجا میخوایم تعدادی ابزار آنلاین رو بهتون معرفی کنیم که با استفاده از اونا میتونین Performance سایت خودتون رو بررسی و تست کنید و مشکلات موجود اون رو برطرف کنید.

webpagetestاین ابزار مربوط به WebPageTest هست و میتونین برای تست سایتتون ازش استفاده کنید. این سایت تعداد موقعیتهای بیشتری رو در اختیارتون قرار میده و میتونن سایتتون رو در نقاط مختلف کره زمین تست کنید. همچنین میتونین مشخص کنید که سایت شما با استفاده از کدام مرورگر تست بشه. این سایت از چند نظر سایتتون رو تست میکنه و برای هر کدام نمره A تا F رو به اونا میده. مثلا من سایت سون لرن رو وارد میکنم و اون رو در ژاپن و با استفاده از مرورگر Chrome تست میکنم و بر روی دکمه Start Test کلیک میکنم. خروجی بصورت زیر خواهد بود:webpagetest 1

همونطور که دیدید بر روی سایتهای ژاپنی سایت سون لرن نتایج این چنینی داره و سرعت لود سایت تقریبا 10 ثانیه هست. با کلیک بر روی هر مورد، میتونین وارد قسمت مربوط به اون بشید و اطلاعات بیشتری رو مشاهده کنید و ایراد کارتون رو پیدا کنید.gtmetrix

این تصویر مربوط به سایت GTmetrix هست و سایت شما رو تست میکنه و برای هر جنبه مختلف اون یک امتیاز قرار میده و روش بهبود اون رو هم بهتون نمایش میده. برای اینکار باید آدرس سایت مورد نظرتون رو درون Input مربوطه وارد کرده و بر روی Analyze کلیک کنید.gtmetrix 1

برای مثال سایت سون لرن رو وارد میکنیم. خروجی بصورت زیر هست:gtmetrix 2

در اینجا اطلاعات کلی و نتیجه رو قرار میده و امتیاز کلی شما رو بهتون نمایش میده. میبینید که دو تا امتیاز رو قرار داده. یکی مربوط به Google PageSpeed هست و دیگری مربوط به Yahoo Yslow.gtmetrix 3

همونطور که دیدید موارد مختلفی قرار داده شده و امتیاز مربوط به هر کدام قرار گرفته و هر چه که مقدار کمتر باشه، مشکل اون بیشتر هست و باید بهش رسیدگی کنید. مثلا در تصویر بالا  gzip Compression به درستی عمل نمیکنه و باید اون رو برطرف کنید. با کلیک بر روی هر کدام، مشکلات اون مورد نمایش داده میشه و راه حلی نیز برای اون ارائه.

علاوه بر اون میتونین تبهای بالا رو تغییر بدین. مثلا اگر YSlow رو بزنید میتونین موارد مربوط به YSlow رو مشاهده کنید. درون تبهای دیگه هم امکاناتی قرار داده شده که میتونین از اونا استفاده کنید و بعضی از اونا نیازمند اینه که درون سایت ثبت نام کنید.varvy

این تصویر مربوط به سایت Varvy هست و ابزارهای مختلفی رو در اختیارتون قرار میده که با استفاده از اونا میتونین سایتتون رو از جنبه های مختلف بررسی کنید.varvy 2

برای تست سایتتون آدرس رو در Input بالا وارد کنید و بر روی Test کلیک کنید. بعنوان مثال من سون لرن رو وارد میکنم:varvy 3

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

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

Source

comment دیدگاه کاربران
ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.