Kecepatan menjadi salah satu dari empat prinsip utama Chrome, sejak pertama kali diluncurkan sepuluh tahun yang lalu. Kami selalu ingin menyediakan semua yang dibutuhkan developer web untuk memberikan pengalaman web yang menarik dan cepat kepada pengguna. Pada ulang tahun Chrome yang ke-10, kami berpikir, akan menyenangkan melihat apa yang telah kami lakukan untuk meningkatkan kecepatan selama bertahun-tahun ini dan apa yang akan kami lakukan berikutnya.

Banyak komponen dalam browser berkontribusi terhadap kecepatan

V8 adalah mesin WebAssembly dan JavaScript Chrome. Dengan penggunaan JavaScript yang semakin banyak pada halaman web, mesin yang cepat untuk menanganinya merupakan elemen dasar yang penting. Selama bertahun-tahun, kami mengerjakan pipeline eksekusi JavaScript baru untuk V8, meluncurkan Ignition (interpreter baru) dan TurboFan (compiler optimalisasi). Ini memungkinkan kami meningkatkan kinerja pada benchmark Speedometer hingga 5-10%. Streaming skrip memungkinkan kami mengurai JavaScript pada thread latar belakang segera setelah ia mulai mendownload, mempercepat pemuatan halaman hingga 10%. Kami kemudian menambahkan kompilasi latar belakang sehingga mengurangi waktu kompilasi thread-utama hingga 20%.

Bagaimana dengan konsumsi memori? Antara Chrome 63 dan 66, kami berhasil mengamati peningkatan ~20-30% dalam penggunaan memori proses renderer. Sekarang, kami berharap bisa terus mengeksplorasi cara-cara mem-build di sini karena isolasi-situs telah hadir. Ignition dan TurboFan mengurangi jejak memori keseluruhan V8, merampingkannya hingga 5-10% pada semua perangkat dan platform yang didukung oleh V8. Tahun ini, beberapa pencari jejak juga menemukan kebocoran memori yang memengaruhi 7% situs di web, yang kini telah kami perbaiki semuanya. Banyak komponen berkontribusi terhadap kecepatan Chrome termasuk DOM, CSS, dan sistem penyimpanan seperti IndexedDB. Untuk mempelajari lebih lanjut tentang peningkatan kinerja kami, terus ikuti Blog Chromium.

Memberikan developer web kemampuan lebih besar untuk mengukur dan mengoptimalkan halaman web mereka

Memahami di mana harus memulai perbaikan situs Anda bisa menjadi proses yang membosankan. Untuk membantu, kami memeriksa beberapa fitur untuk memahami sinyal lab dan pengalaman sesungguhnya yang dirasakan oleh pengguna Anda. Selama bertahun-tahun, panel Performance Chrome DevTools menjadi cara ampuh untuk memvisualisasikan perincian secara mendetail tentang bagaimana halaman web ditampilkan dalam pengaturan lab. Untuk terus menurunkan friksi dalam menemukan peluang kinerja yang dimiliki situs, kami kemudian mengerjakan Lighthouse - fitur untuk menganalisis kualitas situs web, memberi Anda pengukuran yang jelas tentang kinerja situs dan panduan khusus untuk meningkatkan pengalaman pengguna. Lighthouse bisa langsung diakses dari bagian dalam panel Audits DevTools, dijalankan dari baris perintah, atau terintegrasi dengan produk pengembangan lainnya seperti WebPageTest.

Chrome memasuki usia 10 tahun! Terima kasih telah membuat komunitas pengembangan web begitu terbuka, kolaboratif, dan mendukung. DevTools mendapatkan inspirasi dari project-project lain yang tak terhitung jumlahnya. Berikut adalah sedikit flashback mengenai bagaimana DevTools hadir, dan bagaimana perubahannya selama bertahun-tahun.

Pada awalnya, hadir Firebug

Bayangkan untuk sesaat ketika browser tidak diluncurkan dengan fitur developer. Bagaimana Anda akan men-debug JavaScript? Anda memiliki 3 opsi:
Menambahkan panggilan window.alert() ke seluruh kode Anda.
Memberi komentar bagian kode.
Memandang kode untuk waktu yang lama hingga dewa-dewa JavaScript memberikan Anda sebuah solusi.

