Web adalah harta karun global dan memiliki banyak keunggulan yang kita semua nikmati. Web adalah platform distribusi yang tiada duanya, yang menyediakan akses kepada orang sedunia ke berbagai macam konten dan memungkinkan bisnis menjangkau pelanggannya, di mana saja mereka berada. Penyokong keberhasilan web adalah komunitasnya dan serangkaian standar terbuka fundamental, yang memastikannya tetap dinamis dan tersedia untuk semua orang.

Dari PageRank hingga Chromium, Google telah berinvestasi sangat besar dalam keberhasilan web secara langgeng. Pekan ini di Google I/O, konferensi tahunan developer, kami memberikan presentasi State of the Union untuk menguraikan sebagian dari upaya terbaru kami untuk membantu web terus berkembang dan berfungsi dengan baik bagi semua orang. Kami merekap beberapa tema utama di bawah ini, tetapi kami menghimbau Anda untuk memeriksa semua pembahasan di YouTube.


Service Worker
Diperkenalkannya Service Worker API merupakan salah satu peningkatan paling signifikan pada web dalam histori terkininya. Ini membebaskan developer dari daur hidup terbatas halaman, yang bekerja di latar belakang untuk mencegat permintaan jaringan dan menangani event mendatang agar apl web bisa bekerja secara offline. Dengan pekerja layanan, situs Anda bisa menerima notifikasi push, menyinkronkan data di latar belakang, dan lainnya. Apple telah menggelar dukungan untuk pekerja layanan di Safari 11.1 pada iOS dan MacOS Maret ini dan Microsoft Edge menyertakan pekerja layanan barusan minggu lalu — ini berarti bahwa setiap browser modern utama kini mendukung standar tersebut. Penggunaan pekerja layanan bisa menjadi perubahan besar pada arsitektur Anda, jadi untuk menyederhanakannya kami membuat Workbox, yang mengemas banyak pola pekerja layanan andal yang umum ke dalam satu API yang mudah digunakan. Kami baru saja merilis versi 3 library ini, berisi beberapa modul yang memungkinkan Anda menggunakan fitur-fitur yang dibutuhkan saja.

Progressive Web App (PWA)
Pekerja layanan menjadi tulang punggung bagi banyak kemampuan PWA. Berbagai perusahaan di seluruh dunia, di berbagai macam industri, telah menjadi saksi keberhasilan pembangunan PWA yang luar biasa. Starbucks, yang meluncurkan situs PWA mereka tahun lalu, mendapati peningkatan 2X pada para pengguna aktif mereka sehari-hari. Kenyataannya, melalui beberapa situs periklanan yang kami ukur, bila suatu situs beralih ke PWA mereka akan melihat rata-rata laju konversi seluler meningkat sebesar 20%.

Banyak PWA sebelumnya berfokus pada seluler, dan manfaatnya kini juga sampai ke desktop. Chrome sebentar lagi akan menyediakan dukungan bagi pengguna untuk “menginstal” PWA ke desktop mereka. Situs akan mendapatkan ikonnya sendiri dan diluncurkan dalam jendela mandiri, dengan mempertahankan berbagai fitur andal yang diharapkan pengguna di browser seperti mencari di halaman, URL yang dapat dibagikan, dukungan Google Cast, dan lainnya. Di I/O, kami mendemonstrasikan bagaimana Spotify menerapkan pengalaman multimedia mereka sebagai PWA desktop. Dukungan “instal” untuk PWA desktop akan hadir pada ChromeOS di Chrome 67 pada awal Juni, dan nanti di Windows serta macOS tahun ini.



WebAssembly
WebAssembly memungkinkan situs web menjalankan kode tingkat-rendah berkinerja tinggi yang ditulis dalam bahasa seperti C atau C++, dan membuka beberapa class konten yang benar-benar baru pada platform web. Bulan Maret, AutoCAD dari Autodesk mengambil basis kode berusia 35 tahun — lebih tua dari web itu sendiri — dan mengompilasinya untuk dijalankan langsung dalam browser dengan menggunakan WebAssembly. AutoCAD kini tinggal klik link, maksudnya Anda bisa mengedit gambar CAD langsung di browser, apa pun perangkat atau sistem operasi yang digunakan. Tim engineer AutoCAD memiliki satu basis kode C++ bersama, dan bila tim desktop mereka membuat perubahan, akan mudah mengintegrasikannya ke dalam apl web AutoCAD.

