Google обявява нови инструменти за разработка на Chrome за намаляване на зарежданията на страници, прецизиране на UX

На Chrome Dev Summit 2019 Google обяви нови инструменти за разработчици за подобряване на потребителското изживяване, намаляване на времето за зареждане и повишаване на безопасността в мрежата.

Преди две десетилетия Google започна като уеб търсачка, но днес той доминира начина, по който изживяваме и взаимодействаме с мрежата. Google Търсене, само по себе си, до голяма степен контролира по-голямата част от онлайн употребата, но други продукти като най-популярния браузър в света – Google Chrome – както и най-използваната мобилна операционна система – Android – поставиха Google начело сред другите заинтересовани страни в мрежата. Процентът на потребителите, влизащи онлайн с мобилни устройства, се е увеличил, както и акцентът на интернет гиганта върху намаляването на времето за зареждане, за да се осигури гъвкавост. AMP или ускорени мобилни страници беше една стъпка, която Google предприе, за да осигури по-бързо зареждане на уеб страници. Миналата година представи и уеб елемент, известен като "Портали“ за оптимизиране на „безпроблемно“ превключване между уеб страници.

С визията да "накарайте зареждането да изчезне,“ днес Google обяви нови инструменти за разработчици на Chrome Dev Summit 2019 да направим мрежата по-безопасна и по-удобна за потребителя, като същевременно подобряваме шансовете за подпомагане на разработчиците да увеличат своята потребителска база, както и приходи.

Портали

Google демонстрира напредъка, който Портали направиха, откакто го пуснаха на Google I/O по-рано тази година и внедриха зад флаг в Chrome Canary. За да опресните паметта си, порталите позволяват на разработчиците да вграждат определено съдържание или цели уеб страници в друга уеб страница точно като iframe. За да се елиминира времето за изчакване, съдържанието вътре в портала или рамката се зарежда, докато потребителите все още разглеждат първоначалната уеб страница.

Google сподели пример за услуга за билети за филми Fandango, в която целевата страница за определен филм (Жокер в примера) е обвързан вътре в портал. Когато потребител докосне Joker, следващата страница се изобразява вече напълно заредена.

Уеб пакети

Google обявява Уеб пакети който е създаден, за да помогне на уеб разработчиците да споделят своето уеб съдържание с други чрез различни носители, включително, но не само имейл, USB или FTP. Разработчиците ще могат ефективно да кешират цялото уеб съдържание, предназначено за споделяне, като използват API като Периодична фонова синхронизация и Индексиране на съдържанието и след това избирателно изобразява необходимото съдържание, дори ако крайният потребител не е свързан към интернет. За да позволи на уеб разработчиците да използват тази функционалност, Google прави уеб пакети достъпни зад флаг на Chrome, докато двата API ще бъдат достъпни като изпитания за произход.

Мрежово изживяване, подобно на родното

Макар да е наясно, че много потребители използват мобилните си телефони, за да се свързват онлайн, Google също така признава моделите на използване на различни устройства по целия свят. Повече от няколко години Google настоява Прогресивни уеб приложения (PGA) като заместител на родните приложения за Android с цел намаляване на времето за зареждане и потреблението на данни.