Bagaimana dengan masalah layout? Error jaringan? Sekali lagi, yang bisa Anda lakukan hanyalah melakukan eksperimen secara hati-hati dalam kode Anda. Ini adalah realitas pengembangan web hingga tahun 2006. Kemudian fitur kecil bernama Firebug hadir dan mengubah segalanya.

Era "Inspect Element"

Ketika kami memperkenalkan Chrome pada tahun 2008, tujuan kami adalah “terus berevolusi bersama dengan web dan terus mem-build fondasi kuat bagi aplikasi web modern.” Untuk merayakan tahun yang kesepuluh, kami ingin menyoroti beberapa perubahan besar dalam beragam kemampuan web dan kami merasa beruntung bisa berbagi dengan vendor browser lainnya.

Ketika pertama kali halaman ditayangkan di open web pada tahun 1990, orang-orang menyadari bahwa kemampuan untuk menghadirkan konten dinamis akan menjadikan web unik—Anda bisa memberikan informasi dan fungsi hanya dengan membagikan URL. Common Gateway Interface standar dirilis pada tahun 1993 yang menetapkan antarmuka sederhana untuk server web guna menjalankan kode dalam merespons permintaan web. Ini membawa era pengalaman dan kemampuan baru dalam berkomputer, dapat diakses hanya dengan mengklik link. Lompat maju dua tahun ke JavaScript, lalu setahun lagi ke bingkai, khususnya tag <iframe>. Inovasi ini memungkinkan developer memuat konten secara dinamis ke dalam halaman, menghadirkan tingkat interaktivitas baru untuk web, dan meningkatkan ekspektasi pengguna tentang apa yang bisa dilakukan di browser.


Aksesibilitas, dapat di-link, dapat diindeks, dan jangkauan universal akan selalu menjadi kekuatan inti web. Bersama dengan kekuatan super ini, pengguna menginginkan pengalaman yang lebih kaya dan menarik. “Ajax” diciptakan pada tahun 2005 untuk menggambarkan kombinasi XML dan JavaScript tidak bersamaan, yang membentuk web yang lebih interaktif dan modern. Hal ini mengarah pada pembuatan layanan seperti Google Maps, menggabungkan web sebagai cara terbaik untuk menghadirkan pengalaman yang tersedia bagi siapa saja, di perangkat apa pun.


2008 – 2014: Aplikasi web, HTML5, dan dimulainya era seluler

Chrome mengalami kemajuan besar pada tahun-tahun awalnya, dengan sejumlah besar apa yang sekarang disebut “core API” yang tersedia bagi web setelah implementasi WebKit. Elemen video, audio, dan canvas adalah beberapa fitur “web modern” pertama yang masih bisa kita ingat dengan jelas (dan siapa yang dapat melupakan border-radius?). Fitur-fitur ini membawa tingkat interaksi baru untuk pengalaman web, dan artinya developer tidak lagi membutuhkan plugin seperti Adobe Flash atau Java, untuk mem-build media interaktif dan pengalaman grafis. Eksperimen Chrome telah merekam contoh-contoh hebat pengalaman beragam yang merupakan hasil langsung dari kinerja web yang ditingkatkan.

“Web Seluler” benar-benar menghantam dunia pada tahun 2010, dan kami melihat banyak primitif platform baru yang diperkenalkan untuk platform ini (banyak yang terinspirasi langsung oleh Google Gears) untuk membantu mem-build aplikasi web menjadi lebih mudah. Kita sekarang bisa membuat aplikasi yang responsif dan aktif secara offline dengan AppCache dan WebSQL, meminta izin untuk mengakses geolokasi pengguna, bahkan mengetahui orientasi perangkat pengguna.

WebSocket hadir di platform ini pada tahun yang sama, menjanjikan perubahan dalam tipe pengalaman yang bisa diberikan oleh developer di web. Mereka tidak lagi harus menggunakan long polling untuk mengaktifkan saluran dua arah antara pengguna dan layanan; developer sekarang memiliki saluran dua arah dengan API sederhana untuk menyediakan komunikasi real-time.






Plink adalah eksperimen musik interaktif yang menyinkronkan status player lewat websocket.


Empat API utama hadir di Chrome pada tahun 2011. WebGL, Web Audio, dan Fullscreen API memungkinkan kita build pengalaman yang kaya dan imersif dan bisa memanfaatkan seluruh layar. IndexedDB — mekanisme penyimpanan "web pertama kali" yang baru - memungkinkan kita menyimpan dan melakukan kueri objek JavaScript yang dapat diserialkan seperti String, Objek, Array, File, dan Blob dengan lebih efektif.








