طراحی اپلیکیشن در مشهد

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

1 – DNS Lookup / DNS
هنگام دسترسی به یک ورقه اینترنت، مرورگر تک تک منابعی که مستلزم DNS Lookup می باشند و بایستی تا مجال کامل شدن lookup درانتظار بمانند را شناسایی می‌نماید. DNS lookup بر پایه ی hostname ها است. مثلا، در صورتی‌که Google Analytics را در اینترنت سایتتان اضافه نمائید، خیر صرفا برای دامنه شما DNS lookup اعمال می‌دهد بلکه برای google-analytics.com نیز این عمل را اعمال میدهد. (در‌صورتی‌که اطلاعی درباره DNS Lookup ندارد این بخش را بخوانید)

dns lookup در devtools
پست ما درباره کیفیت کاهش DNS lookup را مسلما ببینید به این دلیل‌که درین نصیب به صورت بی نقص به DNS Lookup پ طریق کاهش آن مشاجره کردیم.

کاهش DNS Lookup یاری بزرگی به بهبود سرعت وب سایت می‌نماید، به همین عامل میباشد که همواره پیشنهاد میگردد موادسازنده واسطه بیشتری را روی CDN قرار دهید چون این شغل درخواست های DNS lookup را کاهش می دهد. همینطور بایستی دقت داشته باشید که در ابزارهای زیاد، در حالتی‌که آزمایش های سرعت را یکسری توشه جاری ساختن نمائید، آنان DNS را cache می نمایند، به‌این مفهوم که‌این داده ها را در آزمایش های آتی مشاهده نخواهید کرد. ولی lookup همچنان برای بازدیدکنندگان تازه که وارد تارنما شما می‌شوند جاری ساختن می گردد. وب سایت WebPageTest که از لحاظ عبد و بنده شایسته ترین ابزار برای نظارت درخواست های http و همچنین تجزیه و ارزیابی آبشاری تارنما است، برای رفع این اختلال راه‌حل قابل قبولی به اسم First View و Repeat View داراست. از این روش می‌توانید تصویر کلی بهتری را ببینید.
همینطور میتوانید از resource hint هایی مانند DNS prefetching به کار گیری نمایید که به مرورگر قابلیت اعمال DNS lookup در یک برگه در دورنما در حالی که استفاده کننده در درحال حاضر به کارگیری از مرورگر میباشد را میدهد. این دستور سبب کاهش latency یا این که به عبارتی ژرف اندیشی در DNS lookup در حین کلیک استفاده کننده روی یک پیوند اعمال می گردد. نمونه ذیل را ببینید:

2 – Initial Connection / Connect (رابطه اول یا این که اتصال)
رابطه اول که با تیتر رابطه TCP و رابطه در بعضا ابزارها شناخته می‌گردد، تک تک مجال موردنیاز برای ساخت و ساز یک رابطه TCP میباشد. این آیتم برای تولید یک رابطه فی مابین یک استفاده کننده یا این که هاست محلی و سرور به کارگیری می شود و روشی سه مرحله ای هست که مستلزم استفاده کننده و سرور به خواسته تبادل بسته ها پیش از استارت تبادل داده ها میباشد.

نظارت فرصت اتصال اول
کاهش مجال TCP پاره ای دشوارتر میباشد. شایسته ترین نقطه برای آغاز این میباشد که مطمئن گردید روی یک هاست اینترنت سریع با ژرف اندیشی زیر تارنما شما پیاده گردیده‌است. این handshake با ارسال داده از طرف مخاطب در طی SYN واقعه میفتد، به این ترتیب به رابطه ها قابلیت جایگزینی در طی handshake را می دهد.
همینطور preconnect را فراموش نکنید که به مرورگر اذن میدهد رابطه‌های ابتدایی را پیش از ارسال حقیقی و واقعی درخواست HTTP به سرور ساخت و ساز نمایید. نمونه پایین نحوه فعال کردن preconnect را آرم می‌دهد.