[видео ширина="390" височина="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

За да приведе в съответствие приложенията в мрежата с родните приложения, Google обявява три нови функции за разработчиците. Това са:

  1. SMS приемник, което ще позволи на уеб приложенията да извличат базирани на SMS кодове за удостоверяване точно както могат приложенията. Във видеото по-горе можете да видите как безпроблемно уеб версията на Swiggy, индийска услуга за поръчка на храна, предлага на потребителя да използва кода за потвърждение, получен чрез SMS.
  2. Свържете се с Picker, което ще позволи на потребителите да качват контакти в уеб приложения по начин, подобен на споделянето на контакти в приложения за съобщения като WhatsApp.
  3. API на родната файлова система, което ще даде на уеб приложенията разрешение и възможност да четат файлове и папки от устройството на потребителя и да записват промените в тях директно. Потенциалните приложения на тази функция могат да включват онлайн текстови редактори, редактори на снимки и видео, дори уеб базирани IDE и др.

Тези приложни програмни интерфейси (API) също ще бъдат налични като първоначални изпитания за Google Chrome.

Нови показатели и насоки за разработчиците

За да помогне за контекстуализиране на общото „здравословно състояние на мрежата“, Google обяви проект, наречен Уеб алманах в партньорство с HTTP архив. С насоки от 85 експерти, проектът е насочен към търсене на прозрения и визуализиране на тенденции върху приложими данни за най-добрите и най-лошите практики в мрежата.

Мисията включва преглед на близо 6 милиона уебсайта, след което тези експерти съкратиха заключенията си относно начините за подобряване на потребителското изживяване в 20 глави. Тази практика ще се повтаря като „годишна традиция“, така че Алманахът да остане находчив наръчник за уеб разработчиците.

Заедно с това Google въвежда и два нови показателя, за да помогне на разработчиците да оптимизират своите уебсайтове за най-добрите практики. Това са:

  1. Рисуване с най-голямо съдържание (LCP), което е „възприеманото“ време за зареждане на уеб страница. Просто казано, това е времето за зареждане на "най-големия елемент, видим в гледната точка." Това ще количествено определяне колко бързо се зареждат ключовите елементи на уеб страница, така че разработчиците да могат да елиминират всякакъв вид на изоставане. LCP се изчислява за времето преди потребителят да взаимодейства със страницата, така че намерението тук е да се сведе до минимум забавянето на зареждането, доколкото е възможно.
  2. Кумулативно изместване на оформлението (CLS), който се използва за измерване на стабилността на уеб страниците. Може да помогне на разработчиците да определят колко често елементи като бутони или определено изображение променят местоположението си в видимата част, докато страницата се зарежда. По този начин CLS може да помогне на разработчиците да премахнат този разочароващ проблем с елементите, които променят позицията си, докато страницата се зарежда. Този показател разчита на „резултат за изместване на оформлението“, който измерва тенденцията на елементите на страницата да се изместват при зареждане, като по този начин притеснява потребителите. Резултатът за промяна на оформлението в идеалния случай трябва да бъде нула – или поне възможно най-близо до нула – за да се осигури безпроблемно изживяване за потребителите.

С цел да помогне на разработчиците да постигнат най-добра производителност, достъпност и ефективност на своите уебсайтове, Google разширява обхвата на Lighthouse Stack Packs към различни рамки. Освен WordPress и Next.js, които вече се поддържат от Lighthouse, Google добавя поддръжка за рамки като AMP, Angular, React, както и Magento, CMS, обслужващ изключително електронната търговия уебсайтове.

Подобрете управлението на паметта, по-добра поверителност и по-голям контрол

Google твърди, че инвестира време, усилия и пари в отстраняването на едно от най-големите оплаквания с Google Chrome и това е консумацията на памет. Освен че работят върху подобряването на управлението на паметта, те също непрекъснато подобряват производителността на Chrome, за да гарантират, че мрежата остава достъпна за всички, независимо от "техния тип устройство или скорост на интернет или покупателна способност."

По отношение на поверителността, следващата версия на Google Chrome, т.е. ver79, ще подобри начина, по който се обработват бисквитките. Това включва ново превключване на страницата с нови раздели в режим „инкогнито“, за да помогне на потребителите да контролират много по-добре бисквитките на трети страни. Страницата с настройки също ще бъде променена, за да направи този превключвател лесно достъпен в нормален режим.

Google продължава усилията си в развитието на Пясъчник за поверителност, което се определя като набор от отворени стандарти, създадени за подобряване на поверителността онлайн. Privacy Sandbox има за цел да позволи на уебсайтовете да разполагат бисквитки, без да кара потребителите да се чувстват претоварени или несигурни поради реклами, като същевременно намира начини за блокиране на пръстови отпечатъци.