نماد سایت تیک۴

شبیه سازی و بهینه سازی دستگاه ها با GTmetrix

محمد صادقی

GTmetrix اکنون به شما این امکان را می دهد که با تغییر وضوح صفحه، نمایه کاربر و نسبت پیکسل به مشخصات فنی هر دستگاه، عملکرد صفحه خود را روی آنها آزمایش کنید و سایت خود را بر روی 20 دستگاه مختلف نمایش داده و بارگذاری کنید. در این مقاله از سری مقالات تیک4 قصد داریم به شبیه سازی و بهینه سازی دستگاه ها با GTmetrix بپردازیم.

فهرست محتوا

شبیه سازی چگونه انجام می شود؟

شبیه سازی دستگاه با انتقال پارامترها به مرورگر GTmetrix کار می کند تا هنگام درخواست وب سایت شما، خود را به عنوان یک وسیله خاص معرفی کند.

سه پارامتر برای GTmetrix به منظور شبیه سازی دستگاه تغییر می‌کند:

وضوح صفحه نمایش: برای مثال آیفون 6 665 7 667 است.

نمایه کاربر: به سرور شما می گوید چه چیزی از سایت شما خواسته شده است.

نسبت پیکسل دستگاه: نشان می‌دهد که چند پیکسل برای ساخت یک پیکسل CSS استفاده می‌شود.

این ویژگی برای شبیه سازی بیش از 20 دستگاه محبوب وجود دارد، از جمله:

موبایل:

تبلت:

چرا وضوح صفحه اهمیت دارد؟

مانیتورهای رومیزی نسبت به دستگاه های تلفن همراه وضوح بیشتری دارند و به دلیل Responsive design و رزولوشن های مختلف باعث ایجاد طرح های مختلف می شوند.

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

چرا نسبت پیکسل دستگاه (DPR) اهمیت دارد؟

دستگاه های مختلف تلفن همراه دارای نسبت دستگاه پیکسل متفاوتی هستند. از نمایشگرهای چهارگانه HD گرفته تا صفحه نمایش اپل.

دستگاه شبیه سازی عملکرد سخت افزاری را شبیه سازی نمی کند، بنابراین ممکن است تجربه ی متفاوتی از دستگاه واقعی به شما بدهد.

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

از آنجا که ما نمی توانیم عملکرد سخت افزار را برای هر دستگاه شبیه‌سازی کنیم ، باز هم توصیه می شود صفحه خود را بر روی دستگاه واقعی آزمایش کنید تا از معیارهای عملکرد در دنیای واقعی برخوردار شوید. طبیعتاً ، آیفون 8 یک وب سایت مدرن را سریعتر از آیفون 6 بارگذاری می کند ، زیرا دارای پردازنده بهتر ، حافظه بیشتر و غیره است.

نحوه استفاده از آن

برای شبیه سازی و بهینه سازی دستگاه ها ، URL را وارد قسمت Analyze کرده و در گزینه های Analysis ، توسعه دهنده Tookit را گسترش دهید.

نحوه استفاده

1- یک دستگاه را برای شبیه سازی انتخاب کنید.

2- تنظیمات صفحه نمایش، نماینده کاربر و پیکسل دستگاه نسبت به مشخصات آن دستگاه تنظیم شده است. (شما نمی توانید این مقادیر را تغییر دهید)

3- بر روی «تجزیه و تحلیل» کلیک کنید. GTmetrix صفحه شما را با تنظیمات دستگاه شبیه سازی شده آزمایش می کند. گزارشی از تصویر با وضوح صحیح و جزئیات بار صفحه ایجاد می شود.

به عنوان مثال یک دستگاه Desktop تست کنید. برای اینکه بتوانید به عنوان یک دستگاه Desktop تست کنید و به همه رزولوشن های صفحه دسترسی داشته باشید ، باید گزینه Simulator Device را به «دستگاه دلخواه» تغییر دهید. می توانید نسبت دستگاه پیکسل (DPR) را خالی (پیش فرض) بگذارید یا آن را بر روی 1 تنظیم کنید.

سناریوهای استفاده بیشتر

در اینجا چند روش دیگر برای استفاده از دستگاه شبیه سازی برای بدست آوردن بینش بیشتر وجود دارد:

سرعت اتصال را به 3G / 2G نیز تغییر دهید. برای شبیه سازی بهتر به موبایل، می توانید سرعت اتصال را تغییر دهید تا آنچه کاربران تجربه می کنند را نشان دهید.

دستگاهی را در سراسر جهان شبیه سازی کنید

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

فواید

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

تجزیه و تحلیل وب سایت شما می تواند این ایده را به شما بدهد که متوجه شوید که بیشترین استفاده از سایت شما توسط چه دستگاه هایی است.

با نظارت و هشدار، می توانید به صورت مداوم از عملکرد دستگاه کاربر خود اطمینان حاصل کنید.

خروج از نسخه موبایل