Die voordele van AMP en hoe dit verskil van Responsive Web Design
As jy na die afgelope paar jaar se analitiese verkeer vir webwerwe kyk, sal jy waarskynlik vind dat hulle almal een ding in gemeen het - 'n toename in die aantal besoekers wat hulle van gebruikers op mobiele toestelle kry.
Globaal is daar nou meer webverkeer wat van mobiele toestelle af kom as van wat ons "tradisionele toestelle" sal beskou, wat basies borduurrekenaars of skootrekenaars beteken. Daar is geen twyfel dat mobiele rekenaars die manier waarop mense aanlyn-inhoud gebruik, verander het, wat beteken dat dit die manier verander het waarop ons webwerwe moet bou vir die toenemend mobiele-sentriese gehore.
Bou vir 'n mobiele gehoor
Die skep van "mobiele vriendelike webwerwe" is vir baie jare 'n prioriteit vir webwerwe. Praktyke soos reageerbare webontwerp wat daarop gemik is om te help om webwerwe te skep wat goed vir alle toestelle gewerk het. Die fokus op die prestasie van webwerwe en vinnige aflaaistye is voordelig vir alle gebruikers, selfoon of andersins. Nog 'n benadering tot mobiele vriendelike webwerwe staan bekend as AMP web ontwikkeling, wat staan vir Accelerated Mobile Pages.
Hierdie projek, wat deur Google ondersteun word, is geskep as 'n oop standaard wat beteken dat webwerfuitgewers webwerwe kan skep wat vinniger op mobiele toestelle laai. As jy dink dat dit baie soos reageer web ontwerp klink, is jy nie verkeerd nie. Die twee konsepte deel baie van mekaar, naamlik dat hulle beide gefokus is op die lewering van inhoud aan gebruikers op mobiele toestelle. Daar is egter 'n aantal verskille tussen hierdie twee benaderings.
Belangrike verskille tussen AMP en Responsive Web Design
Een van die sterk punte van reageerende webontwerp was nog altyd die buigsaamheid wat dit by 'n webwerf voeg. U kan een bladsy skep wat outomaties reageer op die grootte van 'n besoeker se skerm. Dit gee jou bladsy bereik en die vermoë om 'n goeie ervaring te bied aan 'n wye verskeidenheid toestelle en skerm groottes, van selfone tot tablette na skootrekenaars, desktops en verder. Responsiewe webdesign is gefokus op alle toestelle en gebruikerservarings , nie net mobiel nie. Dit is op sommige maniere goed en sleg in ander.
Buigsaamheid in 'n webwerf is wonderlik, maar as jy regtig op selfoon wil fokus, skep 'n webwerf wat op alle skerms fokus, in plaas van net op mobiele, handel buigsaamheid vir suiwer geoptimaliseerde mobiele prestasie. Dit is die teorie agter AMP.
AMP is suiwer gefokus op spoed - naamlik mobiele spoed. Volgens Malte Ubl, Google Tech Lead vir hierdie projek, beoog die AMP om 'n direkte weergawe van webinhoud te gee. 'N Paar van die maniere waarop dit gedoen word, sluit in:
- Laai laai
- Gebruik voorafkoppeling
- Voorafhaling van hulpbronne
- Async Javascript
- Inline style sheets
- Geen aflaaibare lettertipes
- Hulpbronprioritering
Hierdie is net 'n paar van die hoofde wat AMP laai so vinnig . Daar is egter ook 'n paar items in die lys wat langtermyn-webprofessies kan veroorsaak. Inline style sheets , byvoorbeeld. Baie van ons is al jare vertel dat alle style in eksterne stylbladsye vervat moet word. Om baie bladsye te kan skryf, alles van een eksterne blad is een van die sterk punte van CSS - 'n sterkte wat ontken word as bladsye eerder inlynstyle gebruik. Ja, u verhoed dat u die eksterne lêer moet aflaai, maar ten koste van die hele werf met die enkele stylblad kan bestuur. So watter benadering is beter? Die realiteit is dat hulle albei hul voordele en nadele het. Die Web is aan die verander en verskillende mense wat jou werf besoek, het verskillende behoeftes. Dit is baie moeilik om reëls vas te stel wat in alle gevalle van toepassing sal wees, aangesien verskillende benaderings sin maak in verskillende situasies. Die sleutel is om die voordele of nadele van elke benadering te weeg om te bepaal wat die beste is in u spesifieke geval.
Nog 'n belangrike verskil tussen AMP en RWD is die feit dat reageer ontwerp selde op 'n bestaande webwerf bygevoeg word. Aangesien RWD werklik 'n grondige heroorweging van 'n werf se argitektuur en ervaring is, sal dit oor die algemeen vereis dat die webwerf herontwerp en herontwikkel word om die responsiewe style te akkommodeer. AMP kan egter op 'n bestaande webwerf gevoeg word. In werklikheid kan dit selfs op 'n bestaande reageerplek bygevoeg word.
Javascript oorwegings
Anders as webwerwe met RWD, speel AMP-webwerwe nie goed met Javascript nie. Dit sluit 3 derde party skrifte en biblioteke in wat baie gewild is op webwerwe vandag. Daardie biblioteke kan ongelooflike funksionaliteit by 'n webwerf voeg, maar hulle beïnvloed ook prestasie. As sodanig is dit redelikerwys dat 'n benadering wat skerp gefokus is op bladsyspoed, Javascript-lêers sal ontwrig. Dit is om hierdie rede dat AMP dikwels die beste gebruik word op statiese webbladsye, in teenstelling met hoogs dinamiese kinders of diegene wat spesifieke Javascript-effekte benodig om een of ander rede. Byvoorbeeld, 'n webwerf gallery wat gebruik maak van 'n "lightbox" styl ervaring sal nie 'n goeie kandidaat vir AMP wees. Aan die ander kant, 'n standaard webwerf artikel of persverklaring wat geen fancy funksionaliteit benodig sal 'n goeie bladsy wees om te lewer met AMP. Hierdie bladsy word waarskynlik gelees deur mense wat mobiele toestelle gebruik wat die skakel op sosiale media of via 'n mobiele Google-soektog gesien het. Om daardie inhoud onmiddellik te kan lewer wanneer hulle dit aanvra, in plaas van stadige aflaai spoed terwyl onnodige Javascript en ander bronne gelaai word, maak 'n goeie kliënt-ervaring.
Die regte oplossing kies
So watter opsie is reg vir jou - AMP of RWD? Dit hang natuurlik van jou spesifieke behoeftes af, maar jy hoef nie die een of die ander te kies nie. As ons slimmer (en meer suksesvolle) aanlynstrategieë wil hê, beteken dit dat ons al die gereedskap tot ons beskikking moet oorweeg en leer hoe hulle saamwerk. Miskien beteken dit om jou webwerf responsief te lewer, maar om AMP te gebruik op geselekteerde afdelings of bladsye wat die beste pas by die ontwikkelingstyl. Dit kan ook beteken om aspekte van verskillende benaderings te neem en hulle te kombineer om hibriede oplossings te skep wat aan baie spesifieke behoeftes voldoen en wat die beste van albei wêrelde aan die besoekers van die webwerf lewer.