Suatu hari tanpa JavaScript: apa yang bisa salah?

gambar

Kami menawarkan kepada Anda terjemahan artikel ironis oleh Charlie Sonniesedge, seorang spesialis dalam pengembangan web dengan fokus pada aplikasi yang sangat dimuat. Pada satu titik, Charlie memutuskan untuk mematikan JavaScript di browser-nya dan melihat apa yang salah. Tidak semua orang berani dalam "eksperimen" yang berani ini, jadi mari kita baca apa yang dia lakukan.

Saya benar-benar tidak menyukai mereka yang mengandalkan JavaScript yang rapuh untuk sisi klien, sementara ada banyak alternatif lain. Dengan cara yang sama, saya tidak akan berharap hanya satu layanan taksi ketika saya pergi ke bandara untuk penerbangan yang sangat penting. Jika ada kemungkinan lain - mengapa tidak menggunakannya?

Skillbox merekomendasikan: Kursus pendidikan online "Pengembang Java Profesi" .
Kami mengingatkan Anda: untuk semua pembaca "Habr" - diskon 10.000 rubel saat mendaftar untuk kursus Skillbox apa pun menggunakan kode promosi "Habr".

Bagi saya ini adalah masalah keanggunan dan kesederhanaan alih-alih komplikasi yang tidak perlu.

Terlalu banyak tab


Jadi, percobaan keras saya dimulai dengan fakta bahwa saya membatasi diri untuk sudah membuka tab di browser. Orang normal memiliki 2-3 di antaranya, tetapi dalam kasus saya ini adalah 17 dermillion tab, karena saya sering menderita Masalah tidak menutup.

Serius, saya tidak pernah menutupnya. Saya mencoba hal-hal seperti One Tab, tetapi saya tidak bisa membatasi diri - biasanya saya memiliki 2-3 lusin tab terbuka, yang masing-masing saya katakan pada diri sendiri: "Saya membiarkannya untuk dilihat nanti." Mari kita akui bahwa saya perlu perawatan dan terus maju.

Jadi, tidak ada yang super orisinal dalam percobaan saya. Saya hanya mematikan JavaScript di browser dan memuat ulang situs, tidak lebih. Untuk menonaktifkan JS dengan cepat hanya dengan satu klik, saya menggunakan Chrome dan ekstensi Toogle JavaScript, diunduh secara ironis melalui toko web Chrome, yang hanya berfungsi dengan JS.

Untuk Anda, pembaca yang budiman, saya membuka tab ini di jendela baru, jadi Anda tidak perlu khawatir, mencoba melihat masing-masing dari beberapa lusin.

Kesan pertama


Bagaimana ini? Hanya beberapa menit setelah menonaktifkan JS, kesan pertama saya adalah: "Ya Tuhan, semuanya sangat cepat tanpa JavaScript." Selain itu, tidak ada iklan, tidak ada unggahan video acak di berbagai situs. Tidak ada sampah seperti "APAKAH ANDA TIDAK INGIN BERLANGGANAN?" Itu muncul di saat yang paling tidak terduga.

Tetapi jika semuanya begitu baik, saya akan menyerahkan JS selama sisa hidup saya. Sayangnya, tanpa JavaScript, banyak hal tidak berfungsi: menu drop-down, formulir, peta, dan banyak lagi. Dan gambar-gambar tidak ingin terbuka dalam ukuran penuh, jadi ini adalah masalah.

Situs


Ayo mulai! Saya telah membuka pilihan situs yang cukup representatif, jadi mari kita lihat bagaimana mereka berperilaku tanpa JS.

Feedly



Pancake pertama kental - hanya halaman putih. Ayo, makan.

Oh tidak, maaf. Bisakah kita kembali dan memulai lagi? Saya suka menggunakan Anda dalam posting saya.

Tapi kenapa kamu tidak bekerja? Pengembang Anda harus menawarkan versi HTML dasar layanan dan menggunakan fitur-fitur canggih seperti ... hmmm, tautan jangkar untuk bernavigasi di antara artikel. Tapi tidak, ternyata layanan ini hanya bisa digunakan dengan JS diaktifkan.

Putusan: kami masih akan membahas hubungan kami.

Twitter



Twitter terlihat hampir normal (dengan jumlah konten yang biasa), tetapi itu hanya beberapa detik. Kemudian datang pengalihan ke mobile.twitter.com (ke versi lama, tentu saja, tanpa React Anda ini). Ini mengecewakan - setelah semua, situs dapat bekerja dalam mode normal dan tanpa JS. Anda dapat menggunakan navigasi yang berfungsi dalam versi seluler, dengan parameter seperti "? Max_id = 871333359884148737" yang menunjukkan seperti apa tweet terakhir dalam daftar. Sederhana dan elegan.

Putusan: bisa dilakukan dengan lebih baik.

Google chrome



Halaman unduhan Chrome umumnya menolak untuk memuat, kami melihat layar putih.

Huh.

Putusan: tidak, Chrome bukan untuk Anda, javascriptophobia kotor!

