Anda dapat membuat website tanpa menggunakan javascript

Mari saya mulai dengan mengatakan bahwa sangat konyol berapa banyak JavaScript yang dikirim ke browser tanpa alasan sama sekali, kebanyakan

Ratusan situs web dibangun setiap hari, dan sering kali pertimbangan pertama yang umum adalah “perpustakaan atau kerangka kerja JavaScript mana yang akan digunakan”. Ini menunjukkan bahwa orang hanya menggunakan JavaScript demi menggunakannya meskipun banyak situs web dapat melakukannya dengan baik hanya dengan CSS dan HTML baik sebagian atau seluruhnya

Saya sama sekali tidak menyarankan menghindari JavaScript sepenuhnya dengan artikel ini. Saya yakin Anda dapat mengambil banyak proyek di luar sana dan mengurangi kode JavaScript secara drastis baik sebagian (beberapa halaman atau sebagian halaman) atau seluruhnya tergantung pada jenis situs web

Catatan. ketika saya mengatakan "Tidak Ada JavaScript", maksud saya di sisi klien dan bukan di server

Tidak ada JavaScript. == Situs Web Statis

Sebelum kita melanjutkan, saya hanya ingin memperjelas bahwa “Tanpa JavaScript” tidak sama dengan “Situs Web Statis. ” Sebuah situs web bisa statis dan berisi JavaScript serta dinamis dan tidak mengandung JavaScript sama sekali

• Situs web statis. Situs web yang setiap halamannya memiliki konten tetap untuk dirender. File halaman HTML memiliki semua markup, konten, referensi data dan sumber daya, dan tautan yang diperlukan untuk dilihat di browser. Saat mengunjungi situs web, halaman dibaca langsung dari file dan dikirim ke browser tanpa diurai
• Situs web dinamis. situs web tempat konten dihasilkan secara dinamis saat Anda meminta untuk melihatnya. Konten dapat berupa sisi server atau klien yang dirender, di mana konten halaman dapat bervariasi berdasarkan pengguna, lokasi, atau parameter URL dari permintaan. Ini dapat menggunakan mesin Template Sisi Server atau pustaka sisi klien seperti React

JavaScript dapat digunakan untuk sejumlah alasan, seperti membuat markup HTML, gaya, perilaku UI, dan animasi serta manipulasi data dan komunikasi dengan server. Bergantung pada alasan Anda, banyak dari ini dapat dilakukan tanpa JavaScript dengan manfaat yang besar. Mari belajar lebih banyak

Saya telah melihat banyak situs web di mana semua konten dihasilkan oleh JavaScript di browser, dan terkadang kontennya bahkan tidak dinamis. Ini dapat diterapkan ke beberapa halaman, bagian halaman, atau bahkan ke seluruh proyek web

Segera setelah Anda memutuskan bahwa Anda memerlukan sebuah situs web, penting untuk mempelajari tentang sifat konten situs web tersebut. Ini dapat membantu menghemat waktu dan uang bila dilakukan dengan benar. Anda mungkin menyadari bahwa Anda dapat memulai situs web statis atau proyek sebagian statis dan kemudian berkembang dari sana

Jangan memulai proyek dengan melompat langsung ke perpustakaan JavaScript terlebih dahulu tanpa alasan atau karena Anda yakin itulah yang dilakukan semua orang berdasarkan hype saat ini. Selalu pertimbangkan sifat dan perilaku konten situs web dan rencanakan yang sesuai

Cara tercepat untuk mengujinya adalah dengan menanyakan, "Apakah dua atau lebih pengguna yang berbeda melihat hal yang sama saat mereka mengunjungi URL yang sama?". Jika jawabannya ya, Anda mungkin tidak memerlukan JavaScript dan dapat melakukannya dengan baik dengan situs web statis asalkan hanya menyajikan konten

Ini sering berupa wiki, blog, dokumentasi, pemerintah, bisnis, atau situs web portofolio di antara banyak lainnya. Ini bahkan mungkin termasuk formulir untuk diisi oleh pengguna, yang bahkan tidak memerlukan JavaScript untuk dikirimkan atau divalidasi seperti yang Anda lihat di tutorial ini

JavaScript dapat meningkatkan ukuran situs web Anda, yang dapat membuat situs web Anda memakan waktu lebih lama atau membutuhkan lebih banyak bandwidth untuk dimuat. Untuk pengguna dengan layanan internet yang membayar per bandwidth, ini berarti mereka akan menghindari situs Anda. Jika situs web membutuhkan waktu lebih lama untuk memuat karena JavaScript, pengguna juga cenderung pergi

Pengguna tidak memiliki kesabaran dan tidak akan duduk menunggu situs web Anda dimuat. Jika pengguna target Anda adalah orang-orang dengan batasan internet atau sangat menghargai keamanan dan kecepatan, Anda perlu membuat pertimbangan yang tepat, dan salah satunya adalah "apakah saya memerlukan JavaScript?"

Orang sering berpikir bahwa hanya karena Anda memiliki formulir di situs web, Anda memerlukan JavaScript untuk bekerja dengannya. Yang benar adalah Anda dapat memiliki formulir yang rumit di situs web Anda, dan Anda tidak perlu menulis satu baris JavaScript pun untuk menanganinya

HTML dan CSS sudah cukup untuk memvalidasi dan menangani formulir Anda, dan saat dipasangkan dengan mesin template canggih seperti Pug atau HTML Plus, tidak ada yang tidak dapat Anda capai. Bahkan saat Anda membutuhkan lebih banyak, tidak perlu menginstal pustaka yang rumit atau berat untuk menangani formulir untuk Anda

