Μερικές φορές, η περιήγηση στο Web σε ένα smartphone μπορεί να είναι πιο αργή από ένα σαλιγκάρι που οδηγεί σε μια ιδιαίτερα χαλαρή χελώνα. Πριν από λίγο καιρό, στις 24 Φεβρουαρίου, η Google έκανε το πρώτο της βήμα προς την επιτάχυνση της εμπειρίας περιήγησης στο Web σε κινητές συσκευές, και αυτή η νέα πρωτοβουλία ονομάζεται Accelerated Mobile Pages (AMP).
Αλλά τι σημαίνει αυτό; Πώς λειτουργεί; Θα οδηγήσει πραγματικά σε 85% ταχύτερη περιήγηση στο Web για σας; Ή δεν είναι τίποτα περισσότερο από υπερβολική υπερβολική υπερβολική εμπορική ανοησία μάρκετινγκ; Θα το σπάσουμε για σας και θα σας δείξουμε πώς μπορείτε να το δοκιμάσετε μόνοι σας.
Με λίγα λόγια, τι είναι το AMP;
Αρχικά ανακοινώθηκε τον Οκτώβριο του 2015, το AMP είναι ένα πλαίσιο HTML ανοικτού κώδικα που αναπτύχθηκε από την Google - σε συνδυασμό με μερικές άλλες εταιρείες - που αποσκοπεί να βοηθήσει τους προγραμματιστές να δημιουργήσουν ελαφρές σελίδες που εκτελούνται γρήγορα σε κινητές συσκευές. Είναι συνηθισμένο HTML αλλά με λίγους περιορισμούς και μερικά επιπλέον χαρακτηριστικά.
Σύμφωνα με τις δοκιμές της Google, οι σελίδες AMP μπορούν να φορτωθούν έως και 85% ταχύτερα από τις σελίδες μη-AMP σε μια κινητή τηλεφωνική σύνδεση 3G EDGE, 3G, H +, κ.λπ .: Ποια είναι όλα αυτά τα δίκτυα κινητής τηλεφωνίας; EDGE, 3G, H +, κλπ: Ποια είναι όλα αυτά τα δίκτυα κινητής τηλεφωνίας; Είστε στο ταχύτερο δίκτυο κινητής τηλεφωνίας; Αν όχι, πού πέφτετε στο φάσμα; Αυτά τα σύμβολα του δικτύου κινητής τηλεφωνίας μπορεί να προκαλέσουν σύγχυση, αλλά μην ανησυχείτε, γιατί θα το ξεκαθαρίσουμε. Διαβάστε περισσότερα . Εδώ είναι διασκεδαστική και ενημερωτική εισαγωγή της Google σε ολόκληρη την έννοια:
Τι καλό είναι το AMP για εσάς;
Όπως δείχνει το βίντεο της Google, ένας αργός ιστότοπος αποθαρρύνει τους αναγνώστες και τους εκδότες. Όταν ανοίγετε έναν ιστότοπο και δεν φορτώνεται, όσο περισσότερο πρέπει να περιμένετε, τόσο πιο ενοχλημένος γίνεστε. Εάν περιμένετε πολύ, θα πρέπει να σταματήσετε και να προχωρήσετε.
Το χειρότερο σενάριο, σπαταλάτε ένα κομμάτι της ημέρας σας περιμένοντας για περιεχόμενο που δεν μπορείτε καν να απολαύσετε. Εν τω μεταξύ, οι εκδότες δεν έλαβαν τα μάτια σας για το περιεχόμενό τους ή για τις συνοδευτικές διαφημίσεις που βοηθούν να πληρώσουν για το δωρεάν περιεχόμενο που προσπάθησαν να σας εξυπηρετήσουν. Είναι μια κατάσταση μη κερδοφόρα για όλους τους εμπλεκόμενους.
Οι εκδότες απελπισμένοι να κρατήσουν τις #mobile ads w / out που θυμούνται οι χρήστες έχουν τροποποιήσει το #HTML. Βλέπε #AMPHTML: https://t.co/VbtMUJGO9G ???? #JavaScript!
- Patrick T. Lafferty (@proflafferty) 7 Οκτωβρίου 2015
Αν θα έπρεπε να μπλοκάρει τις διαφημίσεις Σχετικά με τη Δεοντολογία στην Κλοπή Παιχνιδιών Δημοσιογραφία: Γιατί το AdBlock χρειάζεται να πεθάνει Είναι Σχετικά με τη Δεοντολογία στην Κλοπή Παιχνιδιών Δημοσιογραφία: Γιατί το AdBlock χρειάζεται να πεθάνει Ένα απλό, ελεύθερο plugin του Browser σκότωσε το Joystiq - και καταστρέφει το Διαδίκτυο. Διαβάστε περισσότερα για να επιταχυνθεί η φόρτωση του ιστότοπου, τότε ίσως λάβετε το περιεχόμενο, αλλά ο εκδότης δεν θα πληρώσει για αυτό. Με τη σειρά τους, οι εκδότες έχουν λιγότερα χρήματα για να δημιουργήσουν περιεχόμενο - έτσι ακόμα κι αν σας αρέσει αυτό που γράφουν και παράγουν, δεν θα είναι σε θέση να αντέξουν οικονομικά να κάνουν περισσότερα. Επίσης, μια κατάσταση χωρίς νίκη.
Ο στόχος της Google με το AMP είναι να μετατρέψει αυτές τις μη κερδοφόρες καταστάσεις σε καταστάσεις κερδοφόρες. Στην ιδανική περίπτωση, οι διαφημίσεις και τα φανταχτερά διαδραστικά χαρακτηριστικά δεν θα επιβραδύνουν την εμπειρία περιήγησης στο Web, γεγονός που θα τους κάνει πιο ευχάριστο. Και αν οι περισσότερες διαφημίσεις που βλέπετε, οι περισσότεροι εκδότες έχουν τη δυνατότητα να συνεχίσουν να δημιουργούν δωρεάν περιεχόμενο για να απολαμβάνετε.
Πώς λειτουργεί το AMP;
Ένας τρόπος AMP θα επιταχύνει την περιήγηση στο κινητό είναι στο πώς οι σελίδες Google αποθηκεύουν κρυφά. Η AMP όχι μόνο έχει ως αποτέλεσμα ταχύτερες ιστοσελίδες, αλλά οι εκδότες μπορούν επίσης να επιλέξουν να αποθηκεύουν στο Google το περιεχόμενό τους στους διακομιστές της Google. Αυτό είναι διαφορετικό από την κανονική Αναζήτηση Google, όπου κάνετε κλικ σε ένα σύνδεσμο για να μεταβείτε απευθείας σε άλλον ιστότοπο.
Αν ανοίξετε έναν σύνδεσμο AMP από την Αναζήτηση Google σε μια κινητή συσκευή, δεν θα προσανατολιστείτε στον ιστότοπο του εκδότη. Θα μείνετε στο Google. Αυτό είναι γρηγορότερο για εσάς επειδή η Google είναι άσος στη φιλοξενία και την προβολή περιεχομένου, ενώ οι περισσότεροι ιστότοποι φιλοξενούνται σε αργούς διακομιστές. Επιπλέον, οι ιστότοποι μπορούν να μειωθούν για όλους τους λόγους, ενώ η Google σπάνια κάνει.
Εν ολίγοις, η Google είναι ένας αξιόπιστος κεντρικός υπολογιστής που διαθέτει ένα κατανεμημένο δίκτυο περισσοτέρων από 1, 8 εκατομμυρίων εξυπηρετητών, που κατανέμονται σε τουλάχιστον 12 κέντρα δεδομένων σε ολόκληρη τη Βόρεια Αμερική, την Ευρώπη και την Ασία. Για κάθε άρθρο στο οποίο κάνετε κλικ, η Google μπορεί να σας εξυπηρετήσει σε ένα αποθηκευμένο αντίγραφο της πιο γρήγορα από τον εκδότη.
https://plus.google.com/+JamesPearn/posts/VaQu9sNxJuYΈνας άλλος τρόπος με τον οποίο μπορούμε να περιμένουμε ταχύτερες σελίδες σε κινητά είναι χάρη στους περιορισμούς AMP σε HTML. Για τις επιταχυνόμενες σελίδες για κινητά, το HTML βελτιστοποιείται ώστε να περιορίζει τους προγραμματιστές ιστότοπων από τη χρήση λειτουργιών που επιβραδύνουν τις ιστοσελίδες. Έτσι τι δεν μπορούν να χρησιμοποιήσουν οι προγραμματιστές της AMP;
Το AMP HTML δεν επιτρέπει φόρμες και δεν επιτρέπει JavaScript εκτός από μια ειδική βιβλιοθήκη JavaScript που παρέχεται από την Google και η οποία συνεργάζεται με το AMP. Απαγορεύει επίσης ορισμένα στυλ CSS 5 Βήματα μωρών για την εκμάθηση CSS και το να γίνεις Kick-Ass CSS Sorcerer 5 βήματα μωρών για να μάθεις CSS και να γίνεις kick-ass CSS Sorcerer CSS είναι οι πιο σημαντικές ιστοσελίδες αλλαγών που έχουν δει την τελευταία δεκαετία και άνοιξε το δρόμο για τον διαχωρισμό του ύφους και του περιεχομένου. Με τον σύγχρονο τρόπο, το XHTML ορίζει τη σημασιολογική δομή ... Διαβάστε περισσότερα σχετικά με τα κινούμενα σχέδια, τα οποία μπορούν να επιβραδύνουν σημαντικά τις επιδόσεις σε κινητές συσκευές.
Εκτός από αυτό, οι ιστότοποι μπορούν ακόμα να είναι πλήρως στυλ με όλα τα άλλα στυλ CSS, τα οποία επιτρέπουν στους ιστότοπους να προβάλλουν εμπλουτισμένα μέσα, όπως φωτογραφίες και βίντεο, όπως έκαναν πάντα μέχρι τώρα.
Ορισμένα στοιχεία HTML αλλάζουν, ωστόσο, όπως η ετικέτα εικόνας HTML από την οποία αλλάζει προς την . Αυτό είναι σημαντικό επειδή οι εικόνες AMP φορτώνονται μετά από οτιδήποτε άλλο, πράγμα που σημαίνει ότι οι θεατές δεν χρειάζεται να περιμένουν να φορτώσουν εικόνες προτού μπορέσουν να αρχίσουν να διαβάζουν το κύριο περιεχόμενο.
Είναι το AMP Αξίζει το Hype;
Μερικοί άνθρωποι ανησυχούν ότι το AMP θα καταλήξει να είναι πολλή δουλειά που έχει ως αποτέλεσμα ελάχιστα κέρδη. Άλλοι κατηγορούν τους ιδιοκτήτες ιστοτόπων για αργούς ιστότοπους και μεγάλους χρόνους φόρτωσης και όχι για την ίδια την HTML.
Σίγουρα είναι αξιοθαύμαστο να κάνεις σελίδες γρηγορότερα, αλλά η HTML δεν είναι εγγενώς αργή: οι χρήστες την κάνουν κακή. Το AMP φαίνεται σαν χάσιμο χρόνου.
- Philly C (@phillipcaudell) 16 Φεβρουαρίου 2016
Ίσως αυτές οι επικρίσεις να είναι νόμιμες, αλλά προσπάθησα το επόμενο AMP demo και διαπίστωσα ότι φορτώνει αστραπιαία ταχύτητα, οπότε είμαι διατεθειμένος να πιστεύω ότι θα είναι χρήσιμο για ορισμένους εκδότες τουλάχιστον. Αλλά μην πάρετε τη λέξη μου γι 'αυτό. Μπορείτε να δοκιμάσετε το demo για τον εαυτό σας! Το μόνο που χρειάζεστε είναι μια κινητή συσκευή.
Οδηγίες επίδειξης AMP
Πηγαίνετε στο http://g.co/ampdemo σε μια κινητή συσκευή και αναζητήστε οτιδήποτε θέλετε (αλλά πραγματικά να αισθανθείτε τα αποτελέσματα, να προσπαθήσετε να αναζητήσετε δημοφιλή μέσα ενημέρωσης ή κάτι στα νέα). Εγώ προσωπικά το δοκίμασα με μια αναζήτηση για το "Game of Thrones".
Μετακινηθείτε μέχρι να βρείτε έναν σύνδεσμο (πιθανώς σε μια μονάδα καρουσέλ πάνω από τους συνηθισμένους μπλε συνδέσμους) με ετικέτα με "AMP" και ένα εικονίδιο με αστραπή. Κάντε κλικ σε αυτό. Στη συνέχεια, θα μπορείτε επίσης να πατήσετε αριστερά για να αποκτήσετε άμεση πρόσβαση σε περισσότερα άρθρα AMP από τα αποτελέσματα αναζήτησης που αποθηκεύονται στο Google.
Αυτό που βλέπετε στο GIF παραπάνω είναι τα άρθρα AMP HTML, τα οποία είναι βασικά και δεν είναι πολύ φανταστικά. Επίσης, ρίξτε μια ματιά στη διεύθυνση URL: είναι www.google.ca για κάθε άρθρο. Δεδομένου ότι επέλεξα έναν σύνδεσμο AMP HTML από την αναζήτηση της Google, αυτά είναι κρυφά αντίγραφα που φιλοξενούνται στους διακομιστές της Google.
Η AMP έχει οποιαδήποτε ελαττώματα;
Ένα από τα κύρια μειονεκτήματα του AMP είναι ότι περιορίζει τη χρήση του JavaScript. Οι ιστότοποι χρειάζονται JavaScript για όλα τα είδη, όπως η παρακολούθηση των αναγνωστών 4 Φαινομενικά αθώες διαδικτυακές δραστηριότητες που παρακολουθούν τη συμπεριφορά σας 4 Φαινομενικά αθώες διαδικτυακές δραστηριότητες που παρακολουθούν τη συμπεριφορά σας Διαβάστε περισσότερα και παρέχοντας διαδραστικές εμπειρίες που δεν θα μπορούν να κάνουν τόσο εύκολα μέσα το πλαίσιο AMP HTML.
Αν είστε χρήστης που ενδιαφέρεται για την προστασία της ιδιωτικής ζωής και προτιμάτε οι ιστοτόποι να μην παρακολουθούν τη συμπεριφορά σας Νιώστε σαν κάποιος να σας παρακολουθεί; 5 Εργαλεία για την ανίχνευση και τον αποκλεισμό της παρακολούθησης Νιώστε σαν κάποιος να σας παρακολουθεί; 5 Εργαλεία εντοπισμού και αποκλεισμού Παρακολούθηση Οι χρήστες εντοπίζουν ποιοι ιστότοποι επισκέπτεστε, αν ανοίγετε τα μηνύματα ηλεκτρονικού ταχυδρομείου τους και πολλά άλλα - αλλά μπορείτε να τα σταματήσετε. Δείτε πώς. Διαβάστε περισσότερα κατά την περιήγησή σας, τότε ίσως δείτε τον περιορισμό της JavaScript από την AMP ως ευπρόσδεκτη λειτουργία.
Σχεδιασμός ιστοσελίδων. Το @google βάζει το καρφί στο φέρετρο #JavaScript όταν άλλαξε τον αλγόριθμό του 2-24-16 υπέρ της κωδικοποίησης κώδικα AMP.
- MarketingSociologist (@PhoenixRichard) 24 Φεβρουαρίου 2016
Αλλά αν είστε προγραμματιστής Ιστού ή σχεδιαστής και εκτιμάτε τις πληροφορίες που λαμβάνετε από πράγματα όπως η παρακολούθηση των αναλυτικών στοιχείων, τότε το AMP HTML θα κάνει τη δουλειά σας πιο δύσκολη.
Επίσης, θα χρειαστεί χρόνος για τις ομάδες που εργάζονται στο AMP να ενσωματώσουν χαρακτηριστικά όπως εικόνες καρουσέλ, χάρτες, κοινωνικές προσθήκες, οπτικοποιήσεις δεδομένων και βίντεο. Μπορεί να είναι λίγο πριν οι ιστότοποι που κάνουν μεγάλη χρήση αυτών των χαρακτηριστικών θα μπορέσουν να επωφεληθούν από το AMP, πράγμα που θα επιβραδύνει τα ποσοστά υιοθέτησης AMP.
Γιατί η AMP έχει πραγματικά σημασία
Το AMP HTML πρόκειται να κάνει τον ιστό πιο γρήγορα στο τηλέφωνό σας! Αυτό είναι καλό, διότι όλοι γνωρίζουμε ότι το αργό Internet μπορεί να είναι λίγο πιο απογοητευτικό από ότι δεν υπάρχει καθόλου Internet.
Η επιτάχυνση των ιστότοπων για κινητά καταργεί επίσης έναν συχνά αναφερόμενο λόγο για τους χρήστες να αποκλείουν διαφημίσεις, κάτι που είναι καλό για τους δημιουργούς περιεχομένου. Οι ταξινομήσεις αναζήτησης της Google λαμβάνουν επίσης υπόψη τις ταχύτητες φόρτωσης σελίδων, έτσι ώστε οι ιστότοποι που χρησιμοποιούν το AMP να μπορούν να δουν μια ώθηση στην κατάταξή τους στις μηχανές αναζήτησης.
Εάν μαθαίνετε HTML και CSS Μάθετε HTML και CSS με αυτά τα βήμα-βήμα Tutorials Μάθετε HTML και CSS με αυτά τα βήμα-βήμα Tutorials Περιέργεια για HTML, CSS και JavaScript; Αν νομίζετε ότι έχετε ένα πλεονέκτημα για να μάθετε πώς να δημιουργείτε ιστοσελίδες από το μηδέν - εδώ είναι μερικά μεγάλα βήμα-βήμα tutorials που αξίζει να δοκιμάσετε. Διαβάστε περισσότερα για την ανάπτυξη ιστού ήδη, μπορείτε να μάθετε AMP στην ιστοσελίδα του προγράμματος AMP. Εάν θέλετε να επιταχύνετε τον ιστότοπό σας, αλλά δεν είστε έτοιμοι να το μετατρέψετε σε AMP ή απλώς θέλετε να είναι ταχύτερος γενικά, ελέγξτε αυτά τα online εργαλεία για να κάνετε τον ιστότοπό σας γρηγορότερο 10 δωρεάν εργαλεία online για να δοκιμάσετε τον ιστότοπό σας Φόρτωση ταχύτητας και δημιουργίας Ταχύτερες ιστοσελίδες 10 Δωρεάν online εργαλεία για να δοκιμάσετε τον ιστότοπό σας Φόρτωση ταχυτήτων και δημιουργία πιο γρήγορων ιστοσελίδων Η δημιουργία ταχύτερων ιστοσελίδων είναι μία από τις εντολές του μεγάλου σχεδιασμού ιστοσελίδων. Το πρώτο βήμα που μπορείτε να κάνετε για να βελτιστοποιήσετε τον ιστότοπό σας είναι να το βάλετε σε δοκιμή ταχύτητας. Αυτά τα δέκα εργαλεία είναι λίγα ... Διαβάστε περισσότερα.
Περισσότεροι από 30 εκδότες - συμπεριλαμβανομένων ιστοτόπων όπως το Facebook, οι New York Times, το Buzzfeed, το BBC και το Huffington Post - έχουν ήδη ενσωματώσει το AMP HTML και αναμένεται να ακολουθήσουν περισσότεροι τους επόμενους μήνες. Έχετε παρατηρήσει τυχόν διαφορές; Εξετάστε τη μετάβαση στο ταχύτερο δυνατό πρόγραμμα περιήγησης για κινητά. Τι είναι το πιο γρήγορο πρόγραμμα περιήγησης Android; Ποιο είναι το γρηγορότερο πρόγραμμα περιήγησης Android; Τα προγράμματα περιήγησης στο Android μπορούν να έχουν διαφορετικές μηχανές απόδοσης, έτσι ώστε ορισμένα προγράμματα περιήγησης να είναι ταχύτερα από άλλα. Διαβάστε περισσότερα για ακόμα μεγαλύτερες ταχύτητες.
Έχετε παρατηρήσει ότι οι ιστότοποι για κινητά που φορτώνουν ταχύτερα από ό, τι συνήθως τελευταία; Υπάρχουν κάποιοι εκδότες που βρίσκετε ακόμα φημισμένα αργά που θα μπορούσαν να χρησιμοποιήσουν μια αλλαγή;