Αν κοιτάξετε τα τελευταία χρόνια της κυκλοφορίας αναλυτικών στοιχείων για ιστότοπους, θα διαπιστώσετε ότι όλοι μοιράζονται ένα κοινό πράγμα - μια αύξηση του αριθμού των επισκεπτών που λαμβάνουν από χρήστες σε κινητές συσκευές.
Σε παγκόσμιο επίπεδο, υπάρχει τώρα περισσότερη κυκλοφορία ιστού που προέρχεται από κινητές συσκευές από ό, τι θα θεωρούσαμε "παραδοσιακές συσκευές", που ουσιαστικά σημαίνει υπολογιστές γραφείου ή φορητούς υπολογιστές. Δεν υπάρχει αμφιβολία ότι ο υπολογιστής κινητής τηλεφωνίας έχει αλλάξει τον τρόπο με τον οποίο οι χρήστες καταναλώνουν περιεχόμενο στο διαδίκτυο, πράγμα που σημαίνει ότι άλλαξε τον τρόπο με τον οποίο πρέπει να δημιουργήσουμε ιστότοπους για αυτά τα όλο και περισσότερο κινητά κεντρικά ακροατήρια.
Κτίριο για ένα κινητό κοινό
Η δημιουργία "φιλικών προς κινητά ιστότοπων" αποτελεί προτεραιότητα για τους επαγγελματίες του διαδικτύου εδώ και πολλά χρόνια. Οι πρακτικές, όπως ο ανταποκρινόμενος σχεδιασμός ιστοσελίδων, αποσκοπούσαν στη δημιουργία ιστότοπων που λειτουργούσαν καλά για όλες τις συσκευές και η εστίαση στην απόδοση του ιστότοπου και στους χρόνους γρήγορης λήψης ωφελεί όλους τους χρήστες, κινητούς ή μη. Μια άλλη προσέγγιση σχετικά με τις φιλικές προς το κινητό ιστότοπους είναι γνωστή ως ανάπτυξη ιστού AMP, η οποία αντιπροσωπεύει επιταχυνόμενες σελίδες κινητής τηλεφωνίας.
Αυτό το έργο, το οποίο υποστηρίζεται από την Google, δημιουργήθηκε ως ανοικτό πρότυπο που επιτρέπει στους εκδότες ιστότοπων να δημιουργούν ιστότοπους που φορτώνουν ταχύτερα σε κινητές συσκευές. Εάν σκέφτεστε ότι αυτό ακούγεται πολύ σαν να ανταποκρίνεται στον σχεδιασμό ιστοσελίδων, δεν κάνετε λάθος. Οι δύο έννοιες μοιράζονται πολλά κοινά, δηλαδή ότι εστιάζουν και οι δύο στην παροχή περιεχομένου στους χρήστες σε κινητές συσκευές. Ωστόσο, υπάρχουν πολλές διαφορές μεταξύ αυτών των δύο προσεγγίσεων.
Βασικές διαφορές μεταξύ του AMP και του υπεύθυνου σχεδιασμού ιστού
Ένα από τα δυνατά σημεία του σχεδιασμού ιστοσελίδων που ανταποκρίνεται ήταν πάντα η ευελιξία που προσθέτει σε έναν ιστότοπο. Μπορείτε να δημιουργήσετε μια σελίδα που ανταποκρίνεται αυτόματα στο μέγεθος της οθόνης ενός επισκέπτη. Αυτό δίνει στην σελίδα σας την δυνατότητα προσέγγισης και τη δυνατότητα να προσφέρει μια καλή εμπειρία σε ένα ευρύ φάσμα συσκευών και μεγεθών οθόνης, από κινητά τηλέφωνα έως tablet, φορητούς υπολογιστές, επιτραπέζιους υπολογιστές και άλλα. Ανταποκρινόμενος σχεδιασμός ιστοσελίδων επικεντρώνεται όλα συσκευές και εμπειρίες χρήστη, όχι μόνο κινητά. Αυτό είναι καλό και μερικές φορές κακό σε άλλους.
Η ευελιξία σε έναν ιστότοπο είναι μεγάλη, αλλά εάν θέλετε να εστιάσετε πραγματικά στο κινητό, δημιουργώντας έναν ιστότοπο που επικεντρώνεται σε όλες τις οθόνες και όχι μόνο σε κινητά, μπορεί να υπάρχει ευελιξία συναλλαγών για καθαρά βελτιστοποιημένη απόδοση κινητής τηλεφωνίας. Αυτή είναι η θεωρία πίσω από την AMP.
Το AMP επικεντρώνεται αποκλειστικά στην ταχύτητα - δηλαδή στην ταχύτητα του κινητού. Σύμφωνα με την Malte Ubl, το Google Tech Lead για αυτό το έργο, η AMP στοχεύει να φέρει "άμεση απόδοση στο περιεχόμενο του διαδικτύου". Μερικοί από τους τρόπους με τους οποίους γίνεται αυτό, περιλαμβάνουν:
- Lazy φόρτωση
- Χρησιμοποιώντας προ-σύνδεση
- Προετοιμασία πόρων
- Async Javascript
- Inline φύλλα στυλ
- Δεν υπάρχουν γραμματοσειρές που μπορούν να μεταφορτωθούν
- Προτεραιότητα πόρων
Αυτά είναι μόνο μερικοί από τους διευθυντές που κάνουν το φορτίο AMP τόσο γρήγορα. Υπάρχουν επίσης, ωστόσο, ορισμένα στοιχεία σε αυτόν τον κατάλογο που μπορεί να κάνουν μακροχρόνια επαγγελματίες του διαδικτύου να χτυπήσουν. Ενσωματωμένα φύλλα στυλ, για παράδειγμα. Πολλοί από εμάς έχουν πει για χρόνια ότι όλα τα στυλ θα πρέπει να περιέχονται σε εξωτερικά φύλλα στυλ. Το να είναι σε θέση να στυλ πολλές σελίδες ιστοσελίδων όλα από ένα εξωτερικό φύλλο είναι ένα από τα πλεονεκτήματα του CSS - μια δύναμη που είναι αναιρείται εάν οι σελίδες χρησιμοποιούν inline στυλ αντί. Ναι, αποτρέπετε την ανάγκη λήψης του εξωτερικού αρχείου, αλλά με την προοπτική να διαχειριστείτε ολόκληρο τον ιστότοπο με το φύλλο ενιαίου στυλ. Ποια προσέγγιση είναι καλύτερη; Η πραγματικότητα είναι ότι και οι δύο έχουν τα οφέλη και τα μειονεκτήματά τους. Ο ιστός αλλάζει συνεχώς και διαφορετικοί άνθρωποι που επισκέπτονται τον ιστότοπό σας έχουν διαφορετικές ανάγκες. Είναι πολύ δύσκολο να θεσπιστούν κανόνες που θα εφαρμόζονται σε όλες τις περιπτώσεις, διότι διαφορετικές προσεγγίσεις έχουν νόημα σε διαφορετικές καταστάσεις. Το κλειδί είναι να σταθμίσουμε τα οφέλη ή τα μειονεκτήματα κάθε προσέγγισης για να καθορίσουμε ποιο είναι το καλύτερο στην περίπτωσή σας.
Μια άλλη βασική διαφορά μεταξύ του AMP και του RWD είναι το γεγονός ότι ο ανταποκρινόμενος σχεδιασμός σπάνια «προστίθεται» σε μια υπάρχουσα τοποθεσία. Επειδή το RWD είναι πραγματικά μια βασική επανεξέταση της αρχιτεκτονικής και της εμπειρίας μιας ιστοσελίδας, θα απαιτεί γενικά ότι ο ιστότοπος θα ανασχεδιαστεί και θα αναδιαμορφωθεί για να φιλοξενήσει τα ανταποκρινόμενα στυλ. Εντούτοις, το AMP μπορεί να προστεθεί σε υπάρχοντα χώρο. Στην πραγματικότητα, μπορεί να προστεθεί και σε υπάρχουσα τοποθεσία που ανταποκρίνεται.
Σχόλια Javascript
Σε αντίθεση με τους ιστότοπους με RWD, οι ιστότοποι AMP δεν παίζουν καλά με το Javascript. Αυτό περιλαμβάνει 3rd κόμματα και βιβλιοθήκες που είναι πολύ δημοφιλή στις ιστοσελίδες σήμερα. Αυτές οι βιβλιοθήκες μπορούν να προσθέσουν απίστευτη λειτουργικότητα σε έναν ιστότοπο, αλλά επηρεάζουν την απόδοση. Ως εκ τούτου, είναι λογικό ότι μια προσέγγιση που επικεντρώνεται έντονα στην ταχύτητα της σελίδας θα απέτρεπε τα αρχεία Javascript. Αυτός είναι ο λόγος για τον οποίο το AMP χρησιμοποιείται συχνά καλύτερα σε στατικές ιστοσελίδες σε αντίθεση με εξαιρετικά δυναμικές ή αυτές που απαιτούν συγκεκριμένα αποτελέσματα Javascript για έναν ή τον άλλο λόγο. Για παράδειγμα, μια γκαλερί ιστοτόπου που χρησιμοποιεί μια εμπειρία "lightbox" στυλ δεν πρόκειται να είναι ένας σπουδαίος υποψήφιος για το AMP. Από την άλλη πλευρά, ένα τυποποιημένο άρθρο ιστότοπου ή ένα δελτίο τύπου που δεν απαιτεί καμία φανταστική λειτουργικότητα θα ήταν μια εξαιρετική σελίδα για να παραδώσει με την AMP. Αυτή η σελίδα είναι πιθανό να διαβαστεί από άτομα που χρησιμοποιούν κινητές συσκευές που μπορεί να έχουν δει τον σύνδεσμο σε κοινωνικά μέσα ή μέσω κινητής αναζήτησης Google. Η δυνατότητα άμεσης παράδοσης αυτού του περιεχομένου όταν το ζητούν, αντί να επιβραδύνει την ταχύτητα λήψης, ενώ η περιττή Javascript και άλλοι πόροι είναι φορτωμένοι, κάνει για μια μεγάλη εμπειρία του πελάτη.
Επιλέγοντας τη σωστή λύση
Ποια επιλογή είναι κατάλληλη για εσάς - AMP ή RWD; Εξαρτάται από τις συγκεκριμένες ανάγκες σας, φυσικά, αλλά δεν χρειάζεται να επιλέξετε το ένα ή το άλλο. Εάν θέλουμε να έχουμε πιο έξυπνες (και πιο επιτυχημένες) σε απευθείας σύνδεση στρατηγικές, αυτό σημαίνει ότι πρέπει να εξετάσουμε όλα τα εργαλεία που έχουμε στη διάθεσή μας και να μάθουμε πώς θα συνεργαστούν. Ίσως αυτό να σημαίνει την ικανοποιητική προσφορά του ιστότοπού σας, αλλά χρησιμοποιώντας το AMP σε επιλεγμένες ενότητες ή σελίδες που μπορεί να είναι οι πλέον κατάλληλες για αυτό το στυλ ανάπτυξης. Θα μπορούσε επίσης να σημαίνει τη λήψη πτυχών διαφορετικών προσεγγίσεων και το συνδυασμό τους για τη δημιουργία υβριδικών λύσεων που ανταποκρίνονται σε πολύ συγκεκριμένες ανάγκες και που προσφέρει το καλύτερο και των δύο κόσμων στους επισκέπτες αυτού του ιστότοπου.