Chrome Web Lab adalah eksperimen yang menjembatani dunia fisik dan digital. Chrome Web Lab menggunakan Web Socket, video, streaming real-time, WebGL, dan Audio Web untuk menciptakan dunia yang imersif.


Tahun perubahan besar bagi pengalaman pengubah-permainan di web hadir pada tahun 2012. Dengan memanfaatkan WebGL dan Fullscreen, Pointer Lock dan Gamepad API memungkinkan kita build game dan pengalaman web lainnya yang terasa sangat interaktif. Pengumpulan WebRTC API yang mengubah-permainan benar-benar membuat web berbeda dari semua platform lainnya: Ini memungkinkan kita build chat-video P2P dan berbagi data secara real-time, tanpa memerlukan plugin atau tumpukan kepemilikan, dan dapat diakses hanya dengan mengklik link.





Salah satu panggilan pertama WebRTC Chrome pada Android ke Chrome pada Android (Maret 2013)





Hanya dalam tujuh tahun, web berubah secara drastis. Browser menjadi jauh lebih cepat dan berkemampuan, memungkinkan developer mem-build pengalaman yang lebih beragam di desktop. Pengguna mulai mengonsumsi lebih banyak konten di seluler, yang berarti kami semua harus memikirkan kembali bagaimana pengalaman akan berfungsi di berbagai perangkat dan faktor bentuk, bahkan ketika pengguna tidak memiliki konektivitas.


2015-2018: PWA, Extensible Web, dan era integrasi yang lebih mendalam

Pada tahun 2015, kami mengalami perubahan mendasar dalam cara berpikir tentang mengintegrasikan kemampuan ke dalam platform web. Manifesto Extensible Web meminta engineer browser untuk mempertimbangkan platform berlapis yang menawarkan primitif tingkat rendah yang lebih mudah dijelaskan, lebih efisien untuk diimplementasikan dan memungkinkan developer web bisa dengan mudah mem-build abstraksi tingkat lebih tinggi, sehingga meningkatkan modulasi dan ketersediaan fitur baru yang menarik. Pekerja Layanan adalah contoh build dalam API yang mengikuti prinsip-prinsip ini. Pekerja Layanan adalah potongan kecil JavaScript yang berada di antara browser dan jaringan, dan memungkinkan developer memutuskan apa yang harus dilakukan dengan setiap permintaan web.

Kombinasi Pekerja Layanan dan beberapa API baru menandai awal era Progressive Web Apps (PWA). PWA adalah situs berkualitas tinggi yang menggabungkan jangkauan web dengan ekspektasi pengguna yang datang dengan platform bawaan. Secara khusus, PWA...
Cepat—mereka dimuat dengan cepat
Andal—mereka tidak akan menampilkan “downasaur,” bahkan dalam kondisi jaringan yang tidak menentu, dengan memanfaatkan Pekerja Layanan dan Cache API
Menarik—mereka merespons interaksi pengguna secara cepat dengan animasi super halus dan scroll mulus
Berkemampuan—situs terasa seperti ekstensi alami perangkat, dengan pengalaman pengguna imersif yang disediakan oleh fitur seperti “fullscreen” dan mode standalone melalui Manifes Aplikasi Web; mereka memberikan kemampuan untuk mencapai tujuan bisnis tertentu, seperti interaksi ulang melalui fitur Add to Homescreen dan notifikasi Push Web


Seiring dengan PWA yang semakin mapan, begitu pula dengan kemampuan platform ini. Background Sync API meningkatkan peluang developer untuk meningkatkan ketahanan aplikasi mereka. Kami juga mendapat pemahaman yang lebih baik tentang kemampuan jaringan dengan ekstensi untuk Network Information API.

Pointer Events, komponen penting bagi setiap situs web atau aplikasi, hadir di Chrome setelah menunggu lama. Pointer Events menghadirkan model terpadu untuk menangani semua bentuk masukan berbasis gestur, mulai dari sentuhan ke pena hingga pointer mouse.

Pada tahun 2017, integrasi aplikasi web yang lebih mendalam dengan sistem operasi host dan akses aman ke perangkat di sekitar pengguna telah hadir..

