Katsotaanpa ensin määritelmää:
Google AMP (Accelerated Mobile Pages) on Googlen käynnistämä staattiselle sisällölle rakennettu verkkosivutyyppi, joka tarjoaa luotettavan ja nopean renderöinnin sekä nopeuttaa sivun latausaikoja, erityisesti mobiiliverkon sisällön katselussa.
Baidu MIP (Mobile Instant Pages) on joukko avoimia teknologiastandardeja mobiiliverkkosivuille. Mobiilisivun kiihdytys saavutetaan tarjoamalla MIP-HTML-määrittely, MIP-JS-suoritusympäristö ja MIP-Cache -sivuvälimuistijärjestelmä.
Vaikuttaa siltä, että näiden kahden määritelmät ovat hyvin samankaltaisia: toinen on nimeltään mobiilisivujen nopeuttaminen, toinen mobiiliverkkokiihdytys, ja tarkoitus on sama – mobiilisivujen optimointi. Mitä helvettiä, siitä ei tule juttua. Tietenkään se ei ole sama asia, mutta se on vain ero Laotan hapankaalinuudelien ja Master Kongin naudanlihanuudelien välillä. Molemmat ovat pikanuudeleita, pääraaka-aineet ovat samat, resepti on hieman erilainen, valmistustapa on hieman erilainen, ja tärkeintä on, että edustaja on erilainen.
Mobiiliverkkokiihdytys ehdotettiin ensimmäisenä Googlen toimesta laatimalla avoimen lähdekoodin standardeja, määrittelemällä sivumäärittelyt, optimoimalla renderöintinopeutta käyttäjäkokemuksen parantamiseksi, ja Google lisää AMP-standardeja täyttävien sivujen painoarvoa hakukoneissa. Baidu noudattaa periaatetta, jonka Google pitää minusta, lainaa täysin AMP:ltä ja esittää myös oman web-kiihdytyksen avoimen lähdekoodin standardinsa, joten MIP syntyi.
Baidu MIP on sama kuin Google AMP, jopa sivun asettelu, valikkojärjestely ja virallisen verkkosivuston tekninen kuvaus ovat lähes samat, olipa kyse sitten tarkoituksesta (erittäin nopeasti etenevien sivujen palauttaminen hakutuloksissa), periaatteesta (HTML:n ja CSS:n yksinkertaistaminen, useimpien JS:n poistaminen, resurssien hallinta, välimuisti jne.), lanseerausvaiheista (uutiset ensin, sitten yleiset sivut) sekä keskinäisestä viittausmenetelmästä (tagien lisääminen) alkuperäisen sivun ja MIP-sivun välillä. Jopa vastaavien hakukoneiden logot ovat lähes identtisiä:
Tässä minun täytyy ihailla kiinalaisten kykyä oppia siitä.
Sivulla tapahtuvan optimoinnin periaatteet
Sekä AMP että MIP ovat käytännössä sivun kiihdytystä optimoimalla sivun renderöintiä tai laiskaa latausta blokkaamisen vähentämiseksi. Aivan kuten joissain liiketoimintamme määritteyksissä, meillä saattaa olla myös joukko standardeja koodin laadun ja sivun suorituskyvyn parantamiseksi. Nämä kaksi voivat vain tuoda meille SEO-optimointia. Alla otetaan esimerkkinä MIP, jolla ymmärretään hänen kiihtyvyytensä periaate.
MIP on jaettu kolmeen pääosaan:
MIP HTML
MIP JS
MIP-välimuisti
MIP HTML laatii uuden määrittelyn HTML:n perustagien pohjalta, mahdollistaen HTML:n runsassisällön näyttämisen rajoittamalla joidenkin perustagien käyttöä tai laajentamalla funktioita. MIP JS voi varmistaa MIP-HTML-sivujen nopean renderöinnin; MIP-välimuistia käytetään MIP-sivujen välimuistin toteuttamiseen, mikä parantaa sivujen suorituskykyä entisestään.
Seuraavassa kuvataan MIP-sivujen kiihtyvyysperiaate:
Hyvin suunniteltu JavaScript
MIP ei anna käyttäjille mahdollisuuden räätälöidä JavaScriptiä, vaan se täytyy ottaa käyttöön MIP-komponenttien muodossa turvallisuuden ja suorituskyvyn varmistamiseksi
Kaikki staattiset resurssit on mitoitettu
MIP vaatii kaikkien resurssien (mainokset, kuvat, ääni ja video) mitoittamista. Kun resurssi ladataan, kaikki resurssikoot voidaan välittömästi päätellä ja käyttää nopeasti sivun asettelun laskemiseen, ja latausresurssi esitetään saumattomasti vaikuttamatta käyttäjän lukukokemukseen sivun asettelun säännöllisten päivitysten vuoksi.
Mikään mekanismi ei estä sivun renderöintiä
Kehittäjien mukautetut skriptit tarvitsevat MIP-tunnisteita, kuten mip-ad, mip-iframe jne., jotka eivät estä sivun asettelua ja renderöintiä.
Ohjaa ulkoisten resurssien kuormitusta
MIP-suoritusaika ohjaa ulkoisten resurssien latausta varmistaakseen niiden tehokkuuden, jotta käyttäjien haluamat lukemat näkyvät ruudulla mahdollisimman nopeasti.
Interaktiivisten funktioiden kapselointi
MIP korostaa, että verkkosivut voivat tarjota käyttäjille suoran ja yksinkertaisen kokemuksen, mutta tämä ei tarkoita, että MIP rajoittaisi sivun elävyyttä ja hauskuutta. MIP-ajonaikajärjestelmä tarjoaa erittäin optimoidun kapseloidun JavaScriptin, joka poistaa kehittäjien tarpeen panostaa liikaa monimutkaisten interaktiivisten toimintojen toteuttamiseen.
Suositellaan käyttää inline-CSS:ää
CSS-lataus estää sivun renderöinnin, ja CSS inline voi vähentää asiakkaan ylikuormitusta.
Sallittuja on vain GPU-kiihdytetyt animaatiot
MIP sallii animaatioiden tekemisen vain muunnoksilla ja läpinäkyvyydellä, ja renderöintikerroksen yhdistäminen käynnistyy vain, kun animaatiot voidaan suorittaa GPU:lla.
MIP-välimuisti
Toinen tärkeä PIP:n merkitys on, että se voi auttaa webmastereita nopeuttamaan verkkosivuja, ja Baidu välimuistittaa MIP-verkkosivut Baidu CDN:ään. MIP-välimuistia voidaan käyttää, kunhan se täyttää MIP-standardin.
Nämä ovat vain niitä keinoja, joita usein käytämme verkkoprojektien optimointiin, mutta nyt Baidu on ohittanut avoimen lähdekoodin standardin ja antanut SEO:lle makeuden sekä yhtenäiset määrittelyt.
Googlaa AMP:n ja Baidu MIP:n näkemykset
AMP:n ja MIP:n tarjoamat mobiiliverkkooptimointiratkaisut voivat parantaa käyttäjäkokemusta jonkin verran. Samaan aikaan yhdistelmä SEO:n kanssa on lisännyt monien kehittäjien kiinnostusta liittyä mukaan. Kuitenkin suhteellisen suljetun ympäristön vuoksi tätä standardikokonaisuutta ei voida soveltaa suuriin projekteihin, vaan vain suhteellisen yksinkertaisiin sivunäyttöihin, mikä on tietysti linjassa alkuperäisen tarkoituksen kanssa.
AMP ja MIP ovat kaksi erilaista standardikokonaisuutta, ja Googlen ja Baidun hakukoneiden optimoinnin tukemiseksi on kirjoitettava kaksi sivusarjaa, mikä lisää kehittäjien kehityskustannuksia.
Uskon henkilökohtaisesti, että tulevaisuudessa kahden yrityksen standardit yhtenäistyvät, ja Baidun arvioidaan tukevan AMP-standardia, sillä Google on globaalista näkökulmasta, ja Baidulla on vain enemmän käyttäjiä Kiinassa.
MIP-opetus:https://www.mipengine.org/doc/00-mip-101.html Opastus:https://www.ampproject.org/zh_cn/
|