Yang Web Developers Harus Tahu #5

Who love Monday?? Nah sudah memasuki Februari dan saatnya untuk update terbaru untuk kalian biar tetap tahu perkembangan di dunia web. Kali ini bagian artikel menarik kami ubah menjadi konten menarik karena beberapa konten bukan cuma berupa tulisan tapi juga berupa video. Dan ini dia yang kalian harus tahu sebagai web developers. Have an amazing week guys!

Berita Terbaru

Ranking Google Search akan terpengaruh oleh page speed
Sebelumnya page speed sudah berpengaruh pada ranking hasil pencarian Google Search, tapi hanya di desktop. Berhubung data menunjukkan bahwa kecepatan sebuah halaman adalah hal yang penting, maka per Juli 2018 search ranking pada mobile juga akan dipengaruhi oleh page speed. Jadi segera tingkatkan halaman website kalian di mobile.

WebAssembly code dikompilasi lebih cepat dengan streaming compiler di Firefox

JavaScript merupakan salah satu faktor yang menggunakan sumber daya paling besar dalam menampilkan sebuah halaman website. Salah satu kelemahannya adalah JavaScript baru bisa di-parsing dan dikompilasi setelah file selesai di-download. Dengan streaming compiler pada WebAssembly, kode akan siap dijalankan karena kode sudah mulai dikompilasi dari byte pertama diterima tanpa harus menunggu byte codes selesai di-download.

Chrome user experieces report sudah tersedia per negara

Laporan yang sebelumnya dirilis dan bisa digunakan langsung di Big Query sekarang sudah dilengkapi dengan laporan per negara termasuk Indonesia. Ini memudahkan untuk melakukan query dan melihat insight spesifik pada suatu negara.

Progressive Web App di Firefox 58 Quantum
Add to homescreen yang merupakan salah satu fitur utama dari aplikasi Progressive Web App(PWA) diluncurkan di Firefox 58 bersamaan dengan deretan fitur lainnya termasuk streaming compiler di WebAssembly yang sudah dibahas di atas.

Konten Menarik

Journey to create a web-app to load under 50KB

Tantangan web developer saat ini adalah bagaimana membuat website bisa tampil dan interaktif dalam 3 detik. Dan cara ini tidak mudah karena untuk bisa mencapai itu batas maksimal ukuran website adalah 50KB. Dan untuk lebih baik lagi, harus bisa interaktif dalam 3 detik dimana batas maksimal ukuran website kita adalah 50KB. Di artikel ini, Toni Google Developer Expert of Web Technology mencoba menunjukkan bagaimana dia mencoba membuat website dengan ukuran kurang dari 50KB.

Payment Request API di Microsoft Edge
Payment Request API bisa menjadi solusi untuk kompleksitas flow pembayaran di mobile. Di video ini, Microsoft Edge menunjukkan bagaimana kalian bisa menggunakan Payment Request API di website kalian untuk mengumpulkan informasi yang dibutuhkan dalam proses checkout seperti data pengiriman dan pembayaran.

Tantangan buat para web developers
Paul Kinlan, lead dari Chrome dan Web Developer Relation team di Google menuliskan tantangan apa saja yang dialami oleh para web developers di seluruh dunia. Kalau kalian web developers, mungkin frustasi yang kalian rasakan bukan cuma ada di kalian, tapi juga di web developers lainnya. Kalian tidak sendirian.

Search Engine Optimization di Single Page Application(SPA)
Salah satu kekhawatiran developer pada saat ingin mengimplementasikan PWA dengan app shell architecture adalah apakah tetap bisa di-index oleh search engine. Artikel ini membahas bagaimana mengoptimalkan SPA kalian terutama di Polymer agar tetap bisa di-index oleh Google Search. Walaupun pembahasan dengan Polymer tapi secara teknis tetap bisa diaplikasikan di framework lainnya.

Menggunakan fungsi Chrome Dev Tool secara programmatically
Masih terkait Puppeteers, artikel ini menunjukkan bagaimana kalian bisa menggunakan fungsi di Chrome Dev Tool dan membuat script yang bisa dirancang untuk menganalisa web kalian. Kalian bisa menghitung ukuran file setiap jenis assets seperti CSS, gambar, dan JavaScript, atau menganalisa CSS dan JavaScript yang tidak terpakai di sebuah halaman, dan fungsi lainnya.

Tools, Frameworks, dan Libraries

Webpack 2017, a year in review
Tahun 2017 adalah tahun di mana Webpack menjalani transisi besar menjadi produk jangka panjang. Di tulisan ini Sean Larkin mencoba menuliskan apa saja yang terjadi dalam setahun terakhir selama 2017. Dimulai dari pembentukan team contributor, hingga perjalanannya mencapai versi 4.

Puppeteers rilis versi 1.0
Puppeteers adalah NodeJS library yang digunakan untuk mengontrol Chrome Headless. Dan mereka baru saja merilis major version 1.0. Dengan Puppeteers 1.0 ini kalian bisa mengotomasi apa yg ingin kalian lakukan pada halaman web. Misalnya screenshot, generate PDF, automation testing, atau prerender untuk SPA.

Parcel rilis versi 1.5
Parcel, salah satu web application bundler yang fokus pada kemudahan tanpa konfigurasi merilis versi terbaru 1.5 setelah 2 bulan baru merilis versi 1.0. Selain mudah, proses bundle-nya juga diklaim sangat cepat. Pada rilis ini salah satu yang patut diperhatikan adalah dukungan pada WebAssembly yang memungkinkan untuk menggunakan script Rust langsung di aplikasi.

Yang Web Developers Harus Tahu #5 was originally published in WWWID on Medium, where people are continuing the conversation by highlighting and responding to this story.