Jika Anda tertarik mempelajari cara mentransfer kode atau menulis kode sendiri, periksa WebAssembly codelab, yang mendemonstrasikan saling pengaruh antara library C dan DOM. Baik Anda menggunakan library kompleks yang ditulis dalam C, ingin memasukkan codec baru ke dalam platform web, maupun menggunakan engine seperti Unity atau Unreal Engine, WebAssembly siap membantu.

Lighthouse
Lighthouse adalah fitur untuk menganalisis kualitas situs web Anda, yang memberikan ukuran jelas mengenai kinerja situs dan panduan untuk memperbaiki pengalaman pengguna Anda. Lighthouse bisa diakses langsung dari dalam DevTools milik Chrome, dijalankan dari baris perintah, atau diintegrasikan dengan produk pengembangan lainnya. Pada tahun 2018 saja, setengah juta developer telah menjalankan Lighthouse di situs mereka secara rutin. Kami tahu bahwa web berubah cepat — Lighthouse bisa membantu Anda tetap mengikuti perkembangan dengan berbagai praktik terbaik kinerja terkini. Lighthouse 3.0, yang diumumkan di I/O, nanti akan tersedia untuk semua orang pekan ini.

Lighthouse memberi Anda kejelasan mengenai kinerja pemuatan situs dalam lingkungan terkontrol. Namun, jika Anda ingin mengetahui bagaimana kemampuan situs Anda bagi pengguna sungguhan di dunia nyata, maka lihat Laporan Pengalaman Pengguna Chrome. Laporan tersebut kini menyediakan metrik kinerja tingkat-asal bagi empat juta situs web yang paling banyak dikunjungi. Untuk mempelajari lebih lanjut tentang bagaimana semua fitur ini dan fitur lainnya bisa membantu Anda mendapatkan pandangan lengkap mengenai kinerja situs, periksalah infografis fitur kecepatan.

AMP
AMP adalah ekosistem dan library komponen web untuk membangun situs yang benar-benar cepat dengan pengalaman pengguna yang hebat. Kini ada lebih dari enam miliar halaman AMP dari 46 juta domain, dengan waktu pemuatan median kurang dari satu detik dari Google Penelusuran. Dunia bisnis menjadi saksi keberhasilan dengan AMP: AliExpress, pasar ritel online global, baru saja meluncurkan situs seluler baru sebagai Progressive Web App berbasis AMP. Situs baru tersebut secara mengagumkan telah meningkatkan laju konversinya untuk traffic nonpenelusuran sebesar 31%.

Konsumsi konten di perangkat mobile berubah, dengan kian populernya format bercerita dalam layar penuh berukuran bite. Untuk membantu memenuhi kebutuhan penayang web, project AMP baru saja mengumumkan pengembangan cerita AMP, seperangkat lengkap komponen web yang dibangun untuk penuturan cerita yang memprioritaskan mobile. Format ini sedang dalam tahap pengembangan, dan kami menghimbau Anda untuk bereksperimen dengan membangun cerita sendiri dan memberikan masukan kepada tim AMP.



Web Packaging
Web Packaging adalah seperangkat teknologi yang sedang naik daun yang kami yakini akan mengubah definisi cara mendistribusikan konten web di web dan membagikannya di antara pengguna. Ini memungkinkan para penayang memaketkan konten mereka untuk didistribusikan oleh pihak lain, sekaligus menjaga jaminan integritas HTTPS. Sebagai bagian dari pendalaman kasus penggunaan baru yang dimungkinkan oleh Web Packaging, kami menyadari bahwa ada peluang menarik untuk AMP. Melalui kolaborasi dengan tim AMP dan komunitas web, kami dapat mendesain solusi yang memungkinkan dokumen AMP mempertahankan URL asli penayangnya bila disajikan dari cache AMP.

