مقایسه دو روش متفاوت برای طراحی وب چند منظوره
طراحی وب پاسخگو و تطبیقی هر دو روش برای ایجاد وب سایت های چند منظوره دوستانه است که به خوبی در اندازه های مختلف روی صفحه نمایش کار می کنند. در حالی که طراحی وبسایت پاسخگو توسط گوگل توصیه شده است و محبوب تر از دو روش است، هر دو از این روش ها برای طراحی وب چند وب نقاط قوت و ضعف خود را دارند.
بیایید نگاهی به تفاوت های بین طراحی وب پاسخگو و تطبیقی بخصوص با تمرکز بر این زمینه های کلیدی بیاندازیم:
- سهولت توسعه
- سطح کنترل شما بیش از طراحی
- عرض پشتیبانی از دستگاه / صفحه نمایش
- راه حل آینده دوستانه چیست؟
- دانلود سرعت کلی و عملکرد سایت
برخی تعاریف
قبل از اینکه به مقایسه های ما در کنار طراحی وب پاسخگو و سازگار بپردازیم، یک لحظه به یک تعریف سطح بالا از این دو رویکرد نگاه کنیم.
وب سایت های پاسخگو دارای طرح مایع است که بدون در نظر گرفتن اندازه صفحه نمایش، مورد استفاده قرار می گیرد. پرس و جو رسانه ها به سایت های پاسخ دهنده اجازه می دهد تا حتی تغییر "بر روی پرواز" اگر مرورگر تغییر اندازه.
طراحی انطباقی با استفاده از اندازه های ثابت براساس نقطه های متوقف شده از پیش تعیین شده برای ارائه مناسب ترین طرح طرح برای اندازه صفحه نمایش است که در هنگام بارگذاری صفحه اول تشخیص داده می شود.
با آن تعاریف گسترده در محل، بیایید به بخش های اصلی تمرکز ما تبدیل شویم.
سهولت توسعه
مهمترین تفاوت بین طراحی وب پاسخگو و تطبیقی در راه این است که این راه حل ها به یک وب سایت اعمال می شود. از آنجایی که طراحی پاسخگو یک طرح کاملا مایع ایجاد می کند، بهتر است در پروژه هایی استفاده شود که در آن شما طراحی مجدد سایت را از زمین به بالا انجام می دهید . تلاش برای تکمیل یک کد وب سایت موجود برای تبدیل شدن به پاسخگو اغلب یک امر خسته کننده است، زیرا شما به سادگی کنترل سطح که شما می خواهید اگر شما در حال توسعه آن کد از ابتدا و طراحی طراحی پاسخگو در ابتدای مراحل آن روند ندارد . این بدان معنی است که هنگامی که یک سایت را برای پاسخگویی به شما ارتقاء می دهید، مجبورید به منظور ایجاد مأموریت در این پایگاه موجود، مجبور شوید سازش کنید.
اگر شما با یک وب سایت ثابت در حال کار کار می کنید، یک رویکرد انطباقی به این معنی است که شما می توانید اندازه ای را که سایت برای دست نخورده طراحی کرده اید را ترک کنید و در صورت نیاز به نقاط دسترسی انطباقی اضافی اضافه کنید. در بعضی موارد، اگر بودجه پروژه کوچک باشد و اگر تنها مقدار کمی از کارهای توسعه را در خود جای دهد، شما ممکن است تصمیم به اضافه کردن نقاط توقف انطباقی جدید را برای اندازه های کوچکتر صفحه / تلفن همراه داشته باشید. این به این معنی است که شما به صفحات بزرگتر اجازه می دهید همه از یک طرح مشابه استفاده کنند - شاید یک نسخه از نقطه پایانی 960 باشد که در ابتدا برای آن طراحی شده بود.
پیشرفت یک رویکرد انطباقی این است که شما می توانید یک کد سایت موجود را اهرم بندی کنید، اما یکی از نواقص این است که شما ایجاد قالب های مختلف طرح برای هر نقطه توقف که شما انتخاب می کنید برای حمایت. این کار تاثیری بر حجم کاری لازم برای توسعه و نگهداری این راه حل در بلندمدت خواهد داشت.
کنترل طراحی
یکی از نقاط قوت وبسایت های پاسخگو، این است که سیگنال آنها اجازه می دهد تا آنها را به انطباق و پشتیبانی از تمام اندازه صفحه نمایش در مقایسه با فقط نقطه های از پیش تعیین شده تعیین شده در یک رویکرد انطباقی. اما واقعیت این است که سایت های پاسخگو ممکن است در برخی از اندازه های صفحه نمایش کلیدی (به طور معمول اندازه های مربوط به دستگاه های محبوب موجود در بازار) به نظر برسند، اما طراحی بصری اغلب بین این قطعنامه های محبوب شکسته می شود.
به عنوان مثال، یک سایت ممکن است در صفحه نمایش گسترده 1400 پیکسل، اندازه صفحه نمایش 960 پیکسل، و صفحه نمایش کوچک به 480 پیکسل نگاه کند، اما در مورد بین حالت های این اندازه ها، عالی است. به عنوان یک طراح، شما هیچ کمکی به کنترل این بین اندازه ها ندارید و نگاه بصری صفحه در اندازه هایی که اغلب کمتر از ایده آل است.
با یک وب سایت سازگار، شما کنترل بیشتری نسبت به طرح های مختلف استفاده می کنید زیرا اندازه های ثابت بر اساس نقاط تعریف شده شما تعیین شده است. این ناخوشایند بین دولت ها یک مشکل دیگر نیستند زیرا شما هر "نگاه" (به معنی هر نمایش نقطه توقف) را به دقت طراحی کرده اید که به بازدیدکنندگان تحویل داده می شود.
به عنوان جذاب به عنوان این سطح کنترل طراحی ممکن است صدا، شما باید آگاه باشید که آن را در قیمت می آید. بله، شما کنترل کامل بر نگاه هر نقطه پایانی دارید، اما این بدان معنی است که شما باید زمان طراحی مورد نیاز برای طراحی هر یک از این پوسته های منحصر به فرد را سرمایه گذاری کنید. نقطه توقف بیشتر که برای طراحی انتخاب می کنید، زمان بیشتری را برای انجام این فرایند صرف خواهید کرد.
عرض پشتیبانی
هر دو طراحی وبسایت پاسخگو و سازگار با پشتیبانی بسیار قوی، به ویژه در مرورگرهای مدرن، از آن پشتیبانی می کنند.
وب سایت های سازگار نیاز به اجزای جانبی سرور یا جاوا اسکریپت برای تشخیص اندازه صفحه نمایش دارند. بدیهی است، اگر یک سایت سازگار نیاز به جاوااسکریپت داشته باشد، به این معنی است که مرورگر باید آن را فعال کند تا آن سایت درست کار کند. این ممکن است نگرانی عمده ای برای شما نباشد چون اکثر مردم جاوا اسکریپت را در مرورگر خود دارند، اما هر زمان یک سایت یک وابستگی حیاتی به هر چیزی دارد، باید توجه کرد.
وب سایت های پاسخگو و پرس و جو های رسانه ای که آنها را قدرت می دهد در همه مرورگرهای مدرن به خوبی کار خواهند کرد. تنها مشکلات شما با قدیمی ترین نسخه های اینترنت اکسپلورر از نسخه های 8 و پایین تر از پرس و جوهای رسانه پشتیبانی نمی کند . برای کار در اطراف این ، یک فیلد جاوا اسکریپت اغلب استفاده می شود ، به این معنی که وابستگی جاوا اسکریپت در اینجا نیز وجود دارد، حداقل برای آن نسخه های قدیمی از اینترنت اکسپلورر. باز هم ممکن است این نکته برای شما مهم نباشد، به خصوص اگر تجزیه و تحلیل سایت شما نشان می دهد که تعداد زیادی بازدید کننده با استفاده از نسخه های قدیمی تر مرورگر دریافت نمی کنید.
دوستیابی آینده
ماهیت مایع وب سایت های پاسخگو، آن ها را بیش از سایت های تطبیقی می دهد که در مورد دوستدار بودن در آینده می آید. این به این دلیل است که سایت های پاسخگو ساخته نمی شوند تا فقط یک مجموعه از نقاط پایانی که قبلا ساخته شده اند را جایگزین کند. آنها سازگار با تمام صفحه ها ، از جمله آنهایی هستند که ممکن است در بازار امروز نباشند. این به این معنی است که اگر یک قطعنامه روی صفحه نمایش به طور ناگهانی محبوب شود، سایت های پاسخ دهنده نیازی به «ثابت» نباشند.
با نگاهی به تنوع باورنکردنی در چشم انداز دستگاه (از اوت 2015، بیش از 24000 دستگاه Android مجزا در بازار موجود بود)، داشتن یک سایت که بهترین عملکرد را برای این طیف وسیعی از صفحه ها دارد، برای دوستدار بودن در آینده بسیار مهم است. این به این دلیل است که چشم انداز بعید است که در آینده کمتر متنوع باشد، که به این معنی است که طراحی برای صفحه نمایش یا اندازه های خاص غیر ممکن خواهد شد، اگر قبلا به این واقعیت نرسیده ایم.
در طرف دیگر این سناریوی مقایسه، اگر یک سایت سازگار باشد و قطعنامه های جدیدی را که ممکن است در بازار مهم باشد، جایگزین نمی کند، پس شما ممکن است مجبور شوید آن نقطه توقف را به سایت هایی که ایجاد کرده اید اضافه کنید. این زمان طراحی و توسعه را به پروژه ها اضافه می کند و به این معنی است که سایت های تطبیقی باید به طور مداوم نظارت شوند تا اطمینان حاصل شود که هیچ نقطه توقف جدیدی در بازار وارد نشده است که باید به سایت اضافه شود. مجددا با در نظر گرفتن تنوع دستگاه بودن آن، نیاز به دائمی بررسی اندازه های جدید و امکان پذیر شدن آنها با نقطه توقف جدید، یک چالش مداوم است که تاثیر کار شما را برای حمایت از سایت و هزینه نگهداری برای آن دارد شرکت یا سازمان برای آنها سایت است.
کارایی
طراحی وب پاسخگو برای مدت طولانی (به غلط در بسیاری موارد) متهم شده است که یک راه حل نادرست از دیدگاه سرعت / عملکرد دانلود است. این امر عمدتا به دلیل این واقعیت است که در اولین روزهای این روش، بسیاری از طراحان وب به سادگی با نمایش داده های رسانه ای روی صفحه نمایش به CSS موجود در سایت حمله کردند. این تصاویر و منابع مورد نظر برای صفحه بزرگتر را مجبور کرد تا به تمام دستگاهها تحویل داده شود، حتی اگر آن صفحههای کوچکتر از طرحهای نهایی آنها استفاده نکنند. طراحی پاسخگو از آن روز به بعد بسیار طول کشید و واقعیت این است که سایت های پاسخگو با کیفیت امروز از مشکلات عملکرد رنج می برند.
سرعت و سرعت دانلود سریع و وب سایت های شناور یک مشکل وب سایت پاسخگو نیست - این یک مشکل است که می تواند در تمام وب سایت ها یافت شود. تصاویری که بیش از حد سنگین هستند، از رسانه های اجتماعی، اسکریپت های بیش از حد و بیشتر و از سایت ها وزن می گیرند، اما هر دو وب سایت های پاسخگو و سازگار را می توان به سرعت بارگذاری ساخته شده است. البته ، آنها همچنین می توانند به گونه ای ساخته شوند که اولویت عملکرد را نداشته باشند، اما این یک ویژگی از خود راه حل نیست، بلکه بازتابی از تیمی است که در توسعه این سایت دخیل بوده است.
فراتر از چیدمان
یکی از جنبه های برجسته طراحی وب سازگار، این است که شما نه تنها بر روی طراحی سایت برای تعیین نقطه توقف، بلکه همچنین منابعی که برای آن نسخه های سایت تحویل داده می شود، کنترل می شود. به عنوان مثال، این به این معنی است که تصاویر رتینا را می توان فقط به دستگاه های شبکیه ارسال کرد، در حالی که صفحه نمایش های غیر رتینا تصاویر مناسبتری را که در اندازه فایل کوچکتر است، دریافت می کنند. سایر منابع سایت (فایل های جاوا اسکریپت، سبک های CSS، و غیره) را می توان هوشمندانه تحویل داد تنها زمانی که مورد نیاز و مورد استفاده قرار می گیرد.
این استفاده از طراحی وب تطبیقی بسیار فراتر از معادله ساده است: "اگر شما یک وب سایت را به روزرسانی کنید، سازگاری ممکن است یک روش ساده برای استفاده باشد." همه سایت ها، از جمله طراحی مجدد کامل، می توانند از رویکرد دقیق تر به یک تجربه متناسب تر بهره مند شوند.
این سناریو ماهیت ظریف این بحث "پاسخگو و در برابر تطبیقی" را نشان می دهد. در حالی که درست است که یک رویکرد انطباقی ممکن است مناسب تر از پاسخگویی برای بازسازی سایت باشد، همچنین می تواند یک راه حل عالی برای طراحی مجدد کامل باشد. به طور مشابه، در بعضی موارد یک رویکرد پاسخگو میتواند بر اساس کد-سایت موجود در سایت اضافه شود، به این سایت تمام مزایای یک رویکرد کاملا پاسخگو را میدهد.
کدام رویکرد بهتر است؟
هنگامی که به طراحی پاسخگو در مقابل طراحی وب سازگار می آید، "برنده" مشخص نیست، اگر چه پاسخگو قطعا رویکرد محبوب تر است. در حقیقت، رویکرد "بهتر" به نیازهای یک پروژه خاص بستگی دارد. علاوه بر این، این نیازی نیست که یک "یا / یا" وضعیت باشد. بسیاری از متخصصان وب وجود دارند که سایت هایی را طراحی می کنند که بهترین طراحی وب سایت پاسخگو (عرض مایعات، پشتیبانی آینده) را با نقاط قوت طراحی سازگار (کنترل طراحی بهتر، بارگذاری هوشمند از منابع سایت) ترکیب می کنند.
این رویکرد معمولا به عنوان RESS شناخته می شود (طراحی وب پاسخگو با اجزای جانبی سرور)، این رویکرد نشان می دهد که واقعا هیچ "یک اندازه برای تمام راه حل ها وجود ندارد." هر دو طراحی وب سایت پاسخگو و سازگاری دارای نقاط قوت و چالش های خود هستند، بنابراین شما باید تعیین کنید کدام یک برای پروژه خاص خود بهترین کار خواهد کرد، یا اگر یک راه حل ترکیبی بتواند بهترین باشد.