YouTube



YouTube jelas ingin memuat dan bekerja. Ya, sangat ingin. Tetapi dalam mikrodetik terakhir semuanya berhenti dan tidak ada video, tidak ada pratinjau, tidak ada komentar (meskipun dalam kasus terakhir ini baik).

Putusan: Saya tidak bisa melihat "My Drunk Kitchen" atau Superwoman.

24 cara



Situs ini telah terbuka di salah satu tab saya selama sekitar enam bulan sekarang. Ya, itu untuk Anda sendiri, tapi permisi, oke?

Tapi itu terlihat hebat tanpa javascript. Semua elemen animasi ada di tempatnya (karena fakta bahwa mereka digambar menggunakan CSS), navigasi berfungsi, semuanya baik-baik saja.

Putusan: kerja keren. Smoooooth. Jazzz.

Netflix



Saya menggunakan NetFlix untuk meyakinkan teman saya untuk menonton Star Trek. Sejauh ini, saya belum bisa melakukan ini. Mengapa Nah, salah satu alasan terdengar seperti β€œTasha tidur dengan Tuan Data? Tapi itu seperti berhubungan seks dengan microwave. ”

Bagaimanapun, NetFlix tidak bekerja tanpa JS. Ya, judulnya sedang dimuat. Tapi saya mengerti mengapa mereka tidak menggunakan HTML5 - DRM dan itu saja.

Putusan: Hanya JavaScript yang menjadi hit di musim ini.

NY Times




Saya tidak tahu mengapa saya membuka tab ini, tetapi karena saya telah membukanya selama bertahun-tahun, saya tidak terkejut.

Tanpa JS, situs web NY Times dimuat dalam 561 ms, volume data adalah 957 kb. Dewa, ini yang harus kita anggap normal! Setelah semua, dengan JavaScript diaktifkan, memuat membutuhkan 12.000 ms (12 detik!), 4 MB data dimuat. Dan sebagai bonus, kami mendapatkan buket penuh iklan riang.

Banyak gambar memuat dengan sangat lambat, beberapa tidak memuat sama sekali ketika JS dinonaktifkan, menunjukkan ikon gambar yang tidak dapat diakses. Tapi tetap saja, saya bisa membaca semua artikel.

Putusan: gagal ... tidak berfungsi. Kesedihan!

Berita Bbc



Saya membuka tab ini setelah serangan teroris di London. Situs tanpa JS berfungsi dengan baik. Ini lebih merupakan versi seluler, tetapi semua aturan.

Putusan: bagus.

Pencarian Google



Tanpa JS, pencarian Google berfungsi tanpa masalah.

Yah, tidak ada pelengkapan otomatis, desainnya ala 2000-an, tapi secara keseluruhan semuanya baik-baik saja, fungsi dasarnya berfungsi.

Putusan: dapat diandalkan.

Wikipedia



Seperti biasa, Wikipedia tidak mengecewakan. Versi ini tidak dapat dibedakan dari versi dengan JS diaktifkan. Tetap Tenang, Wikipedia!

Putusan: sahabat terbaik sepanjang masa.

Amazon



Situs ini terlihat belum selesai tanpa JS. Ada banyak konten di halaman, tetapi lokasinya tidak terkontrol. Tetapi Anda dapat mencari produk, Anda dapat meninggalkan ulasan. Anda bahkan dapat menambahkan produk ke keranjang dan membayar.

Putusan: Hutan Amazon.

Google maps



Google Maps dapat disebut layanan satu halaman. Dan layanan ini sepenuhnya bergantung pada JS. Tapi, pengembang, itu mungkin untuk melakukan setidaknya sesuatu, yah, bagaimana bisa begitu? Tidak ada yang berhasil.

Putusan: bencana kartografi.

Putusan akhir


Eksperimen itu membuat saya menghormati situs yang hanya berfungsi - pencipta mereka melakukan pekerjaan dengan baik. Tapi entah kenapa aneh melihat bahwa situs tersebut dapat secara perlahan bekerja pada workstation yang kuat dengan JS dihidupkan dan itu baru mulai terbang dengan dimatikan.

Yang terburuk, setelah menonaktifkan JS, Anda mulai menyadari berapa banyak semua jenis sampah yang dimuat dalam proses. Sekarang saya mengerti di mana gigabyte lalu lintas seluler saya berjalan begitu cepat.

Saya percaya bahwa membuat situs yang dapat bekerja tanpa JS sangat mungkin. Saya ingin berselancar di jaringan yang tidak memiliki JavaScript sama sekali. Sial, ini pilihan saya sebagai pengguna biasa! Ini adalah web, bukan App Store untuk JavaScript, kita harus yakin bahwa semuanya selalu berfungsi pada perangkat apa pun dengan fungsi paling dasar.

Saya pikir saya akan menonaktifkan JS lebih jauh - hanya di luar prinsip.

Skillbox merekomendasikan:

Source: https://habr.com/ru/post/id422213/


All Articles