Untuk memamerkan upaya kami, para kolaborator project AMP yaitu Food Network dan Pinterest telah membuat demo Web Packaging, seperti yang ada di bawah ini. Jika Anda ingin mempelajari lebih lanjut, tim AMP telah menulis sebuah artikel yang membahas lebih detail tentang bagaimana manfaat Web Packaging bagi pengguna dan penayang. Selain aplikasi AMP, kami sangat terkesan dengan apa saja yang bisa dilakukan oleh teknologi Web Packaging dan menanti bantuan Anda untuk menyempurnakan pemikiran kami.

Sebuah demo yang menggunakan Web Packaging dengan halaman AMP dari Google Penelusuran

Polymer
Polymer adalah library JavaScript yang membantu Anda membuat berbagai komponen web kustom yang dapat digunakan kembali untuk berbagi dengan developer lain atau dikombinasikan untuk membangun aplikasi yang mudah dipelihara dan berkinerja. Di I/O kami meluncurkan versi 3.0 library ini, yang membuat banyak upgrade signifikan pada ekosistem Polymer. Kami telah menyelesaikan dukungan untuk menggunakan npm sebagai sistem manajemen package dan modul ES6 sebagai unit komposisi, sehingga memudahkan penggunaan komponen web yang berbasis Polymer bersama berbagai framework dan fitur pengembangan web favorit Anda lainnya.

Kami juga memperkenalkan LitElement, sebuah class dasar komponen web baru yang mengombinasikan kemampuan ekspresif dari Lit-HTML dengan komponen web agar lebih mudah lagi membuat komponen reaktif ringan dengan menggunakan sintaks template modern dan ekspresif.

Kami juga merilis PWA Starter Kit, sebuah titik mulai yang komprehensif untuk membangun PWA berbasis komponen web yang cepat, andal, responsif, mendukung tema, dan meraih nilai tinggi dalam Lighthouse PWA dan kriteria kinerja.

Angular
Di I/O tahun ini, tim Angular menyampaikan ringkasan atas pertumbuhan komunitas, dan menyinggung sebagian kemampuan menarik baru yang telah hadir di framework inti, CLI, dan library Angular Material dalam versi 6. Angular digunakan oleh jutaan developer dan telah membangun momentum sangat besar serta ekosistem yang fantastis. Beberapa perintah baru yang dirilis dalam versi 6, seperti `ng update` dan `ng add` akan membuat aplikasi Anda terus mengikuti perkembangan dan membantu developer bergerak lebih cepat sementara tim Angular terus menyeimbangkan stabilitas dan inovasi.

Tim Angular juga memberikan sebuah bocoran mengenai beberapa peningkatan yang mereka buat di balik Angular dengan Project Ivy. Hal ini akan membuat Angular jadi lebih mudah di-debug dan lebih cepat dikompilasi serta dijalankan, dalam cara yang bisa digunakan pada aplikasi yang sudah ada. Tim telah mendemonstrasikan kegunaan peningkatan ini dalam bentuk aplikasi kecil Hello World di mana beberapa fitur Angular yang tidak terpakai secara otomatis dihapus dari paket JavaScript aplikasi.



Misi kami di Google dan di Chrome adalah untuk bekerja sama dengan komunitas untuk membuat pengalaman yang cepat, terintegrasi, bisa diandalkan, dan memikat. Kami sangat terkesan oleh kemampuan hebat baru yang hadir di platform web terbuka, dan seperangkat fitur lengkap yang memungkinkan Anda dengan cepat membangun situs berkualitas tinggi bagi pengguna. Untuk terus mengikuti kemajuan terkini di web, kunjungi portal developer kami atau periksa berbagai pembahasan dari I/O tahun ini di saluran YouTube untuk Google Developers. Dan kami akan senang berjumpa dengan Anda pada Chrome Dev Summit yang sebentar lagi akan diadakan tahun ini.

Ditulis oleh Malte Ubl dan Ben Galbraith