Najprv sa pozrime na definíciu:
Google AMP (Accelerated Mobile Pages) je typ webovej stránky vytvorenej pre statický obsah spúšťaný spoločnosťou Google, poskytujúca spoľahlivé a rýchle vykresľovanie a zrýchľujúc načítavanie stránok, najmä pri prezeraní obsahu na mobilnej webovej stránke.
Baidu MIP (Mobile Instant Pages) je súbor otvorených technologických štandardov pre mobilné webové stránky. Mobilné zrýchlenie webovej stránky sa dosahuje poskytovaním špecifikácie MIP-HTML, spustiaceho prostredia MIP-JS a systému cache stránok MIP-Cache.
Zdá sa, že definície týchto dvoch sú veľmi podobné, jedna sa nazýva akcelerácia mobilných stránok, druhá akcelerácia mobilného webu a účel je rovnaký – optimalizovať mobilné webové stránky. Čo to do pekla, nebude to žiadna vec. Samozrejme, nie je to to isté, ale je to len rozdiel medzi laotskými kyslými kapustovými rezancami a hovädzími rezancami Master Konga. Oba sú instantné rezance, hlavné suroviny sú rovnaké, recept je trochu iný, spôsob prípravy je trochu iný a najdôležitejšie je, že hovorca je iný.
Akceleráciu mobilného webu prvýkrát navrhol Google formulovaním open source štandardov, špecifikáciami stránok, optimalizáciou rýchlosti renderovania na zlepšenie používateľského zážitku a Google zvýši váhu stránok, ktoré spĺňajú štandardy AMP vo vyhľadávačoch. Baidu sa drží princípu, že Google ma má, plne si požičiava z AMP a tiež navrhuje vlastný open source štandard pre akceleráciu webu, takže sa zrodil MIP.
Baidu MIP je rovnaký ako Google AMP, dokonca aj rozloženie stránky, usporiadanie menu a technický popis oficiálnej webovej stránky sú takmer rovnaké, či už ide o účel (vrátenie extrémne rýchlo sa meniacich stránok vo výsledkoch vyhľadávania), princíp (zjednodušenie HTML, CSS, vypnutie väčšiny JS, riadenie zdrojov, cachovanie atď.), alebo kroky spustenia (najprv novinky, potom všeobecné stránky) a metódu vzájomného odkazovania (pridávanie značiek) medzi pôvodnou stránkou a MIP stránkou. Dokonca aj logá zobrazené na príslušných vyhľadávačoch sú takmer identické:
Tu musím obdivovať schopnosť čínskeho ľudu poučiť sa z toho.
Princípy optimalizácie na stránke
AMP aj MIP sú v podstate akcelerácia stránok optimalizáciou renderovania stránok alebo lenivým načítavaním, aby sa znížilo blokovanie. Rovnako ako niektoré špecifikácie v našom podnikaní, aj my môžeme mať súbor štandardov na zlepšenie kvality kódu a výkonu stránok. Lenže títo dvaja nám môžu priniesť SEO optimalizáciu. Nižšie si vezmime MIP ako príklad, aby sme pochopili princíp jej zrýchlenia.
MIP je rozdelený do troch hlavných častí:
MIP HTML
MIP JS
MIP Cache
MIP HTML formuluje novú špecifikáciu založenú na základných značkách v HTML, ktorá umožňuje HTML zobrazovať bohatší obsah obmedzením použitia niektorých základných značiek alebo rozširujúcich funkcií. MIP JS dokáže zabezpečiť rýchle vykresľovanie MIP HTML stránok; MIP Cache sa používa na implementáciu cacheovania MIP stránok, čo ďalej zlepšuje výkon stránok.
Nasleduje popis princípu zrýchlenia MIP stránok:
Dobre navrhnutý JavaScript
MIP neumožňuje používateľom prispôsobiť JavaScript a je potrebné ho zaviesť vo forme MIP komponentov na zabezpečenie bezpečnosti a výkonu
Všetky statické zdroje musia byť dimenzované
MIP vyžaduje, aby všetky assety (reklamy, obrázky, audio a video) boli dimenzované. Keď je zdroj skutočne načítaný, všetky veľkosti zdrojov je možné okamžite odvodiť a rýchlo použiť na výpočet rozloženia stránky, pričom načítavacie zdroje budú prezentované plynulo bez ovplyvnenia čitateľského zážitku používateľa vďaka častým aktualizáciám rozloženia stránky.
Nie je povolený žiadny mechanizmus, ktorý by zabránil vykresľovaniu stránok
Akékoľvek vlastné skripty od vývojárov musia používať MIP tagy na spätnú väzbu MIP, ako napríklad mip-ad, mip-iframe a podobne, ktoré nebudú blokovať rozloženie a renderovanie stránky.
Riadenie externého zaťaženia zdrojov
MIP runtime riadi načítavanie externých zdrojov, aby zabezpečil ich efektivitu, takže to, čo chcú používatelia čítať, sa zobrazí na obrazovke čo najrýchlejšie.
Zapuzdrenie interaktívnych funkcií
MIP tvrdí, že webové stránky môžu používateľom poskytnúť priamy a jednoduchý zážitok, no to neznamená, že MIP obmedzuje živosť a zábavu stránky. MIP runtime poskytuje vysoko optimalizovaný zapuzdrený JavaScript, ktorý eliminuje potrebu vývojárov investovať príliš veľa úsilia do implementácie zložitých interaktívnych funkcií.
Odporúča sa používať inline CSS
Načítanie CSS zabráni vykresľovaniu stránok a CSS inline môže znížiť záťaž klienta.
Povolené sú iba animácie akcelerované GPU
MIP umožňuje animácie len s transformáciami a nepriehľadnosťou a spúšťa zlučovanie renderovacích vrstiev len vtedy, keď je možné animácie vykonať na GPU.
MIP cache
Ďalším dôležitým významom MIP je, že môže pomôcť správcom webu zrýchliť webové stránky a Baidu bude ukladať MIP webové stránky do Baidu CDN. MIP cache je možné používať, pokiaľ spĺňa štandard MIP.
Toto sú len prostriedky, ktoré často používame pri optimalizácii webových projektov, ale teraz Baidu prekonal open source štandard a priniesol SEO sladkosti a jednotné špecifikácie.
Vyhľadajte AMP a názory Baidu MIP
Riešenia na optimalizáciu mobilného webu poskytované AMP a MIP môžu do určitej miery zlepšiť používateľský zážitok. Zároveň kombinácia so SEO zvýšila záujem mnohých vývojárov o spoluprácu. Avšak vzhľadom na relatívne uzavreté prostredie sa tento súbor štandardov nedá aplikovať na veľké projekty, ale len na relatívne jednoduché displeje strán, čo je samozrejme v súlade s ich pôvodným zámerom.
AMP a MIP sú dve odlišné sady štandardov a na podporu optimalizácie vyhľadávačov Google a Baidu je potrebné napísať dve sady stránok, čo zvýši náklady vývojárov.
V budúcnosti osobne verím, že štandardy oboch spoločností budú tendenciou k jednotnosti a odhaduje sa, že Baidu bude podporovať štandard AMP, veď Google je z globálnej perspektívy a Baidu má viac používateľov len v Číne.
MIP tutoriál:https://www.mipengine.org/doc/00-mip-101.html
Tutoriál:https://www.ampproject.org/zh_cn/
|
Zverejnené 7. 7. 2018 9:47:36
|
|
|
|
