შედარება ორი განსხვავებული მიდგომები Multi- მოწყობილობის ვებ დიზაინი
საპასუხო და ადაპტური ვებ დიზაინი ორივე მეთოდის შექმნის საშუალებას იძლევა მრავალპროფილიანი მოწყობილობის მეგობრული ვებსაიტების შექმნას, რომლებიც კარგად მუშაობენ სხვადასხვა ზომის ეკრანზე. მიუხედავად იმისა, რომ საპასუხო ვებ დიზაინი რეკომენდირებულია Google და უფრო პოპულარულია ორი მიდგომის, ორივე მეთოდები მრავალ მოწყობილობის ვებ დიზაინი აქვს მათი სიძლიერე და მათი სისუსტეები.
მოდით შევხედოთ განსხვავებები საპასუხო და ადაპტირებულ ვებ დიზაინს შორის, კერძოდ, ამ ძირითად სფეროებზე ფოკუსირება:
- მარტივად განვითარება
- კონტროლის დონე გაქვთ დიზაინის გამო
- მოწყობილობის / ეკრანის მხარდაჭერა
- როგორ მომავალი მეგობრული გადაწყვეტა
- საერთო სიჩქარე და საიტი შესრულება
ზოგიერთი განსაზღვრება
სანამ მოვიმუშავებთ ჩვენს გვერდიგვერდ და ადვილად მორგებული ვებ-დიზაინის შედარებას, მოდი ვნახოთ მომენტში, რომ შევხედოთ ამ ორი მიდგომის მაღალ დონეს.
პასუხისმგებელი საიტების აქვს სითხის განლაგებას, რომ ცვლილებები და ადაპტირება მიუხედავად ეკრანის ზომა გამოიყენება. მედია კითხვები საშუალებას აძლევს საპასუხო ვებ-გვერდს შეცვალონ "ფრენაზე", თუ ბრაუზერი გადატვირთულია.
ადაპტირებული დიზაინი იყენებს ფიქსირებულ ზომებს წინასწარ განსაზღვრული წყვეტების საფუძველზე, რათა მოხდეს მაქსიმალურად შესაბამისი განლაგება ვერსია ეკრანის ზომაზე, რომელიც გამოვლინდა როდესაც გვერდი პირველი იტვირთება.
იმ ფართო განმარტებებით, მოდით, გადავხედოთ ჩვენს ძირითად სფეროებს.
განვითარების მარტივია
ყველაზე მნიშვნელოვანი განსხვავება საპასუხო და ადაპტირებულ ვებ დიზაინს შორისაა ისე, რომ ეს გადაწყვეტილებები ვებსაიტზე ვრცელდება. იმის გამო, რომ საპასუხო დიზაინი აშკარად სითხის განლაგებას ქმნის, ის საუკეთესოდ გამოიყენება პროექტებზე, სადაც თქვენ ადგილზე გადადიხარ ადგილზე . ცდილობს ვებ-გვერდის კოდის რეტროფიზირება გახადოს გამიზნული გამონათქვამი, რადგან ხშირად არა აქვს კონტროლი, რომ გექნებათ თუ არა ამ კოდის ჩამოყალიბება და ამ პროცესის ადრეული ეტაპების გათვალისწინებით რეაგირების დიზაინი. . ეს იმას ნიშნავს, რომ როცა საიტის რეაგირება მოახდენს რეაგირებას, იძულებულნი გახდებიან, რომ კომპრომისები გაეკეთებინათ, რომ არსებული კოდექსის ფარგლებში დარჩეს.
თუ თქვენ მუშაობთ არსებული ფიქსირებული სიგანეზე, ადაპტაციური მიდგომა ნიშნავს, რომ თქვენ შეგიძლიათ დატოვოთ ზომა, რომ საიტი განკუთვნილია ხელუხლებელი და დაამატოთ დამატებით ადაპტაციურ დარღვევებზე. ზოგიერთ შემთხვევაში, თუ პროექტის ბიუჯეტი მცირეა, და თუ ის მხოლოდ მცირე სამუშაოების განთავსებას შეძლებს, შეგიძლიათ აირჩიოთ მხოლოდ მცირე ზომის ეკრანისთვის / მობილური- centric ზომისთვის ახალი ადაპტური წყვეტები. ეს იმას ნიშნავს, რომ თქვენ საშუალებას მისცემს უფრო დიდ ეკრანებს გამოიყენოთ იგივე განლაგება - ალბათ 960 შესვენების წერტილი, რომელიც იყო ის, რაც საიტი თავდაპირველად შემუშავებული იყო.
ადაპტაციური მიდგომის უპირატესობაა ის, რომ თქვენ შეგიძლიათ უკეთესად მოახდინოთ არსებული საიტის კოდი, მაგრამ ერთი downsides არის ის, რომ თქვენ შექმნით სხვადასხვა განლაგებას თარგების თითოეული breakpoint თქვენ მხარდასაჭერად. ეს, რომელსაც ექნება გავლენა სამუშაო დატვირთვაზე, რომელიც საჭიროა გრძელვადიან პერსპექტივაში ამ პრობლემის შემუშავებასა და შენარჩუნებაში.
დიზაინი კონტროლი
სუსტი მხარეების ერთ-ერთი სიძლიერე ის არის, რომ მათი სითხეები საშუალებას აძლევს მათ ადაპტირებადი და მხარი დაუჭირონ ყველა ეკრანის ზომებს, რომლებიც ეწინააღმდეგებიან ადაპტაციურ მიდგომებში განსაზღვრულ წინასწარ დადგენილ პუნქტებს. რეალობა, თუმცა, ის არის, რომ საპასუხო საიტები შეიძლება გამოიყურებოდეს დიდი გარკვეული ეკრანის ზომები (როგორც წესი ზომის, რომელიც შეესაბამება პოპულარული მოწყობილობები ხელმისაწვდომია ბაზარზე), მაგრამ ვიზუალური დიზაინი ხშირად არღვევს ქვემოთ იმ პოპულარული რეზოლუციებს.
მაგალითად, საიტი შეიძლება გამოიყურებოდეს დიდი ეკრანის დიაპაზონში 1400 პიქსელით, 960 პიქსელების შუალედური ეკრანის ზომა და პატარა ეკრანი 480 პიქსელზეა, მაგრამ რაც შეეხება ამ ზომის ქვეყნებს შორის? როგორც დიზაინერი, თქვენ გაქვთ პატარა კონტროლი ამ შორის ზომის და ვიზუალური სახე გვერდი იმ ზომის ხშირად ნაკლებია, ვიდრე იდეალური.
ადაპტირებულ ვებსაიტთან შედარებით ბევრად უფრო მეტი დიზაინის კონტროლი გაქვთ სხვადასხვა ფორმატისთვის, რადგან ისინი განსაზღვრულია თქვენი დადგენილი ბაზების მიხედვით. იმ უხერხულ მდგომარეობაში მყოფ ქვეყნებს შორის პრობლემა აღარ არის, რადგან თქვენ ყურადღებით შეიმუშავებთ თითოეული "სახეს" (რაც იმას ნიშნავს, რომ თითოეული შესვენების წერტილი), რომელიც სტუმრებს გადაეცემათ.
როგორც მიმზიდველი, როგორც ამ დონის დიზაინის კონტროლი შეიძლება გასწავლოთ, თქვენ უნდა იცოდეს, რომ ის მოდის ფასი. დიახ, თქვენ გაქვთ სრული კონტროლი ყველა breakpoint- ის სახით, მაგრამ ეს იმას ნიშნავს, რომ თქვენ უნდა დააგემოვნოთ დიზაინის დრო, რომელიც საჭიროა თითოეული მათგანის უნიკალურ ფორმატში. მეტი დარღვევები თქვენ გეგმავს, უფრო მეტი დრო, თქვენ უნდა დაიხარჯოს ამ პროცესში.
ბედნიერების მხარდაჭერა
ორივე საპასუხო და ადაპტირებადი ვებ დიზაინი სარგებლობს საკმაოდ ძლიერი მხარდაჭერა, განსაკუთრებით თანამედროვე ბრაუზერები.
ადაპტირებული საიტების მოითხოვს სერვერის მხარეს კომპონენტები ან Javascript ეკრანზე ზომა გამოვლენის. ცხადია, თუ ადაპტაციური საიტი მოითხოვს Javascript, ეს იმას ნიშნავს, რომ ბრაუზერი სჭირდება მას, რათა მოხდეს სწორად მუშაობა. ეს შეიძლება არ იყოს მნიშვნელოვანი შეშფოთება, რადგან ადამიანების უმრავლესობას ჯავასკრიპტი აქვს მათ ბრაუზერებში, მაგრამ ნებისმიერ დროს საიტი აქვს კრიტიკული დამოკიდებულება არაფერს, უნდა აღინიშნოს.
საპასუხო საიტები და მედიის შეკითხვებს, რომ ძალა მათ კარგად იმუშავებს ყველა თანამედროვე ბრაუზერებში. ერთადერთი პრობლემა, რაც გექნებათ, Internet Explorer- ის უძველესი ვერსიაა, რადგან ვერსიები 8 და ქვემოთ არ ემსახურება მედია შეკითხვებს . ამასთან , ჯავასკრიპტის მრავალხმიანობა ხშირად გამოიყენება , რაც იმას ნიშნავს, რომ არსებობს JavaScript- ის დამოკიდებულება, ასევე, IE- ის ანტიკურ ვერსიებზე. კიდევ ერთხელ, ეს შეიძლება არ იყოს ბევრი შეშფოთება თქვენთვის, განსაკუთრებით იმ შემთხვევაში, თუ თქვენს საიტზე ანალიტიკა აჩვენებს, რომ თქვენ არ მიიღებთ ბევრ სია გამოყენებით ძველი ძველი ბრაუზერის ვერსიები.
მომავალი კეთილგანწყობა
მგრძნობიარე საიტების სითხის ბუნება მათ უპირატესობას ანიჭებს ადაპტირებულ საიტებზე, როდესაც საქმე ეხება მომავალს კეთილგანწყობას. ეს იმიტომ ხდება, რომ საპასუხო საიტები არ აშენებენ მხოლოდ ადრე დადგენილ უბნებს. ისინი ადაპტირება შეესაბამება ყველა ეკრანებს , მათ შორის, რომელიც შეიძლება არ იყოს რეალურად ბაზარზე დღეს. ეს იმას ნიშნავს, რომ საპასუხო საიტები არ უნდა იყოს "ფიქსირებული", თუ ახალი ეკრანის რეზოლუცია მოულოდნელად პოპულარული ხდება.
მოწყობილობის ლანდშაფტის წარმოუდგენელ ჯიშზე (2015 წლის აგვისტოში, ბაზარზე 24,000 მკაფიო Android მოწყობილობა იყო), რომელსაც აქვს საიტი, რომელიც ყველაფერს აკეთებს იმისათვის, რომ ამ ფართო სპექტრის ეკრანებზე განთავსება კრიტიკულად მნიშვნელოვანია მომავლის კეთილდღეობაზე. ეს იმიტომ, რომ ლანდშაფტი ნაკლებად განსხვავდება მომავალში, რაც იმას ნიშნავს, რომ კონკრეტული ეკრანებისთვის ან ზომისთვის დიზაინი შეუძლებელი ხდება, თუ ჩვენ არ მიაღწიეთ ამ რეალობას.
ამ შედარების სცენარის მეორე მხარეს, თუ საიტი არის ადაპტირება და არ ითავსებს ახალ რეზოლუციებს, რომლებიც ბაზარზე მნიშვნელოვანი გახდება, მაშინ შეიძლება იძულებულ იქნას, რომ დაამატოთ ის ადგილები, რომლებიც შენ შექმენით. ეს ხელს უწყობს დიზაინის და განვითარების დროს პროექტებს და ეს იმას ნიშნავს, რომ ეს ადაპტური საიტები უნდა იყოს მუდმივად მონიტორინგი, რათა უზრუნველყონ ბაზარზე ახალი ბაზრები არ შემოიფარგლებოდეს, რომელიც უნდა დაემატოს საიტზე. კიდევ ერთხელ, მოწყობილობის მრავალფეროვნების არსებობა, რაც არის ის, რომ მუდმივად შეამოწმოთ ახალი ზომები და შესაძლებელი გახადოს ისინი ახალი breakpoints არის მიმდინარე გამოწვევა, რომელიც გავლენას მოახდენს მუშაობა უნდა ხელი შეუწყოს საიტი და ღირებულება, რომ შენარჩუნება კომპანია ან ორგანიზაცია, რომლისთვისაც არის საიტი.
შესრულება
საპასუხოდ ვებ დიზაინი უკვე დიდი ხანია ბრალი (უსამართლოდ, ასე რომ ხშირ შემთხვევაში) ყოფნის ცუდი გამოსავალი ჩამოტვირთვის სიჩქარე / შესრულების თვალსაზრისით. ეს დიდწილად იმის გამო, რომ ამ მიდგომის ადრეულ დღეებში ბევრი ვებ დიზაინერი უბრალოდ თავს დაესხმება მცირე ზომის ეკრანის მედია შეკითხვებს საიტის არსებული CSS- ზე. ეს აიძულებდა გამოსახულებები და რესურსები, რომლებიც განკუთვნილია უფრო დიდი ეკრანებისთვის, რომლებიც უზრუნველყოფენ ყველა მოწყობილობას, მაშინაც კი, თუ პატარა ეკრანები მათ საბოლოო ფორმატში არ იყენებენ. ამ დღეებში საპასუხო დიზაინი გრძელი გზაა და რეალობა ისაა, რომ ხარისხიანი საპასუხო საიტები დღეს არ განიცდიან შესრულების პრობლემებს.
ნელი ჩამოტვირთვის სიჩქარე და აფეთქებული ვებსაიტები არ არის საპასუხო ვებ-საიტის პრობლემა - ეს არის პრობლემა, რომელიც შეგიძლიათ იპოვოთ ყველა ვებსაიტზე. სურათები, რომლებიც ძალიან მძიმეა, იკვებება სოციალური მედიიდან, გადაჭარბებული სკრიპტებით და უფრო მეტი და წონასწორობით, მაგრამ ორივე რეაგირება და ადაპტირებადი ვებ-გვერდები შეიძლება სწრაფად ატვირთოთ. რა თქმა უნდა , მათ ასევე შეიძლება აშენდეს ისეთი გზა, რომელიც პრიორიტეტს არ ახდენს, მაგრამ ეს არ არის თვითონ გადაწყვეტის თავისებურება, არამედ თავად გუნდის ასახვა, რომელიც თვითონ თვითონ თავად მონაწილეობდა.
განლაგების მიღმა
ადაპტური ვებ-დიზაინის ერთ-ერთი ყველაზე მკაფიო ასპექტი ისაა, რომ თქვენ არა მარტო გაქვთ კონტროლირებადი სივრცისთვის განკუთვნილი საიტის დიზაინის კონტროლი, არამედ ის რესურსები, რომლებიც გადაეცემა ამ საიტის ვერსიებს. მაგალითად, ეს იმას ნიშნავს, რომ ბადურის გამოსახულებები შეიძლება მხოლოდ ბადურის მოწყობილობებში გაგზავნას, ხოლო არასასურველი ეკრანები უფრო მეტ შესაბამის სურათებს მიიღებენ , რომლებიც უფრო მცირე ზომის ზომის ზომის გამოსახულებებია . სხვა საიტის რესურსები (JavaScript ფაილები, CSS სტილები და ა.შ.) შეიძლება ჭკვიანი იყოს მხოლოდ მაშინ, როდესაც ისინი საჭიროებენ და გამოყენებული იქნება.
ამ ვებსაიტის ადაპტირებადი ვებ-დიზაინი უფრო მარტივია, თუ "ვებ-გვერდის retrofitting, ადაპტირება შეიძლება იყოს ადვილი მიდგომა". ყველა საიტესი, მათ შორის სრული რეაგირების საშუალებით, შეუძლია ისარგებლოს ჭკვიანი მიდგომა უფრო მორგებული გამოცდილებით.
ეს სცენარი გვიჩვენებს, რომ ეს "პასუხგაუცემელი ადაპტაციური" დებატების nuanced ბუნებაა. მიუხედავად იმისა, რომ მართალია, ადაპტაციური მიდგომა შეიძლება უკეთესად იყოს შესაფერისი ვიდრე საიტი რეტროფიტებისთვის, ასევე შეიძლება იყოს სრული გადაწყვეტა სრული რეაგირებისთვის. ანალოგიურად, ზოგიერთ შემთხვევაში საპასუხო მიდგომა შეიძლება დაემატოს არსებული საიტის კოდის ბაზაზე და ამ საიტისთვის მიცემული სრული სარგებლიანობის სრული უპირატესობა.
რომელი მიდგომა უკეთესია?
რაც შეეხება რეაგირებას რელევანტური ვებ-დიზაინის მიმართ, არ არსებობს მკაფიო "გამარჯვებული", თუმცა რეაგირება, რა თქმა უნდა, უფრო პოპულარულია. სინამდვილეში, "უკეთესი" მიდგომა დამოკიდებულია კონკრეტული პროექტის მოთხოვნებზე. გარდა ამისა, ეს არ უნდა იყოს "ან / და" სიტუაცია. არსებობს ბევრი ვებ პროფესიონალები, რომლებიც სამშენებლო ობიექტებს ქმნიან, რომლებიც თავსებადი საუკეთესო რეაგირების მქონე ვებ-დიზაინით (სითხის სიგანე, მომავალი მხარდაჭერა) ადაპტური დიზაინის სიძლიერეთა (უკეთესი დიზაინის კონტროლი, საიტის რესურსების ჭკვიანი ჩატვირთვა).
საყოველთაოდ ცნობილია, როგორც RESS (საპასუხო ვებ დიზაინი სერვერი გვერდითი კომპონენტებით), ეს მიდგომა გვიჩვენებს, რომ სინამდვილეში არ არის "ერთი ზომა შეესაბამება ყველა გამოსავალს". ორივე საპასუხო ვებ დიზაინი და ადაპტაციური აქვს მათი ძლიერი და მათი გამოწვევები, ასე რომ თქვენ უნდა განსაზღვროთ რომელი იმუშავებს საუკეთესო თქვენი კონკრეტული პროექტის, ან თუ ჰიბრიდული გადაწყვეტა შეიძლება რეალურად ჯდება საუკეთესო.