Local blog for Italian speaking developers
The State of the Web a Google I/O 2018
21 maggio 2018
Il web è un tesoro globale e ha molti punti di forza che tutti apprezzano. È una piattaforma di distribuzione senza eguali che offre alle persone di tutto il mondo l'accesso a una vasta gamma di contenuti e consente alle aziende di raggiungere i clienti ovunque si trovino. Alla base di questo successo c'è la sua community e un insieme di standard fondamentalmente aperti, che permettono al web di rimanere dinamico e disponibile per tutti.
Da PageRank a Chromium, Google ha investito moltissimo nel successo ininterrotto del web. In occasione di Google I/O, la nostra conferenza annuale per sviluppatori, abbiamo tenuto una presentazione sullo State of the Union incentrata sul nostro impegno nel migliorare il web e su come farlo funzionare bene per tutti. Ricapitoliamo i temi chiave qui di seguito ma ti incoraggiamo a guardare le talk
su YouTube
.
Service Worker
L'introduzione dell'
API Service Worker
è uno dei miglioramenti recenti del web più significativi. Libera gli sviluppatori dal ciclo di vita limitato delle pagine lavorando in background per intercettare le richieste di rete e gestire gli eventi in arrivo, consentendo così alle app web di operare offline. Con i service worker, i siti possono ricevere notifiche push, sincronizzare i dati in background e molto altro. Apple ha implementato il supporto per i
service worker in Safari 11.1
su
iOS e MacOS
a marzo e Microsoft Edge
ha distribuito i service worker
qualche settimana fa, e ciò
significa che tutti i maggiori browser moderni ora supportano questo standard
. L'utilizzo dei service worker può rappresentare un grande cambiamento per la tua architettura quindi, per semplificare, abbiamo creato
Workbox
, che racchiude molti pattern dei service worker comuni e potenti in un'API facile da usare. Abbiamo appena rilasciato la versione 3 di questa libreria, basata sui moduli che ti consentono di utilizzare solo le funzionalità di cui hai bisogno.
Progressive Web App (PWA)
I service worker costituiscono la colonna portante di molte funzionalità delle PWA. Le aziende di tutto il mondo hanno riscontrato in molti settori notevoli successi grazie alla creazione di PWA. Starbucks, che ha lanciato il suo sito PWA l'anno scorso, ha raddoppiato il numero degli utenti attivi ogni giorno. Infatti, sui siti pubblicitari che monitoriamo,
abbiamo riscontrato un aumento medio del tasso di conversione del 20% quando un sito adotta una PWA
.
Molte delle prime PWA erano incentrate sui dispositivi mobili mentre ora i loro vantaggi si estendono anche al desktop. Molto presto Chrome fornirà il supporto agli utenti per "installare" le PWA sul desktop. Il sito avrà la sua icona e verrà lanciato in una finestra autonoma, pur mantenendo le potenti funzionalità previste da un browser, come Trova nella pagina, URL condivisibili, supporto Google Cast e altro. In occasione di Google I/O abbiamo illustrato in quale modo Spotify stia implementando l'esperienza Rich Media come PWA su desktop. Il supporto "Installa" per i PWA su desktop sarà disponibile su ChromeOS in Chrome 67 all'inizio di giugno e su Windows e macOS alla fine dell'anno.
WebAssembly
WebAssembly
consente ai siti web di eseguire codice di ultimo livello ad alte prestazioni, scritto in linguaggi come C o C++, e offre nuove classi di contenuti sulla piattaforma web. Lo scorso marzo
AutoCAD di Autodesk
ha preso una base di codice di 35 anni (più vecchia del web stesso) e l'ha compilata per essere eseguita direttamente all'interno di un browser, utilizzando WebAssembly. AutoCAD ora è solo un link e ciò significa che si possono modificare i disegni CAD direttamente dal browser, indipendentemente dal tipo di dispositivo o sistema operativo utilizzato. Il team di progettazione di AutoCAD ha una singola base di codice C++ condivisa e, quando il team desktop apporta delle modifiche, queste vengono facilmente integrate nell'app web di AutoCAD.
Per scoprire come importare il codice o scrivere il tuo, vai a vedere il
codelab di WebAssembly
che illustra il rapporto tra le librerie C e il DOM. Sia che tu stia utilizzando una libreria complessa scritta in C, importando un nuovo codec nella piattaforma web o utilizzando un motore come Unity o Unreal Engine, WebAssembly può aiutarti.
Lighthouse
Lighthouse
è uno strumento per analizzare la qualità di un sito web, fornendoti chiare misurazioni delle prestazioni e indicazioni su come migliorare l'esperienza dell'utente. Puoi accedervi direttamente da DevTools di Chrome, eseguirlo dalla riga di comando o integrarlo con altri prodotti di sviluppo. Solo nel 2018 mezzo milione di sviluppatori ha eseguito regolarmente Lighthouse sui propri siti. Sappiamo che il web cambia velocemente: Lighthouse può aiutarti a tenerti aggiornato grazie alle ultime best practice delle prestazioni. Lighthouse 3.0 è stato annunciato all'I/O ed è ora disponibile per tutti.
Lighthouse offre chiarezza sulle prestazioni del carico del sito in un ambiente controllato. Tuttavia, se vuoi vedere come si comporta il tuo sito per utenti reali nel mondo reale, consulta il
Report Chrome User Experience
. Questo report fornisce metriche di prestazioni a livello di origine per i quattro milioni di siti web più visitati. Per ulteriori informazioni su come questi e altri strumenti possono aiutarti ad avere una visione completa delle prestazioni del tuo sito, consulta la nostra
infografica sugli strumenti di velocità
.
AMP
AMP
è una libreria e anche un ecosistema di componenti Web per la creazione di siti web affidabili e veloci, con comprovata esperienza utente su larga scala.
Al momento, oltre sei miliardi di pagine AMP vengono utilizzate da 46 milioni di domini, con un tempo mediano di caricamento dalla Ricerca Google inferiore a un secondo.
Molte aziende hanno ottenuto risultati positivi con AMP, come nel caso di
AliExpress
, il marketplace globale di vendita al dettaglio online ha recentemente lanciato un nuovo sito mobile con una Progressive Web App basata su AMP.
Il nuovo sito ha aumentato il tasso di conversione del traffico non di ricerca di un incredibile 31%.
Il consumo di contenuti sui dispositivi mobili sta cambiando, con formati di narrazione a schermo intero di breve durata che stanno diventando sempre più popolari. Per soddisfare le esigenze dei publisher web, il progetto AMP ha recentemente annunciato lo sviluppo delle
AMP stories
, un ricco set di componenti web creati per la narrazione mirata ai dispositivi mobili. Il formato è in continua evoluzione e ti invitiamo a sperimentare con la
creazione di storie personali
e a offrire il tuo feedback al team AMP.
Web Packaging
Web Packaging
è un insieme di tecnologie emergenti che crediamo ridefiniranno il modo in cui i contenuti web sono distribuiti sul web e condivisi tra gli utenti. Consente ai publisher di raggruppare i loro contenuti per la distribuzione da parte di terzi, mantenendo al contempo le garanzie di integrità di HTTPS. Nell'ambito dell'esplorazione dei
nuovi casi d'uso
abilitati da Web Packaging, ci siamo resi conto delle opportunità che si presentavano per AMP. Grazie alla collaborazione con il team AMP e la community del web, abbiamo potuto progettare una soluzione che consente ai documenti AMP di conservare l'URL originale del publisher se servito dalla cache AMP.
A dimostrazione del nostro impegno, i collaboratori del progetto AMP,
Food Network
e
Pinterest
, hanno realizzato delle demo di Web Packaging come la seguente. Per chi vuole saperne di più, il team AMP ha
scritto un articolo che fornisce maggiori dettagli
sui vantaggi che Web Packaging offre a utenti e publisher. Oltre all'applicazione di AMP, siamo entusiasti delle tecnologie Web Packaging che saranno disponibili e non vediamo l'ora di perfezionare il nostro modo di pensare grazie al tuo contributo.
Una demo che utilizza Web Packaging con una pagina AMP da Ricerca Google
Polymer
Polymer è una libreria JavaScript che consente di creare componenti web riutilizzabili personalizzati da condividere con altri sviluppatori o da combinare per creare app performanti e mantenibili. In occasione di Google I/O abbiamo lanciato la versione 3.0 della libreria che apporta alcuni aggiornamenti significativi all'ecosistema Polymer. Abbiamo completato il supporto per l'utilizzo di npm come sistema di gestione dei pacchetti e dei moduli ES6 come unità di composizione, semplificando l'utilizzo dei componenti web basati su polimeri, insieme agli altri strumenti e framework di sviluppo web preferiti.
Abbiamo anche introdotto
LitElement
, una nuova classe base di componenti Web che combina la potenza espressiva di
Lit-HTML
con i componenti web per semplificare ulteriormente la creazione di componenti leggeri e reattivi con una sintassi di template moderna ed espressiva.
Stiamo anche per rilasciare il
PWA Starter Kit
, un punto di partenza completo per la realizzazione di PWA basate su componenti web veloci, affidabili, reattivi, a tema, e con punteggi altissimi in base a Lighthouse PWA e ai criteri di performance.
Angular
All'I/O di quest'anno il team di Angular ha fornito una panoramica sulla crescita della community e ha parlato di alcune delle
nuove eccellenti funzionalità disponibili per core framework, CLI e la libreria versione 6 di Angular Material
. Angular è utilizzato da milioni di sviluppatori e ha accumulato un'enorme popolarità e un fantastico ecosistema. I nuovi comandi rilasciati nella versione 6 come `ng update` e` ng add` manterranno le applicazioni aggiornate e permetteranno agli sviluppatori di lavorare più velocemente mentre il team di Angular continuerà a equilibrare stabilità e innovazione.
Il team Angular ha anche dato un'anteprima su alcuni miglioramenti apportati dietro le quinte ad Angular con il
Project Ivy
. Ciò semplificherà il debug di Angular e lo renderà più veloce da compilare ed eseguire affinché funzioni con le applicazioni esistenti. Il team ha dimostrato l'utilità di questi miglioramenti con una piccola applicazione Hello World in cui le funzionalità Angular non utilizzate sono state automaticamente rimosse dal pacchetto JavaScript dell'app.
La nostra missione in Google e in Chrome è collaborare con la community per creare esperienze veloci, integrate, affidabili e coinvolgenti. Siamo soddisfatti delle nuove e potenti funzionalità della piattaforma web aperta e del set completo di strumenti offerti che consentono di creare rapidamente siti di alta qualità per gli utenti. Per ulteriori aggiornamenti sugli ultimi progressi del web, visita il nostro
portale per sviluppatori
o ascolta le talk di I/O di quest'anno sul
canale YouTube dei Google Developers
. Ci farebbe piacere vederti al prossimo
Chrome Dev Summit
di fine anno!
Pubblicato da Malte Ubl e Ben Galbraith
Etichette
Android
Firebase
machine learning
Google Cloud Platform
GDL
Eventi
Google Developers Live
Google Play
TensorFlow
App
Chrome
Cloud
api
GDLItalia
GDE
GDG
Google Assistant
iOS
Kotlin
Actions on Google
Deep Learning
AppEngine
AMP
BigQuery
Cloud Functions
Flutter
Android Studio
Google Developers Expert
Università
Google AppEngine
JavaScript
AI
Android Wear
GAE
Google Play Store
HTML5
Maps
security
Android App Development
AngularJS
IoT
Kubernetes
Annunci
Cloud Firestore
Cloud Machine Learning
Google I/O
Polymer
Android Things
Community
DevTools
Google App Engine
intelligenza artificiale
Entrepreneurship
Firebase Analytics
GSoC
Games
Google Cast
ML
open source
Crashlytics
Dart
Diversity
Drive
Google Data Studio
Google Play Games
TensorFlow Lite
Android Developers
Android O
Cloud Spanner
Cloud TPU
Compute Engine
DevFest
Google Compute Engine
Google Developers
Material Design
Mobile
PWA
Python
Startup
AIY Project
ARCore
Android Jetpack
AndroidDev
Androidq
Apps Script
Artificial Intelligence
Augmented Reality
Firebase Cloud Messaging
Google Cloud
Google Maps
Gsuite
IO19
ML kit
Research
VR
coding
unity
#io19
AR
Android Dev Summit
Android Developer
Android Q
Cardboard
Cloud AI
Coral
Developers
Dialogflow
Firebase Realtime Database
Gmail
Google AI
Google Cloud Messaging
Google ContainerEngine
Google Play Console
Kotlin Coroutines
NLP
Programming
Responsive Design
TensorFlowjs
Testing
WTM
Women
beacons
cloud storage
developer
node JS
student programs
women techmakers
API Cloud Vision
Add-ons
Android P
AndroidDevStory
Animation
AutoML
Brillo
Classroom
DSC
Database
Developer Student Clubs
Edge TPU
Fabric
Featured
Flutter Web
G Suite
GWT
GoLang
Google
Google Brain
Google Cloud Next
Google Container Engine
Google Developer Groups
Google I/O Extended
Graph
Hosting
Instant Apps
Keras
Livedata
Mobile Sites
Prediction
Privacy
Project Tango
SDK
Stackdriver
Tales
UI
Udacity
Virtual Reality
Web
Web Development
YouTube
analytics
android security
api.ai
courses
google io
indies
natural language processing
reti neurali
sign-in
young developers
2d Animation
3d
AIY
ARkit
Adversarial Learning
Alpha
Android App
Android App Developmen
Android App bundle
Android Architecture
Android Architecture Components
Android Auto
Android Automotive OS
Android Dev Summit Android Developer
Android Developer Challenge
Android Developers GooglePlayAwards
Android Development
Android Go
Android Instant App
Android Pie
Android Q Scoped Storage
Android Q audio
Android Styles
Android audio playback capture
Android codelabs
AndroidTV
AndroidX
Angular
Aogdevs
Api Design
App Development
App Distribution
Apps
Architecture
Architecture Components
Arduino
Best Practices
Betatesting
Bugs
C++
Certification
Cloud Anchors
Cloud Next
Cloud Run
Cloud Service Platform
Cloud Shell
Cloud Study Jam
Coached Conversational Preference Elicitation
Commerce
Community Connector
Computer Science
Consistency
Containers
Converge
Conversation Design
Crash Reporting
DLS Design
Dagger
Data Science
Databases
Dependency Injection
Design
Developer Communities
Developer Community
Developer Culture
Developer Story
Developing Media Apps
Development
Eager
Edge TPU Dev Board
Education
Emulatore Android
Error Message
Eslint
Europe
Firebase Extensions
Firebase Summit 2019
Firebasehosting
Flutter 1.5
Flutter at IO
FlutterDark
GCE
GDD
Game Development
Gboard
Gesture Navigation
Glass
Go
Google AI Quantum
Google App Script
Google Cloud Functions
Google Cloud billing
Google Coral
Google Developer Days
Google Home Hub
Google IOS Android
Google Identity Platform
Google Launchpad
Google Lens
Google Now
Google Photos
Google Play Devs
Google Play Indie Games Festival
Google Play Instant
Google Plus
Google codelabs
Google+
GoogleDevWeekly
GoogleLaunchpad
GooglePlay
Graphics
Healthcare
I/O
IO
IO19 Flutter
In-app Billing
Indie Games
Indie Games Festival
Indie games showcase
Indie showcase
Ingress
Instant Games
Issues
Java
Jetpack
Knative
Kotlin Beginners
Kotlin Everywhere
Kotlin codelabs
Lighthouse
Live Caption
Live Streaming
Localization
Location
M-Theory
Mondaygram
Monetization
NYT
NativeScript
Navigation
Neural Graph Learning
Neural Structured
Nodejs
OS
OS Updates
Olivex
One Time Codes
Online Education
PHA
Performance Monitoring
Policy
Posenet
Project Mainline
Project Treble
Quantum Computing Theory
Reactive Programming
Regression
Remote Config
Resonance Audio
Room
Scoped Storage
Semantics
Semi Supervised Learning
Serverless
Sms Retriever Api
Sms Verification
Speech Recognition
Swift
Tensorflow Core
Tensorflow Hub
Test Lab
Text
Tokenizer
Tpu
Transformers
UX
UX Design
UX Research
Universal Sentence Encoder
Unsupervised Data Augmentation
Unsupervised Learning
User Experience
Viewmodel
Voice
WWW
Wear OS
WebAssembly
Widget
Women in Tech
WomenTechmakers
android kotlin
app stability
assistant
audio recording
augmented faces
authsub
best practices and updates
billing
botnet
business
c++ games
cancer
chatbot
chrome privacy
codelab
codelabs
competition
daydream
designer
dominio .dev
error handling
event
firebase games
firebase gdc
firebase hosting
firebase unity
game center authentication
game testing
games authentication
gdc
google summer of code
googledevelopers
grow
hashcode
indie
indie developers
internship
kids
machine intelligence
machine learning accelerator
maker
multi-platform
nearby
oauth
openid
performance
persistent AR
privacy sandbox
prizes
prototype
purchase flows
queries
realtime
responsible AI
security rules
showcase
solutions challenge
startup africa roadtrip
startup times
students
summer of code
unity crashlytics
verify apps
win
Archivio Blog
2020
feb
gen
2019
dic
nov
ott
set
ago
lug
giu
mag
apr
mar
feb
gen
2018
dic
nov
ott
set
ago
lug
giu
mag
apr
mar
feb
gen
2017
dic
nov
ott
set
ago
lug
giu
mag
apr
mar
feb
gen
2016
dic
nov
ott
set
ago
lug
giu
mag
apr
mar
feb
gen
2015
dic
nov
ott
set
ago
lug
giu
mag
apr
mar
feb
gen
2014
dic
nov
ott
set
ago
lug
giu
mag
apr
mar
feb
gen
2013
dic
nov
ott
set
ago
lug
giu
mag
apr
mar
feb
gen
Feed
Follow @GoogleDevsItaly