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



visibility  
mode_comment   ۰

frontend

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

Performance یا کارائی

  • از چه روشی سرعت سایت خودتون رو تست می کنید؟

همونطور که میدونین وقتی که سایتتون رو طراحی میکنید و اون رو آپلود میکنید تا در دسترس عموم قرار بگیره، یکی از موارد مهمی که باید به اون توجه داشته باشید، سرعت لود شدن سایتتون هست. این مسئله به دلایل مختلفی مهم هست و یکی از اونا اینه که هر چه میزان لود سایتتون بیشتر باشه، احتمال اینکه کاربران سایتتون رو ترک کنن بیشتر خواهد شد. در جلسه قبل در مورد Performance Budget توضیح دادیم و اگه از اون پیروی کنین و کاراتون رو با کیفیت و استاندارد انجام بدین، سرعت سایتتون تا حد ممکن پایین خواهد آمد. بعد از همه این کارا باید سایتتون رو تست کنید و ببینید که کاراتون درست عمل میکنه یا یک جای کار میلنگه. این سایتها مشکلات سایتتون رو نمایش میدن و میتونین به راحتی اونا رو برطرف کنید. در اینجا تعدادی سایت معروف رو بهتون معرفی میکنیم که میتونین با استفاده از اونا سرعت سایتتون رو تست کنید.pingdom

این تصویر مربوط به سایت Pingdom هست که تقریبا میشه اون رو یکی از معروفترین سایتهای تست سرعت سایت دونست. برای تست سایتتون باید اول وارد سایت مورد نظر بشید و آدرس سایت مورد نظرتون رو وارد کنید و محلی که قرار است تست از اونجا انجام بشه رو مشخص کنید و بر روی دکمه Start Test کلیک کنید و چند لحظه منتظر بمونید.pingdom 1

من در اینجا سایت سون لرن رو وارد میکنم و تست رو شروع میکنم و بعد از چند دقیقه نتایج زیر نمایش داده میشه.pingdom 2

میبینید که سرعت لود سایت و اندازه و ... رو نمایش میده و همچنین بعد از اون بعضی از موارد مربوط به Performance رو نمایش میده و نمرات اونا از 100 رو قرار میده. مثلا در تصویر بالا مورد Leverage browser caching نمره 68 داره و میتونین با کلیک بر روی فلش کنار اون، راه حل بهبود نمره رو ببینید و سایتتون رو بهینه تر کنید. بعد از این هم موارد مختلفی قرار گرفته که میتونین از اونا استفاده کنید.pagespeed

این سایت مربوط به Page Speed هست که مربوط به Google هست و میتونین با استفاده از اون سایتتون رو تست کنید. این سایت نمره ای بین 1 تا 100 به سایتتون میده. هر چه نمره بیشتر باشه، Performance اون بهتر خواهد بود. این ابزار گزارشاتی هم برای Desktop و هم برای Mobile در اختیارتون قرار میده و همچنین برای مشکلات، راه حلی رو بهتون پیشنهاد میکنه. برای مثال من سایت سون لرن رو وارد میکنم و بر روی دکمه Analyze کلیک میکنم. نتایج بصورت زیر نمایش داده میشه:pagespeed 1

همونطور که دیدید مشکلات قرار داده شده و در هر قسمت میتونین بر روی Show how to fix کلیک کنید و راه حل رو ببینید.keycdn

این تصویر مربوط به سایت keycdn هست که میتونین با استفاده از اون سرعت سایتتون رو در نقاط مختلف کره زمین تست کنید. برای اینکار آدرس سایت مورد نظرتون رو در input مورد نظر وارد کرده و مکانی که میخواید در اونجا تست انجام بشه رو مشخص کنید و بر روی دکمه Run کلیک کنید. مثلا من سون لرن رو وارد میکنم و مکان تست رو بر روی New York قرار میدم و بر روی Run کلیک میکنم. خروجی بعد از چند لحظه بصورت زیر میشه:performance test keycdn

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

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

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

موفق باشید

یا علی

Source

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

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