{"id":7799,"date":"2020-08-24T15:45:56","date_gmt":"2020-08-24T08:45:56","guid":{"rendered":"http:\/\/crocodic.com\/?p=7799"},"modified":"2021-10-05T10:17:54","modified_gmt":"2021-10-05T03:17:54","slug":"progressive-web-apps-mulai-darimana","status":"publish","type":"post","link":"https:\/\/crocodic.com\/en\/progressive-web-apps-mulai-darimana\/","title":{"rendered":"Progressive Web Apps, mulai dari mana ?"},"content":{"rendered":"

Berbicara tentang Progressive Web Apps (PWA), kebanyakan orang mengatakan\u00a0untuk bisa memiliki Applikasi PWA, website<\/a> kita harus mempunyai SPA atau Single Page Application, atau harus menggunakan framework<\/a> modern seperti reactJS, Angular, Polymer dan yang lainnya. Sehingga banyak Software house<\/a> yang merasa bahwa mereka tidak bisa menerapkan PWA karena masih menggunakan PHP dan Ruby Framework (Service Rendered Framework).\u00a0 Padahal berbicara tentang PWA, tentu yang utama adalah progressive atau peningkatan pengalaman user secara bertahap. <\/p>\n\n\n\n

<\/p>\n\n\n\n

Nah pertanyaannya, dari mana sebenarnya kita mulai untuk membuat sebuah Progessive Web Apps?<\/p><\/blockquote>\n\n\n\n

Untuk memulai membuat Aplikasi<\/a> PWA yang harus perhatikan :<\/p>\n\n\n\n

Keamanan HTTPS <\/strong><\/h2>\n\n\n\n

Keamanan HTTPS disini adalah pondasi dasar untuk membuat aplikasi PWA. Keamanan di web menjadi prioritas penting, dikarenakan banyak isu tentang content hijacking<\/em>, phising<\/em> dan isu- isu lainnya. Dan juga kebanyakan fungsi dari PWA hanya dapat dijalankan di HTTPS saja.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

<\/strong><\/p>\n\n\n\n

Tingkatkan kecepatan Loading dan Respon<\/strong><\/h2>\n\n\n\n

Kecepatan loading dan respon adalah bagian penting untuk mengoptimasikan PWA. Yang dimana tanpa kecepatan maka rata-rata pengguna akan menginggalkan. Bahkan data<\/a> yang ada menyebutkan 3 detik website tidak tampil, 53% pengguna akan pergi.<\/strong><\/p>\n\n\n\n

\"\"
https:\/\/www.doubleclickbygoogle.com\/articles\/mobile-speed-matters\/<\/a><\/figcaption><\/figure><\/div>\n\n\n\n

<\/strong><\/p>\n\n\n\n

Memasang dan memanfaatkan Service Worker<\/strong><\/h2>\n\n\n\n

Apa itu Service worker<\/em>? Service worker adalah komponen yang merupakan deprogram dan berada di antara browser<\/em> dan web server. Dengan memasang service worker maka kita dapat melakukan cache<\/em> pada resource<\/em> yang dibutuhkan dan dengan service worker<\/em> memungkinkan aplikasi tetap bisa diakses walaupun dengan internet tidak stabil serta offline<\/em>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Demikian adalah hal-hal yang harus diperhatikan untuk memulai membuat Progressive Web Apps<\/em>. Disini saya juga membagikan link berisi pembelajaran tentang PWA<\/strong> yang saya dapatkan pada saat event Workshop PWA yang diadakan di Jogja.
https:\/\/drive.google.com\/drive\/u\/0\/folders\/0B55wxScz_BJtV1lGbTBOYlhLTVk<\/a>
<\/p>\n\n\n\n

Crocodic<\/a> menyediakan Jasa Pembuatan Website custom<\/em> baik untuk kebutuhan company profile, atau sebagai pengganti mobile apps<\/a>. Kontak kami disini<\/a>, kami akan membantu menemukan solusi yang tepat untuk bisnis anda.<\/p>\n\n\n\n

\"\"<\/figure><\/div>","protected":false},"excerpt":{"rendered":"

Berbicara tentang Progressive Web Apps (PWA), kebanyakan orang mengatakan\u00a0untuk bisa memiliki Applikasi PWA, website kita harus mempunyai SPA atau Single Page Application, atau harus menggunakan framework modern seperti reactJS, Angular, Polymer dan yang lainnya. Sehingga banyak Software house yang merasa bahwa mereka tidak bisa menerapkan PWA karena masih menggunakan PHP dan Ruby Framework (Service Rendered […]<\/p>\n","protected":false},"author":30,"featured_media":8919,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[355],"tags":[344,346,233,96],"class_list":["post-7799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-crocodic-dec","tag-mobile-apps-developer","tag-progressive-web-apps","tag-web-development","tag-website"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t