واترفال (Waterfall) چیست؟
واترفال (Waterfall) به معنی مدل آبشاری شناخته می شود. در مدیریت پروژه ها از این مدل آبشاری به عنوان یک رویکرد خطی استفاده می گردد. در این رویکرد، نیازهای مشتریان و فردی که در پروژه ها دارای نفع می باشد جمع آوری میشوند و سپس یک به یک برای این نیازها روش هایی یافت می گردند.
در واقع با یافتن هر راه حل در یک مرحله به مرحله بعد به شکل آبشاری به سمت پایین جهت اتمام پروژه، می رویم. مفهوم واترفال را در چرخه عمر توسعه سیستم ها نیز می توانید ببینید که برای توسعه نرم افزار نیز استفاده می شود.
تحلیل گران برای رشد و توسعه، ارائه خدمات سرعت وب سایت و خطایابی تکنیکی به خوبی با این بخش آشنایی دارند و با استفاده از واترفال تمامی موارد و راه حل های بهبود وب سایت رو بررسی و مورد آزمایش قرار میدهند تا به بهترین نتیجه ممکن برسند.
نحوه استفاده از واترفال (waterfall) در توسعه نرم افزار
در این رویکرد، تمامی بخش های توسعه نرم افزار، به بخش های جداگانه ای تقسیم می شوند. این فازهای جدا شده، به ترتیب به دنبال یکدیگر قرار میگیرند طوری که هر مرحله، ورودی مرحله بعد محسوب می شوند.
در این حالت هر کدام از مراحل این فرایند تنها در صورتی شروع می شود که مرحله قبل به اتمام رسیده باشد. طراحی متوالی این طرح ها به سمت پایین مانند آبی است که از یک صخره به پایین جریان می یابد.
دقیقا نکته همینجاست همانطور که آبشار نمی تواند به بالا و به عقب برگشت کند، در مدل واترفال نیز، بعد از آنکه نقطه های پایانی مرحله ها تکمیل شدند، قادر به برگشت و تصحیح و بررسی آن نخواهید بود.
مراحل واترفال (Waterfall) چیست؟
- الزامات
- تجزیه و تحلیل
- طراحی سیستم
- پیاده سازی
- یکپارچه سازی و تست
- استقرار سیستم
- تعمیر و نگهداری
بهره برداری از رویکرد واترفال (Waterfall) در وبسایت
برای درک این مبحث در حوزه وب سایت ها باید با چارت واترفال یا نمودار آبشاری (Waterfall) آشنا شوید. مدیریت مراحل مختلف تکمیل پروژه با این رویکرد ساده تر خواهد شد.
رویکرد واترفال که در وب سایت ها مورد بحث و بررسی قرار می گیرد را در جی تی متریکس می توانید ببینید که ما در دوره آموزش افزایش سرعت سایت به طور کامل در مورد آن صحبت کرده ایم. چنانچه وب سایتی را در سایت GTMetrix تحلیل کنید، در بخش های مختلف آن گزینه ای به نام واترفال را خواهید دید که با بررسی آن می توانید به بحث های درست تری از عملکرد وب سایت برسید.
چارت واترفال (Waterfall) چیست؟
نمودار آبشاری است که مجموعه ای از آیتم های مختلف وب سایت شما را نشان می دهد. برای ساده تر شدن خوانایی چارت واترفال باید با این واژه آشنایی بیشتری داشته باشید و گرنه دچار چالشی بزرگ خواهید شد. آنچه در ادامه به آن خواهیم پرداخت بخش های مختلف واترفال در تحلیل GTMetrix می باشد.
مجموعه ای از نوارهای رنگی که تحلیل ها روی آنها صورت می پذیرد. این چارت واترفال (چنانچه در مبحثی آن را به صورت واترفایل نیز مشاهده کردید همان مفهوم را می رساند ولی در واقع واترفال درست است)، رفتار و شکل عملکرد صفحات وب سایت را در زمان بارگذاری نشان می دهد.
با کمک این چارت می توانید آمار درخواست های رد و بدل شده را با ترتیب در آورید. جزئیات این درخواست ها بعلاوه تعداد بارهای تکرار آنها را متوجه شوید و زمان مصرف شده تا بارگذاری آنها را نیز می بینید.
نوارهای رنگی در چارت واترفال (Waterfall) چیست؟
مجموعه از نوارهای رنگی را در چارت واترفال در تحلیل GTMetrix خواهید دید، که با کمک آنها مقدار زمان صرف شده برای بارگذاری آیتم ها، دانلود موارد مختلف و اجرای درخواست ها را تشخیص خواهید داد.
در نتیجه مشخص شدن این موارد و دریافت اطلاعات از این نوارها، مشکلات عملکرد صفحه در آن وبسایت قابل شناسایی است که در نتیجه می توانید در پی راه حل های رفع این مشکلات باشید.
تحلیل قدم به قدم فهرست مدل آبشاری ( واتر فال)
برای شروع تحلیل ما با خطوط و رنگ نوارهای واترفال آشناخواهیم شد.
این خطوط شامل پنج ستون می باشند:
-
نام فایل:
ستون اول از سمت چپ نام فایل مورد نظر را نشان می دهد. این نام ها منبعی هستند که مرورگر، بارگذاری می کند. در اینجا دو دسته بندی برای این نام ها وجود دارد GET و POST و از انواع متفاوت HTTP هستند.
جایی برای نگرانی از این بخش از فهرست نیست. در واقع نام درخواست را درست بعد از متد که در اینجا HTTP است، خواهید دید.
به پیچیدگی نام توجهی نکنید تنها اینکه بدانید فایل چیست و برای چه کاری استفاده می شود، کافی است. با بردن نشانگر موس روی هر کدام از این نام ها آدرس کامل آن را خواهید دید.
با گرفتن کلید ctrl و کلیک روی این آدرس یک تب جدید باز می شود، پسوند های آنها را خواهید دید در آن صورت متوجه می شوید که چه عنصری از صفحه هستند.
-
وضعیت پاسخ دهی:
ستون دوم در چارت واترفال نشان دهنده وضعیت پاسخ دهی عنصر یا فایل مورد نظر است. این قسمت یک کد سه رقمی و یک پیغام دارد. این پیغام معنی کد را می رساند. یکی از معروف ترین کدها، کد 404 است که در دسترس نبودن صفحه را نشان می دهد.
این ستون و کدهای آن نشان می دهد که آیا درخواست مرورگر از سمت سرور پاسخ داده شده است یا خیر.
-
منبع فایل:
بخش بعدی منبع فایل است که به شما نشان می دهد این فایل از کجا بارگذاری می شود. فرض کنید منبعی از سایت های فیسبوک یا یوتیوب در صفحه قرار داده اید. این بخش نشان می دهد که کدام آیتم منبعی خارج از سایت شما دارد.
درست اجرایی شدن CDN در صورت استفاده را نیز همین بخش نشان میدهد. با بردن نشانگر ماوس روی این منابع می توانید آدرس آنها را نیز چک کنید که IP درستی استفاده شده یا خیر.
-
حجم فایل:
در ستون بعدی، حجم فایل مورد نظر نمایش داده می شود. مجموع تمام حجم هایی که در این ستون نوشته شده باشد، کل حجم صفحه شما را نشان میدهد.
باید توجه کنید هرقدر این حجم کمتر باشد، صفحه شما سبک تر می شود، بنابراین سرعت دانلود و بارگذاری بیشتر خواهد شد. در صورتیکه فایلی با حجم بالا داشته باشید، باید حجم آنها را کاهش دهید.
-
زمان بارگذاری صفحه:
آخرین ستون از فهرست واترفال، زمانی را نشان می دهد که برای بارگذاری هر یک از آیتم های سایت صرف می شود. این بخش مهمترین بخش این چارت است و بیشترین توجه را به خود اختصاص می دهد. یکی از دقیق ترین بخش های نوارهای رنگی در این بخش است که رفتار و عملکرد صفحه را منعکس می کند. بیشترین مشکلات صفحه را از همین بخش می توانید ببینید.
پیش از بررسی این زمان، می بایست با عناوین درخواست ها و پاسخ ها آشنا شوید.
عناوین درخواست و پاسخ
با کلیک روی هر عنصر این چارت می توانید هدر درخواست و پاسخ را ببینید. این عناوین را با Request Header – Response Header می شناسید.
پس از کلیک روی این عناصر یک پنجره ای شامل اطلاعات مهمی از منبع مورد نظر می یابید. یکی از این اطلاعات، سربرگ ها می باشند. سربرگهایی که مرورگر به سرور ارسال می کند.
برای تغییرات مهم در این بخش، افراد باید اطلاعات فنی و دانش کافی داشته باشند.
زمان بندی درخواست
در تصویر ساده یک چارت واترفال، در مقابل هر درخواست مجموعه ای از رنگ ها وجود دارد. هر رنگی نشانه قسمتی از شکل بارگذاری عناصر آن صفحه می باشد.
قهوه ای – انسداد:
مدت زمانی که درخواستی در صف انتظار مرورگر می ماند.
فیروزه ای – جستجو DNS:
درخواست ها وقتی از مرورگر به سرور ارسال می شود که صفحه ای باز می گردد. پیش از آن لازم است که آدرس سایت به IP تغییر کند. این روند DNS LOOkup نام دارد. برای زمانی که طول میکشد تا DNS LOOkup تکمیل شود، رنگ فیروزه ای را در نظر گرفته اند.
سبز – برقرار ارتباط:
زمان مورد نیاز جهت ایجاد ارتباط از نوع TCP بین سرور و کاربر بعلاوه مدت زمانی که صرف کانکشن SSL می گردد، با رنگ سبز نشان داده می شود.
قرمز – ارسال:
مدت زمانی که برای ارسال درخواست مرورگر به سرور صرف می شود، رنگ قرمز را در نظر گرفته اند.
بنفش – انتظار:
مقدار زمان انتظار برای پاسخ گویی سرور را با بنفش نشان می دهند.
خاکستری – دریافت:
مقدار زمان صرف شده جهت دانلود پاسخ های ارسالی از سرور، رنگ خاکستری را به خود اختصاص می دهد.
زمانبندی رویدادها واترفال (Waterfall) چیست؟
پس از بحث زمانبندی درخواست ها در به زمانبندی رویدادها می رسیم. یک سری خطوط رنگی، نوارهای رنگی بخش قبل را قطع کرده و زمان را نشان میدهند. این خطوط و قطع نوارها، رویدادهای خاصی که اتفاق می افتند را نشان می دهند.
خط سبز – اولین نمایش:
زمانی که فراخواندن شروع می شود را با خط سبز نشان می دهند. در این موقع اولین محتوای صفحه نمایش داده می شود.
خط آبی – بارگذاری DOM:
این بخش کاملاً فنی است و زمان آماده شدن DOM مرورگر می باشد. افرادی که کاملاً دانش فنی دارند در این زمینه می توانند ورود کنند.
خط قرمز – اتمام دانلود:
خط قرمز زمانی را نشان می دهد که تمامی عناصر صفحه دانلود شده اند.
خط بنفش – اتمام بارگذاری:
خط بنفش مدت زمانی را نشان می دهد که تمامی عناصر دانلود شده و نمایش داده شده اند. تمامی موارد گفته شده جهت بررسی و نقد و رفع موانع و مشکلات نیاز به دانش فنی و تخصصی دارند.
چنانچه در این مورد دانش تخصصی ندارید می بایست به نیروی متخصص در این زمینه مراجعه کنید.
نتیجه گیری:
در این مقاله متوجه شدید که واترفال (Waterfall) چیست؟ و با تمامی بخش های آن آشنا شدید. اگر ایرادی در بخش های مختلف سایت خود ملاحظه کردید و امکان تغییرات را نداشتید، باید به متخصص این امر مراجعه کنید.
بدلیل اینکه اصلاح عملکردهای سایت امری بسیار مهم است، تیم DM SEO آماده ارائه اطلاعات و رفع این موانع و اصلاح عملکرد شما با کمک متخصصین این امر می باشد. در مباحث بعدی اطلاعات بیشتری از این رویکردها در اختیار شما قرار خواهد گرفت.
a
دیدگاهتان را بنویسید