3 – SSL / TLS
SSL، که در بعضا ابزار ها تحت عنوان SSL negotiation نیز معرفی می شود، مجال کلی مرورگر برای اجرای SSL/TLS handshake هست. مشخصاً این را وقتی مشاهده میکنید که CDN و یا این که هاست شما روی HTTPS فعال باشد.

مجال بار گذاری SSL
در پایین یک‌سری طریق برای ارتقا سرعت وب سایت هایی که روی HTTPS جاری ساختن میشوند اورده شده میباشد.

HSTS مخفف عبارت HTTP Strict Transport Security هست، یک تقویت کننده امنیت میباشد که فقطً دسترسی مرورگرها تنها از روش HTTPS محیا می‌نماید. این ابزار با حذف redirect های HTTP و HTTPS غیر ضروری سبب ساز امداد به سعی سرعت سایت شما می گردد.
خاتمه دادن زودهنگام در کاهش مکث SSL/TLS handshake بسیار اصلی میباشد. با توزیع محتوا به یاری CDN مکث هر رفت و رجوع دربین مخاطب و سرور را کاهش می‌دهید. یک CDN به شما اذن میدهد رابطه نزدیکتر به استفاده کننده را برقرار فرمائید.
OCSP stapling رویکردی جایگزین برای انتخاب دارای اعتبار بودن یا این که نبودن یک گواهی SSL میباشد. این منش به اینترنت سرور اذن میدهد تا دارای اعتبار بودن گواهینامه ها را تحقیق کند و نیاز به درخواست صدورگواهی از جانب استفاده کننده را حذف نماید و درخواست دیگر را کم کند. زمانی که با HTTPS سروکار دارید، OCSP به صورت اتومات فعال می گردد.
و اما HTTP/2 را داریم که دو‌مین آپ تو دیت رسانی عمده پروتکل HTTP از مجال HTTP1.1 میباشد. خصوصیت های عملکردی HTTP/2 دربرگیرنده بهبود سرعت مرور اینترنت و همینطور ارتقا امنیت هست.
4 – TTFB / Waiting
TTFB که خلاصه time to first byte میباشد، مقدار وقتی میباشد که ارتفاع میکشد تا یک استفاده کننده یک درخواست HTTP ساخت کرده و او‌لین بایت داده را از اینترنت سرور اخذ نماید. در Pingdom این گزینه تحت عنوان مجال انتظار یا این که wait time شناخته می‌گردد. TTFB یک جنبه اصلی از سئو تارنما میباشد چون هرچه TTFB سریع‌خیس باشد، منبع درخواستی سریع‌خیس به مرورگر ارسال میشود. به صورت معدل هر چیزی با TTFB کمتر از 100 میلی ثانیه فوق العاده میباشد. هرچیزی با معدل TTFB 200 تا 500 میلی ثانیه استاندارد میباشد و دربین 500 میلی ثانیه تا 1 ثانیه کمتر از ایده آل و هرچیزی با TTFB بزرگتر از 1 ثانیه احتمالاً می بایست آیتم نظارت قرار گیرد. نکات تکمیلی و دیدنی درباره TTFB را قطعا در نوشته‌ی علمی TTFB چیست بخوانید.

فرصت انتظار یا این که TTFB
یکی‌از خط مش های بی آلایش بهبود TTFB طراحی caching روی سرور میباشد. از جمله، در حالتی که از وردپرس به کارگیری می‌کنید، افزونه WordPress Cache Enabler می‌تواند یک پوشه Cache استاتیک در پوسته HTML روی سرور شما ساخت و ساز نماید. این گزینه به یوزرها اذن می دهد تا از پروسه فشرده سازی منابع پرهیز نمایند، به این ترتیب ورقه با TTFB سریع‌تری تحویل داده می شود.
و اما به کار گیری از CDN نیز به شدت قادر است TTFB شمارا بهبود دهد. از نوشته‌علمی دلایل به کار گیری از CDN به صورت جامعی فواید CDN تشریح کردیم.

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

