De foardielen fan AMP en hoe't it ferskille fan Responsive Web Design
As jo yn 'e ôfrûne pear jier fan it analytyske ferkear foar websiden besjen, sille jo wierskynlik fine dat se allegear ien grutte ding yn' e mienskip hawwe - in opkomst yn it oantal besikers dy't se komme fan brûkers op mobile apparaten.
Globaal is der no mear webtreeskomming út mobile apparaten wei as fan wat wy "tradisjonele apparaten" beskôgje, wat yn essinsje betsjut dat buroblêd of laptop komputer. Der is gjin twifel dat it mobilisearjen fan 'e wize feroare is hoe't minsken online-ynhâld brûke, dat betsjut dat de wize feroare hat om ús websiden te bouwen foar dy hieltyd mobilisearjende publyk.
Bouwe foar in Mobile Audience
It meitsjen fan "mobile friendly websites" is in prioriteit foar web professionals in soad jierren. Praktyen lykas respektyf webûntwerp soargen foar it befoarderjen fan siden dy't goed wurke foar alle apparaten, en in fokus op webstee en foarkommende downloadtallen brûke alle brûkers, mobil of oars. In oar oanpak fan mobylfreonlike plakken is bekend as AMP-webûntwikkeling, dy't stiet foar Accelerated Mobile Pages.
Dit projekt, dat stipe troch Google, is makke as in iepen standert dat bedoeld is om publisjers te wiskjen om sites dy't flugger op mobile apparaten lade. As jo tinke dat dat in soad as reaktyf web-ûntwerp klinkt, dan binne jo net ferkeard. De twa begripen hawwe in protte mienskiplik dielen, nammentlik dat se beide rjochte binne op it leverjen fan ynhâld foar brûkers op mobile apparaten. Der binne lykwols in tal ferskillen tusken dizze twa oanpak.
Key Difference Between AMP and Responsive Web Design
Ien fan 'e sterkte fan respektearre web design hat altyd de fleksibiliteit west dat it tafoege oan in side. Jo kinne in side meitsje dy't automatysk reageart oan in skermgrutte fan de besiker. Dit jout jo side berikke en de mooglikheid om in goede ûnderfining oan te bieden oan in breed oanbod fan apparaten en skermgrutte, fan mobyl tillefoans nei tablets nei laptops, buroblêden en fierder. Responsive web design is rjochte op alle apparaten en brûkersûnderfining , net allinich mobile. Dat is sawol goed op guon wizen en min yn oaren.
Flexibiliteit op in side is geweldich, mar as jo echt op mobile rjochtsje wolle, it meitsjen fan in side dy't rjochte is op alle skermen, yn stee fan allinich op mobile minsken, kin handelsfloedigens wêze foar rein optimisearre mobile prestaasjes. Dat is de teory foar AMP.
AMP is rjochte op snelheid - nammentlik mobile snelheid. Neffens Malte Ubl, Google Tech Lead foar dit projekt, stribbet AMP om "instant rendering foar webynhâld" te bringen. Guon fan 'e wize dit is dien:
- Lazy loading
- Gebrûk fan preconnect
- Prefetching resources
- Async Javascript
- Inline stylblêden
- Gjin downloadbere lettertypen
- Resource prioritization
Dit binne gewoan wat fan 'e prinsipes dy't de AMP sa fluch meitsje . Der binne lykwols guon items yn dizze list dy't langere web-profesjonals krije kinne. Inline stylblêden , bygelyks. In protte fan ús binne jierrenlang ferteld dat alle stilen ynhâlde moatte yn eksterne stylblêden. By steat om in soad side siden te meitsjen fan ien eksterne blêd is ien fan 'e krêften fan CSS - in krêft dy't negatyf is as siden ynline-stilen brûke. Ja, jo foarkomme dat it nedich is om de eksterne triem te downloaden, mar op 'e kosten om it hiele webstee mei it ienige stylblêd te beheinen. Dus hoe't oanpak better is? De wurklikheid is dat se beide harren foardielen en nettsjinsten hawwe. It web is fêst feroaring en ferskillende minsken dy't jo side besykje hawwe ferskillende ferletten. It is heel lestich om regels op te setten dy't yn alle gefallen tapast wurde, om't ferskate oanwêzigen sin binne yn ferskate situaasjes. De kaai is om de foardielen of ûntbrekken fan elke oanpak te waakjen om te bepalen wat it bêste is yn jo bepaalde saak.
In oar wichtich ferskil tusken AMP en RWD is it feit dat respektyf ûntwerp selden "tafoege oan" oan in besteande side is. Om't RWD echt in oprjochting fan 'e arsjitektuer en ûnderfining fan in side is, sil it generaal ferplicht wurde dat de side werynrjochte en weryntwikkele is om de respondente stilen oan te passen. AMP kin lykwols op in besteande side tafoege wurde. Yn feite kin it ek tafoege wurde op in besteande opfreegjen side.
Javascript Considerations
Oars as siden mei RWD, AMP-siden spylje net goed mei Javascript. Dit befettet 3 partijskripten en biblioteken dy't hjoeddedei populêr binne op websiden. Dy biblioteken kinne geweldige funksjes tafoegje oan in side, mar hawwe ek ynfloed op de prestaasjes. As sadanich stiet it te reitsjen dat in oanpak krekt rjochte op side-rigeljild jout Javascript-bestannen. It is dêrom dat AMP faak benutten brûkt op statyske webpages as tsjinstelling fan tige dynamyske of dyjingen dy't spesifike Javascript-effekten foar ien of oare reden nedich hawwe. Bygelyks in webside gallery dy't gebrûk makket fan in styl fan 'ljochtbox' styl is net in geweldige kandidaat foar AMP. Oan 'e oare kant is in standert webside of parseberjocht dat gjin feiligens funksjonearje sil in grutte side wêze om AMP te leverjen. Dizze side is wierskynlik lêzen troch minsken dy't mobile apparaten brûke dy't de keppeling sjoen hawwe op sosjale media of fia in mobile Google-sykaksje. Mei ynstânsje om dizze ynhâld fuortdaliks te leverjen as se it freegje, ynstee fan ferlies downloaden snel, wylst net nedich is Javascript en oare boarnen lade, makket foar in geweldige kwaliteit fan jo klanten.
Selektearje de rjochtslach
Hokker opsje is jo rjocht foar jo - AMP of RWD? It hinget ôf fan jo spesifike behoeften, fansels, mar jo moatte net ien of oare kieze. As wy lokere (en súksesfol) strategystrategy hawwe wolle, betsjut dat wy alle beskikbere tools oan ús beskikke moatte en leare hoe't se gearwurkje. Miskien dit betsjut dat jo adres respektyf leveret, mar AMP op selekteare ôfdielings of siden brûke dy't meast oanwêzich binne foar dy styl fan ûntwikkeling. It kin ek betsjutte dat aspekten fan ferskate oanwêzigen binne en kombineare harren om hybride oplossingen te meitsjen dy't tige spesifike behoeften foldwaan en dat it bêste fan beide wrâlden oan dizze besikerssintrum leveret.