10. October 2018

Yang sering terlewat oleh developer ketika mengembangkan PWA

PWA (Progressive Web Apps) memang sepertinya menjadi satu hal yang sering terjadi simpang siur antar satu developer dengan developer lain pun antar satu perusahaan dengan perusahaan lain baik dalam hal implementasi maupun dalam hal pemahamannya sendiri.

[caption id=”” align=”aligncenter” width=”640”] Yang sering terlewat oleh developer ketika mengembangkan PWA[/caption]

Untuk mem-break down lebih dalam, mari kita sama-sama mundur ke belakang dengan memahami kenapa PWA itu ada atau dibutuhkan.

Pada mulanya kita mesti tau bahwa pengguna internet semakin kesini memang semakin mobile, ini ditunjukkan dengan data bahwa pengguna yang menggunakan mobile device semakin mendominasi diantara keseluruhan pengguna. Sayangnya pertumbuhan pengguna ini tidak dibarengi dengan baiknya kualitas yang harus pengguna dapatkan ketika mengakses internet lewat mobile, hal ini tentu berbanding lurus dengan device yang digunakan dimana menjadi salah satu penentu baik tidaknya juga pengalaman yang akan mereka rasakan ketika mengakses internet. Keberagaman dan keterbatasan mobile device diperparah dengan kondisi jaringan yang memang belum merata di beberapa negara termasuk di Indonesia. Sebagian pengguna mobile device terutama di negara berkembang seperti Indonesia masih berkutat di jaringan slow 3G yang tentunya masih terbatas soal kecepatan akses data.

more

01. October 2018

Pengetahuan dasar untuk mempercepat loading sebuah website

Berbagai pengetahuan dasar yang bisa kita pelajari dan optimalkan dalam memuat halaman website.

[caption id=”” align=”aligncenter” width=”1600”]Pengetahuan dasar untuk mempercepat loading sebuah website Image source: https://developers.google.com/web/tools/chrome-devtools/network-performance/reference[/caption]

Pernahkah kita merasa frustasi dengan bagaimana browser memuat website yang sudah kita buat dengan susah payah? Pernahkah kita merasa sudah melakukan berbagai optimasi di website kita namun hasilnya tetap saja tidak memuaskan? Nah, untuk mengetahui apakah hal yang sudah kita lakukan berada pada jalan yang benar maka pada tulisan ini kita akan sama-sama belajar memahami bagaimana browser memuat sebuah halaman website serta berbagai hal yang bisa kita optimasi dari website kita untuk memperbaiki performa rendering website kita di browser.

more

05. June 2018

Mengenal Intersection Observer

[caption id=”” align=”aligncenter” width=”800”] An Intersection. Image Source: https://searchengineland.com/[/caption]

Dari developer.google update bulan april 2016 disini, Intersection Observer pertama kali di release ke user di chrome versi 51. Lalu sebenarnya apa sih Intersection Observer ini? Lantas apa juga hal yang membuatnya menjadi menarik untuk kamu coba? Berikut akan kita bahas berbagai hal mengenai Intersection Observer.

📒 Apa itu Intersection Observer?

Intersection Observer (IntersectionObserver) merupakan sebuah interface dari Intersection Observer API yang menyediakan cara asynchronous untuk memantau (observe) perubahan intersection dari elemen target terhadap viewport maupun elemen ancestor.

more