Image Capture dan Media Capture API menyediakan akses full-frame dan kontrol atas kamera ponsel, serta sumber masukan lain seperti canvas. Web Share API memungkinkan situs berbagi data secara langsung dengan sistem berbagi bawaan milik sistem operasi.

Web Bluetooth API memungkinkan pengguna dengan aman memilih perangkat Bluetooth LE dan memiliki halaman web yang berinteraksi dengan perangkat tersebut. Web USB API mengaktifkan tingkat konektivitas yang sama, tetapi ke perangkat yang terhubung ke komputer pengguna.


WebAssembly (WASM) membuka banyak kemungkinan. WASM membawa waktu proses yang bisa mengeksekusi kode pada kinerja mendekati-bawaan. Ditambah, ia membuka dunia baru pengalaman di web dengan mengizinkan developer menggunakan basis kode yang sudah ada yang di-build untuk platform lain di platform web.













Web VR datang ke web pada waktu yang hampir bersamaan dengan kedatangannya di platform bawaan. Web VR memungkinkan kita memberikan pengalaman imersif tanpa menginstal aplikasi, yang secara signifikan mengurangi kesenjangan antara aplikasi primitif bawaan baru yang hadir di platform dan yang tersedia di seluruh platform web.


Meneruskan ke masa depan

Kami sangat bersemangat dengan kemungkinan platform web. Web bisa (dan seharusnya) kaya fitur, tetapi kemampuan baru tidak berarti harus lebih kompleks. Pengembangan web harus bisa terprediksi, terkelola, dan dapat dilakukan dengan mudah. API yang akan datang seperti Feature Policy adalah contoh yang sangat bagus dari tambahan tersebut yang akan membantu developer membuat situs menakjubkan dengan cara yang lebih terprediksi, dan menyediakan kontrol dan kustomisasi lebih banyak atas UX fitur browser tertentu. Feature Policy adalah jalur panduan bawaan browser untuk membantu developer web menghindari perangkap awam dan menggunakan praktik terbaik.


Layered API adalah inisiatif lain yang membuat kami bersemangat. Dengan hal itu, developer akan dapat memuat dan menggunakan fitur tingkat-tinggi yang dikirimkan langsung ke browser sebagai modul JS. Misalnya, daripada mem-build komponen scroll-virtualisasi khusus, developer bisa mengimpornya saja dan menggunakan <virtual-scroller> di sebuah situs. Layered API bisa dengan cepat diiterasi oleh badan standar dan diimplementasikan oleh vendor browser, dan akan membantu membuat library standar "prabayar" untuk web. Dan lebih jauh lagi, Houdini dan Web XR API akan secara radikal mengubah pengalaman mengenai apa yang bisa kita build di web dan dengan web.
















Dalam 10 tahun terakhir, kami telah melihat laju peningkatan besar ketika fitur primitif dan kemampuan baru diperkenalkan ke web. Kami berterima kasih kepada semua vendor browser untuk pekerjaan berkelanjutan mereka dalam membuat dan mengiterasi spesifikasi, menggunakan proses yang disederhanakan seperti yang ditetapkan oleh WICG dan berdasarkan prinsip-prinsip dalam Manifesto Extensible Web. Kami akan melanjutkan komitmen kami untuk terus bekerja dengan vendor browser dan ekosistem developer untuk memprioritaskan fitur yang dibutuhkan pengguna, dan memastikan bahwa kemampuan tersebut hadir “melalui web”. Dengan demikian, kami bisa menegakkan misi awal kami, dan pada saat yang bersamaan juga dapat memprioritaskan keamanan pengguna, visibilitas, akses instan, dan jangkauan universal ke semua orang di planet ini.





Inilah masa depan open web yang lebih berkemampuan.


Ditulis oleh Paul Kinlan, the Wizzy Web Warrior.

Anda suka petualangan? Pratinjau fitur Chrome mendatang sebelum dirilis di Desktop, Android, dan iOS.

Apa yang dimaksud dengan saluran Chrome versi Beta?
Chrome versi Beta memungkinkan Anda melihat pratinjau fitur mendatang sebelum dirilis. Anda bisa mendapatkan update mingguan, akses ke fitur dan desain yang mungkin menjadi atau tidak sampai menjadi versi stabil, dan kemampuan untuk mengirimkan masukan lebih awal dalam proses pengembangan.