1 – DNS Lookup / DNS
هنگام دسترسی به یک ورقه اینترنت، مرورگر تک تک منابعی که مستلزم DNS Lookup می باشند و بایستی تا مجال کامل شدن lookup درانتظار بمانند را شناسایی می‌نماید. DNS lookup بر پایه ی hostname ها است. مثلا، در صورتی‌که Google Analytics را در اینترنت سایتتان اضافه نمائید، خیر صرفا برای دامنه شما DNS lookup اعمال می‌دهد بلکه برای google-analytics.com نیز این عمل را اعمال میدهد. (در‌صورتی‌که اطلاعی درباره DNS Lookup ندارد این بخش را بخوانید)

dns lookup در devtools
پست ما درباره کیفیت کاهش DNS lookup را مسلما ببینید به این دلیل‌که درین نصیب به صورت بی نقص به DNS Lookup پ طریق کاهش آن مشاجره کردیم.

کاهش DNS Lookup یاری بزرگی به بهبود سرعت وب سایت می‌نماید، به همین عامل میباشد که همواره پیشنهاد میگردد موادسازنده واسطه بیشتری را روی CDN قرار دهید چون این شغل درخواست های DNS lookup را کاهش می دهد. همینطور بایستی دقت داشته باشید که در ابزارهای زیاد، در حالتی‌که آزمایش های سرعت را یکسری توشه جاری ساختن نمائید، آنان DNS را cache می نمایند، به‌این مفهوم که‌این داده ها را در آزمایش های آتی مشاهده نخواهید کرد. ولی lookup همچنان برای بازدیدکنندگان تازه که وارد تارنما شما می‌شوند جاری ساختن می گردد. وب سایت WebPageTest که از لحاظ عبد و بنده شایسته ترین ابزار برای نظارت درخواست های http و همچنین تجزیه و ارزیابی آبشاری تارنما است، برای رفع این اختلال راه‌حل قابل قبولی به اسم First View و Repeat View داراست. از این روش می‌توانید تصویر کلی بهتری را ببینید.
همینطور میتوانید از resource hint هایی مانند DNS prefetching به کار گیری نمایید که به مرورگر قابلیت اعمال DNS lookup در یک برگه در دورنما در حالی که استفاده کننده در درحال حاضر به کارگیری از مرورگر میباشد را میدهد. این دستور سبب کاهش latency یا این که به عبارتی ژرف اندیشی در DNS lookup در حین کلیک استفاده کننده روی یک پیوند اعمال می گردد. نمونه ذیل را ببینید:

2 – Initial Connection / Connect (رابطه اول یا این که اتصال)
رابطه اول که با تیتر رابطه TCP و رابطه در بعضا ابزارها شناخته می‌گردد، تک تک مجال موردنیاز برای ساخت و ساز یک رابطه TCP میباشد. این آیتم برای تولید یک رابطه فی مابین یک استفاده کننده یا این که هاست محلی و سرور به کارگیری می شود و روشی سه مرحله ای هست که مستلزم استفاده کننده و سرور به خواسته تبادل بسته ها پیش از استارت تبادل داده ها میباشد.

نظارت فرصت اتصال اول
کاهش مجال TCP پاره ای دشوارتر میباشد. شایسته ترین نقطه برای آغاز این میباشد که مطمئن گردید روی یک هاست اینترنت سریع با ژرف اندیشی زیر تارنما شما پیاده گردیده‌است. این handshake با ارسال داده از طرف مخاطب در طی SYN واقعه میفتد، به این ترتیب به رابطه ها قابلیت جایگزینی در طی handshake را می دهد.
همینطور preconnect را فراموش نکنید که به مرورگر اذن میدهد رابطه‌های ابتدایی را پیش از ارسال حقیقی و واقعی درخواست HTTP به سرور ساخت و ساز نمایید. نمونه پایین نحوه فعال کردن preconnect را آرم می‌دهد.