Banyak situs web melakukan pemrosesan data yang rumit di browser, dan seringkali ada alasan yang jelas untuk itu dan Anda tidak dapat melakukannya tanpa JavaScript, tetapi jika semua data Anda ditangani di server, Anda mungkin memiliki cara untuk menghapusnya

Jika data ditangani di server dan yang dilakukan browser hanyalah menampilkan data tersebut, Anda dapat menggunakan bahasa template untuk SSR halaman Anda dan menggunakan formulir untuk menangani komunikasi data ke server, yang akan mengurangi jejak dan waktu pemuatan situs Anda

Menggembungkan situs web dengan JavaScript yang tidak perlu atau dikelola dengan buruk akan sangat merusak kinerja situs web Anda. Kembali ke gagasan untuk benar-benar mempertimbangkan sifat konten situs web Anda, Anda mungkin menyadari bahwa banyak hal yang mungkin tidak diperlukan dan Anda harus mempertimbangkan kembali strategi Anda.

Ada banyak hal yang mengurangi kinerja situs web Anda dan sejumlah besar JavaScript — terutama yang dikelola dengan buruk — dapat melumpuhkannya

Banyak pengguna mengharapkan fungsi tautan normal seperti “Saya mengeklik tautan, dan saya pergi ke suatu tempat. ”

Perhatikan kebutuhan dan harapan pengguna Anda. Anda mungkin berurusan dengan pengguna yang benar-benar tidak peduli dengan semua pekerjaan ekstra yang Anda lakukan dengan JavaScript untuk membuat semuanya menjadi mewah. Dalam hal ini, mengapa repot-repot menghabiskan waktu dan uang ekstra untuk perilaku yang tidak menambah nilai?

Beberapa situs web dapat menggunakan fungsi tautan tradisional untuk mengubah apa yang ditampilkan di halaman

Interaksi kecil dapat berupa hal-hal seperti perilaku dan gaya UI, yang dapat dilakukan dengan CSS saja. Berhenti dan lihat proyek Anda. Periksa apakah Anda benar-benar melakukan sesuatu dengan JavaScript yang dapat dilakukan dengan CSS dan HTML saja. Jika alasan Anda menambahkan JavaScript adalah untuk fitur tersebut, maka Anda dapat dengan mudah menghapusnya

Tugas kompleks dapat berupa hal-hal seperti mengedit (kode, file, dll), bermain game (interaksi terkait keyboard), input kompleks (pemrosesan kata), seret dan lepas, streaming konten (pembaruan langsung), visualisasi grafik kompleks, (grafik 3D atau interaktif

Interaksi dasar adalah hal-hal seperti mengisi formulir, mengklik tombol, melihat data, menggunakan konten media (tidak ada interaksi yang rumit), dan banyak lagi

Interaksi kompleks apa pun memerlukan JavaScript, yang membawa Anda sepenuhnya ke dunia aplikasi web karena ini adalah situs web yang sarat JavaScript. Jika situs web Anda tidak menawarkan interaksi yang rumit, mulailah dengan sesuatu yang sederhana dan tambahkan seiring berjalannya waktu

Mesin pencari menjadi lebih baik;

Anda dapat mempelajari tentang cara meningkatkan SEO Anda menggunakan JavaScript untuk merender halaman Anda di video ini, tetapi yang terbaik adalah menggunakan rendering sisi server untuk meningkatkan hal-hal dalam aspek tersebut. Jika SEO penting bagi Anda, pelajari dan pertimbangkan SSR sebanyak mungkin

Saat Anda menggunakan JavaScript, ada banyak hal yang perlu dipertimbangkan seperti rendering parsial atau dinamis, pemuatan lambat, penukaran template, perutean pada aplikasi satu halaman, ukuran bundel, dll. Keputusan-keputusan ini membutuhkan waktu penelitian dan perencanaan serta peralatan yang harus dilakukan dengan benar

Saat Anda mengurangi pekerjaan yang perlu dilakukan dengan JavaScript, Anda meningkatkan pengalaman pengembang dan mengurangi biaya serta waktu yang diperlukan untuk menghadirkan situs web secara drastis

Saya menggunakan beberapa teknik saat lepas untuk membimbing klien saya ke arah yang akan menghemat waktu dan uang mereka — serta meningkatkan pengalaman pengiriman saya dengan hasil yang luar biasa. Yang terbaik adalah memulai dari yang sederhana dan membangun darinya

Dengan mempertimbangkan jenis, konten, dan sifat perilaku situs web Anda, Anda akan dapat membuat keputusan tentang cara membangunnya. Ada banyak sekali cara untuk membuat situs web, dan beberapa di antaranya termasuk tidak harus berurusan dengan kode apa pun sama sekali

Sebagai pengembang web, ada begitu banyak hal yang harus dipertimbangkan, yang membuat saya yakin bahwa membuat situs web adalah salah satu bentuk pemrograman yang paling rumit. Oleh karena itu, yang terbaik adalah mengetahui strategi mana yang digunakan untuk membantu pengiriman Anda

Selalu pertimbangkan pengguna, klien, dan pengembang dalam keputusan ini. Anda mungkin menyadari bahwa banyak hal rumit dapat dihindari dan mungkin pekerjaan yang sangat minim diperlukan agar situs web dapat ditayangkan

Menggunakan JavaScript tidak buruk, tetapi bagaimana pengembang mengandalkannya untuk mengirimkan situs web memiliki lebih banyak kerugian daripada keuntungan — jadi lebih bijaksana dalam perencanaan Anda

Apakah JavaScript diperlukan untuk situs web?

Bisakah Anda membuat situs web tanpa menggunakan HTML?

Bagaimana saya bisa membuka situs web tanpa JavaScript?

Apakah semua situs web dibangun dengan JavaScript?