A 2019-es Chrome Dev Summit rendezvényen a Google új eszközöket jelentett be a fejlesztők számára, amelyek javítják a felhasználói élményt, csökkentik a betöltési időt és növelik a biztonságot az interneten.
Két évtizeddel ezelőtt a Google internetes keresőként indult, de ma már az a domináns, ahogyan az internettel élünk, és hogyan kommunikálunk vele. A Google Kereső önmagában nagymértékben irányítja az online használat nagy részét, de más termékek, például a világ legnépszerűbb böngészője – Google Chrome – valamint a leggyakrabban használt mobil operációs rendszer – az Android – a Google-t helyezte az élre a web többi érintettje között. Nőtt a mobileszközöket használó felhasználók aránya, és az internetes óriáscég nagy hangsúlyt fektet a betöltési idő csökkentésére a ragadósság biztosítása érdekében. AMP ill gyorsított mobiloldalak ez volt a Google egyik lépése a weboldalak gyorsabb betöltésének biztosítása érdekében. Tavaly egy internetes elemet is bevezetett a "Portálok" a weboldalak közötti "zökkenőmentes" váltás optimalizálásához.
Azzal a vízióval, hogy "eltünteti a betöltést"" A Google ma bejelentette az új fejlesztői eszközöket Chrome Dev Summit 2019 hogy biztonságosabbá és felhasználóbarátabbá tegyük a webet, miközben javítjuk annak esélyét, hogy a fejlesztők segítsenek növelni felhasználói bázisukat és bevételeiket.
Portálok
A Google bemutatta a fejlődést Portálok készítette, amióta ez év elején elindították a Google I/O-n, és zászló mögött implementálták a Chrome Canary-ban. A memória felfrissítése érdekében a Portals lehetővé teszi a fejlesztők számára, hogy bizonyos tartalmakat vagy teljes weboldalakat beágyazjanak egy másik weboldalba, akár egy iframe keretbe. A várakozási idő kiküszöbölése érdekében a Portálon belüli tartalom vagy a keret betöltődik, miközben a felhasználók még a kezdeti weboldalt böngészik.
A Google megosztott egy példát a Fandango mozijegy-szolgáltatásra, amelyben egy adott film nyitóoldala (Dzsókerkártya példában) egy portálon belül van bekötve. Amikor a felhasználó megérinti a Jokert, a következő oldal már teljesen betöltve jelenik meg.
Webes csomagok
A Google bejelenti Webes csomagok amelynek célja, hogy segítse a webfejlesztőket webtartalmaik megosztásában másokkal különféle médián keresztül, beleértve, de nem kizárólagosan az e-mailt, az USB-t vagy az FTP-t. A fejlesztők hatékonyan gyorsítótárazhatják a megosztani kívánt teljes webes tartalmat olyan API-k segítségével, mint például Háttér periodikus szinkronizálás és Tartalomindexelés majd szelektíven rendereli a kívánt tartalmat akkor is, ha a végfelhasználó nem csatlakozik az internethez. Annak érdekében, hogy a webfejlesztők kihasználhassák ezt a funkciót, a Google a Web Bundle csomagokat elérhetővé teszi egy Chrome zászló mögött, míg a két API eredetpróbák.
Natív webes élmény
Miközben tudatában van annak, hogy sok felhasználó használja mobiltelefonját az internethez, a Google elismeri az eszközökön keresztüli használati szokásokat is világszerte. Több mint pár éve a Google nyomatékos Progresszív webalkalmazások (PGA-k) a natív Android-alkalmazások helyettesítőjeként a betöltési idő és az adatfogyasztás csökkentése érdekében.
[video width="390" height="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
Az interneten található alkalmazások és a natív alkalmazások összehangolása érdekében a Google három új funkciót jelent be a fejlesztők számára. Ezek:
- SMS vevő, amely lehetővé teszi a webalkalmazások számára, hogy az alkalmazásokhoz hasonlóan SMS-alapú hitelesítési kódokat kapjanak. A fenti videóban láthatja, hogy a Swiggy indiai ételrendelési szolgáltatás webes verziója milyen zökkenőmentesen javasolja a felhasználónak az SMS-ben kapott ellenőrző kód kihasználását.
- Lépjen kapcsolatba a Pickerrel, amely lehetővé teszi a felhasználók számára, hogy az üzenetküldő alkalmazások, például a WhatsApp névjegymegosztásához hasonló módon töltsék fel névjegyeiket az internetes alkalmazásokba.
- Natív fájlrendszer API, amely engedélyt és lehetőséget ad a webalkalmazásoknak, hogy fájlokat és mappákat olvassanak a felhasználó eszközéről, és közvetlenül elmentsék a módosításokat. A funkció lehetséges alkalmazásai közé tartoznak az online szövegszerkesztők, fotó- és videószerkesztők, akár webalapú IDE-k stb.
Ezek az API-k a Google Chrome eredeti próbaverziójaként is elérhetőek lesznek.
Új mutatók és útmutatás a fejlesztők számára
Az általános "web egészségének" kontextusba helyezéséhez a Google bejelentette az elnevezésű projektet A webes almanach partnerségben a HTTP archívum. A 85 szakértő útmutatásával a projekt célja, hogy betekintést nyerjen és trendeket jelenítsen meg az interneten elérhető legjobb és legrosszabb gyakorlatokkal kapcsolatos, használható adatokkal kapcsolatban.
A küldetés során közel 6 millió webhelyet vizsgáltak meg, majd ezek a szakértők összefoglalták következtetéseiket a felhasználói élmény javításának módjairól. 20 fejezet. Ezt a gyakorlatot „éves hagyományként” megismétlik, így az Almanach továbbra is találékony útmutató marad a webfejlesztők számára.
Ezzel párhuzamosan a Google két új mérőszámot is bevezet, amelyek segítségével a fejlesztők a legjobb gyakorlatok szerint optimalizálhatják webhelyeiket. Ezek:
- Legnagyobb tartalmat tartalmazó festék (LCP), amely egy weboldal „észlelt” betöltési ideje. Egyszerűen fogalmazva, ez a "nézőpontban látható legnagyobb elem" betöltési ideje. Ez lesz számszerűsítse, hogy milyen gyorsan töltődnek be a weboldal kulcselemei, hogy a fejlesztők mindenfélét kiküszöbölhessenek lag. Az LCP-t arra az időre számítják ki, mielőtt a felhasználó interakcióba lép az oldallal, így itt az a cél, hogy a lehető legkisebbre csökkentsék a betöltési késést.
- Kumulatív elrendezéseltolás (CLS), amely a weboldalak stabilitásának mérésére szolgál. Segíthet a fejlesztőknek meghatározni, hogy az oldal betöltése közben milyen gyakran változtatják meg az elemek, például a gombok vagy egy adott kép helyét a látható részen. Így a CLS segíthet a fejlesztőknek kiküszöbölni azt a frusztráló problémát, hogy az oldal betöltése közben megváltozik a helyzetük. Ez a mérőszám az "elrendezés eltolási pontszámán" alapul, amely azt méri, hogy az oldalelemek milyen hajlamosak elmozdulni betöltés közben, és ezzel zavarják a felhasználókat. Az elrendezés eltolási pontszámának ideális esetben nullának kell lennie – vagy legalább a lehető legközelebbinek kell lennie ahhoz, hogy a felhasználók problémamentes élményt nyújtsanak.
Annak érdekében, hogy segítse a fejlesztőket webhelyeik legjobb teljesítményének, hozzáférhetőségének és hatékonyságának elérésében, a Google kiterjeszti Lighthouse Stack csomagok különféle keretekhez. A WordPress és a Lighthouse által már támogatott Next.js mellett a Google támogatja a következőt is olyan keretrendszerek, mint az AMP, Angular, React, valamint a Magento, a CMS, amely kizárólag az e-kereskedelmet szolgálja ki. weboldalak.
Javítja a memóriakezelést, jobb adatvédelmet és jobb irányítást
A Google azt állítja, hogy időt, erőfeszítést és pénzt fektet abba, hogy orvosolja a Google Chrome-mal kapcsolatos egyik legnagyobb panaszt, ez a memóriafogyasztás. A memóriakezelés fejlesztésén túlmenően a Chrome teljesítményét is folyamatosan fejlesztik annak érdekében, hogy az internet mindenki számára elérhető maradjon, függetlenül a "eszköztípusuk, internetsebességük vagy vásárlóerejük."
Az adatvédelem szempontjából a Google Chrome következő verziója, azaz a ver79 javítani fogja a cookie-k kezelését. Ez magában foglal egy új kapcsolót az Új lapok oldalon inkognitómódban, hogy a felhasználók sokkal jobban szabályozhassák a harmadik féltől származó cookie-kat. A Beállítások oldalt is módosítjuk, hogy ez a kapcsoló könnyen elérhető legyen normál módban.
A Google tovább fejleszti erőfeszítéseit Adatvédelem Sandbox, amelyet a nyílt szabványok összességeként határoztak meg, amelyek célja az online adatvédelem javítása. A Privacy Sandbox célja, hogy lehetővé tegye a webhelyek számára cookie-k telepítését anélkül, hogy a felhasználók túlterheltnek vagy bizonytalannak éreznék magukat a hirdetések miatt, ugyanakkor megtalálják az ujjlenyomatok letiltásának módját.