Blazor peforma mu gak bahaya ta??

Dan yes… pada akhirnya kesampaian juga ngebuat post ini , ya apalagi kalau bukan sekilat inpo…… dari pengalaman pribadi kita aje yess…. dan pada kali ini kita akan ngebahas teknologi besutan micsrosoft dalam membangun situs, dan banyak juga web developer yang menggunakan nya, sapa lagi kalau bukan blazor.

Seakan gak mau kalah ama yang lain nya yes.. microsoft sendiri turut meramaikan dunia web development dengan mengeluarkan andalan mereka yang dipercaya modern dan tentunya mengikuti era trend teknologi dengan single page application dan mampunya untuk dipergunakan dengan PWA konsep ya sempurna banget lah kalau kita rasa yes… jadi benar benar buat rame juga nih , selain ada react beserta gerombolan nya yang top plus angular dan svelte, bingung bingung dah lu wahai para developer.. awokwokok…….

Perlahan mulai deh belajar tuh , gimana sih teknologi ini digunain dan bagaimana pula peforma nya juga, tentunya selain hobi untuk utak atik tekno web development kita juga banyak mempelajari prilaku nya juga, ya apalagi kalau bukan untuk riset dan analisa khusus nya kebutuhan… yo know lah…. SEO

Jadi mereka ini sendiri ada dua versi ya. versi pertama SERVER-CLIENT concept, yang kedua versi WEB ASSEMBLY.

Nah apa beda nya tuh bang ??

1. Versi server arttinya kamu ngebutuhin server hosting tentunya berbasis win ya pada hositng kamu , kebutuhan server ini buat ngejalanin dan run web app kamu sendiri. jadi untuk cost bisa dibilang mayan ngerogoh kocek kamu untuk versi ini, 2 Versi Web Assembly adalah skema yang seperti kita build production dulu untuk kemudian kita ke push ke modern static host, jadi versi ini bisa kita deploy ke firebase, vercel, netlify , cloudflare dan lain sebagainya asalkan modern static hosting. versi ini sendiri lebih murah makanya banyak yang make juga. sesuain kantong lah.. wkwkwk…

Lanjut… dan pada akhirnya kita ngebangun tuh beberapa project berbasis blazor ini baik pakai server maupun wasm versi.

Awal develop nya takjub juga sih.. hampir sama konsep nya ama react , angular , svelte dan lain , mengadopsi skema single page application dan dapat juga kita gunakan progresive web application untuk deploy nya.

Kita juga ada source code di github repo kita kamu bisa download gratis juga untuk belajar dan kamu kembangin, misalnya pengen ngebuat website dengan blazor , monggoo…..

Blazor Server Rendering

Ini adalah versi server , jadi untuk menjalankan nya atau kalau kamu pengen online kan website kamu, maka kamu perlu untuk menyewa hosting berbasis windows dalam bekerja ya.. tapi ini bisa kamu gunain kalau kamu pengen belajar server version pada localhost aja kok. tinggal klik download source code dan pelajari dokumentasi nya doang.

Versi Server Rendering Download source code nya →

Blazor Webassembly

Modern era dengan pengembangan versi terbaru berbasis wasm atawa webassembly, ini adalah perkembangan dari versi server lawas kita sebelum nya , cek diatas yess.. nah disini kita kembangin lebih cakepan lagi deh, jadi kamu bisa download dan menjalankan nya ke modern static cloud hosting ya . seperti cloudflare, netlify ,vercel sampai firebase . gimana cara penggunaanya ?? klik dan download link dibawah ini untuk mendapatkan source code gratis nya lengkap dokumentasinya.

Versi WebAssembly Download source code nya →

Blazor Landing Page WASM

Mau nya lain daripada yang laen dong… yapp.. pada akhirnya kita develope juga versi landing page nya, supaya bisa ngebantu kamu buat membangun website berbasis microsoft teknologi dengan landing page desain yang unik dan menarik. gimana cara penggunaan , klik aja deh link dibawah ini nanti kamu akan bisa unduh kode nya dan dokumentasinya juga.

Versi WebAssembly Landing Page Download source code nya →

Nah setelah deploy ke live server, bagaimana kah hasilnya ?? secara kan kek nya kalau kita lihat itu normal banget sih,, tapi dibalik itu semua ternyata oh ternyata…. ada yang janggal nih ?? apa itu ?? peforma nya….

Note : peforma ini di versi terbaru sesuai dengan update post ini per tanggal 26-06-2023 ya.. dan semoga mendapatkan perhatian yang lebih untuk team pengembang nya juga , agar dapat memperbaiki issues ini, untuk ngebantu dalam mendukung SEO nya.

makanya kita buat nih post Blazor peforma mu gak bahaya ta?? , bukan bermaksud menjelekan ya, tetapi emang ini lah keadaan nya bos kuh… dan beberapa developer juga merasakan nya loh…

Secara fungsional codding seperti biasanya kita selalu terapin injeksi script SEO , termasuk title, description dan meta tag sampai ke opengraph dan twittercard, so… masalah bukan disana, tetapi sekali lagi lebih ke peforma nya yes….

masih penasaran kah ?? untuk awal kita coba deh ke search console web developer ,daftarin dulu situs nya.

Oke.. kita daftarin dulu lah… semua blazor web kita, kebetulan ada 6 web berteknologi blazor yang uda kita deploy ke berbagai hosting juga kok. lalu apa………

Tinggal test drive aja deh halaman situs kita disana…. dan tunggu beberapa menit yes… nanti kita diberitahu kok gimana gimana nya gitu…

Weitss….. lah kok… loh kok… dan yes… ini adalah kenyataan nya bos kuh… semua site kita yang di bangun menggunakan blazor rata rata sama seperti ini, mungkin kelamaan kali yes.. atau gimana nya ya gak tau saya… jangan tanya saya… awakwakak….

Dan issues ini bukan cuma dari kecurigaan kita aja, setelah telusur dan menelusur kita juga ngedapatin kasus serta masalah yang sama pada peforma nya.

ada beberapa solusi untuk mengatasi solved issues ini kamu cek dilink ini. https://github.com/dotnet/aspnetcore/issues/29303

Kita uda coba terapin juga but… sekali lagi tidak membantu , dan skor juga tumbang gitu sih… padahal kita tes ke tech lain nya masih mampu ngedapatin skor bagus . I Don’t Know lah…

Beberapa masalah yang sama kita temukan serta sedikit kisi kisi jawaban nya… di mari https://github.com/dotnet/aspnetcore/issues/42284

Jadinya gimana nih… ini memang issues pada peforma untuk mobile nya yes.. jadi skornya jadi aduhai gitu… tidak menutup kemungkinan ke depan di versi terbaru team mereka akan memperbaiki itu semua, tanpa kita settup ini itu jadi tinggal pakai gitu sih kek framework dan library lain misalnya yess…

Bisa jadi karna penggunaan versi nya mempengaruhi yes… pada kasus kita ini makai webassembly version, entah jika menggunakan versi server nya, apakah masih sama aja apa beda ?? kalau kamu penasaran bisa deh kamu coba dan develope versi server nya , lalu kalau ada update hasilnya bisa juga komen dimari yes…

Sekali lagi ,post ini hanya sebuah coretan bukan untuk menjatuhkan ya.. tapi lebih ke curhatan secara fakta aja sih..

Secara fungsional karna kebutuhan untuk webapp web developer dan tentunya peforma juga menjadi perhatian khusus. semoga kedepan team blazor dev memperbaiki dan bahkan menyempurnakan nya.

BONUS :

• Source code project kita download gratis disini →
• Belajar kode tipis tipis dimari →