3 – SSL / TLS
SSL، که در بعضا ابزار ها تحت عنوان SSL negotiation نیز معرفی می شود، مجال کلی مرورگر برای اجرای SSL/TLS handshake هست. مشخصاً این را وقتی مشاهده میکنید که CDN و یا این که هاست شما روی HTTPS فعال باشد.

مجال بار گذاری SSL
در پایین یک‌سری طریق برای ارتقا سرعت وب سایت هایی که روی HTTPS جاری ساختن میشوند اورده شده میباشد.

HSTS مخفف عبارت HTTP Strict Transport Security هست، یک تقویت کننده امنیت میباشد که فقطً دسترسی مرورگرها تنها از روش HTTPS محیا می‌نماید. این ابزار با حذف redirect های HTTP و HTTPS غیر ضروری سبب ساز امداد به سعی سرعت سایت شما می گردد.
خاتمه دادن زودهنگام در کاهش مکث SSL/TLS handshake بسیار اصلی میباشد. با توزیع محتوا به یاری CDN مکث هر رفت و رجوع دربین مخاطب و سرور را کاهش می‌دهید. یک CDN به شما اذن میدهد رابطه نزدیکتر به استفاده کننده را برقرار فرمائید.
OCSP stapling رویکردی جایگزین برای انتخاب دارای اعتبار بودن یا این که نبودن یک گواهی SSL میباشد. این منش به اینترنت سرور اذن میدهد تا دارای اعتبار بودن گواهینامه ها را تحقیق کند و نیاز به درخواست صدورگواهی از جانب استفاده کننده را حذف نماید و درخواست دیگر را کم کند. زمانی که با HTTPS سروکار دارید، OCSP به صورت اتومات فعال می گردد.
و اما HTTP/2 را داریم که دو‌مین آپ تو دیت رسانی عمده پروتکل HTTP از مجال HTTP1.1 میباشد. خصوصیت های عملکردی HTTP/2 دربرگیرنده بهبود سرعت مرور اینترنت و همینطور ارتقا امنیت هست.
4 – TTFB / Waiting
TTFB که خلاصه time to first byte میباشد، مقدار وقتی میباشد که ارتفاع میکشد تا یک استفاده کننده یک درخواست HTTP ساخت کرده و او‌لین بایت داده را از اینترنت سرور اخذ نماید. در Pingdom این گزینه تحت عنوان مجال انتظار یا این که wait time شناخته می‌گردد. TTFB یک جنبه اصلی از سئو تارنما میباشد چون هرچه TTFB سریع‌خیس باشد، منبع درخواستی سریع‌خیس به مرورگر ارسال میشود. به صورت معدل هر چیزی با TTFB کمتر از 100 میلی ثانیه فوق العاده میباشد. هرچیزی با معدل TTFB 200 تا 500 میلی ثانیه استاندارد میباشد و دربین 500 میلی ثانیه تا 1 ثانیه کمتر از ایده آل و هرچیزی با TTFB بزرگتر از 1 ثانیه احتمالاً می بایست آیتم نظارت قرار گیرد. نکات تکمیلی و دیدنی درباره TTFB را قطعا در نوشته‌ی علمی TTFB چیست بخوانید.

فرصت انتظار یا این که TTFB
یکی‌از خط مش های بی آلایش بهبود TTFB طراحی caching روی سرور میباشد. از جمله، در حالتی که از وردپرس به کارگیری می‌کنید، افزونه WordPress Cache Enabler می‌تواند یک پوشه Cache استاتیک در پوسته HTML روی سرور شما ساخت و ساز نماید. این گزینه به یوزرها اذن می دهد تا از پروسه فشرده سازی منابع پرهیز نمایند، به این ترتیب ورقه با TTFB سریع‌تری تحویل داده می شود.
و اما به کار گیری از CDN نیز به شدت قادر است TTFB شمارا بهبود دهد. از نوشته‌علمی دلایل به کار گیری از CDN به صورت جامعی فواید CDN تشریح کردیم.