Situs web teknis - Haruskah saya berasumsi bahwa pengunjung saya akan menggunakan browser modern?

18

Saya sedang dalam proses membuat situs web saya sendiri, yang akan mencakup blog teknis. Saya ingin membangun situs web saya menggunakan teknologi modern seperti HTML5 dan CSS3.

Karena situs web saya akan ditargetkan pada programmer dan sebagian besar pengguna yang mengerti teknologi , haruskah saya menerima begitu saja bahwa orang-orang ini akan menggunakan browser modern? Atau haruskah saya membuat situs saya kompatibel dengan browser lama untuk berjaga-jaga?

Saya tidak ingin mengalami kesulitan mengadaptasi situs web saya agar kompatibel dengan browser yang saya anggap tidak akan digunakan.

UPDATE: Saya sudah membaca jawaban sejauh ini dan sepertinya Anda melewatkan detail penting tentang pertanyaan itu. Jadi kalau-kalau itu tidak jelas, harap fokuskan jawaban Anda dengan mempertimbangkan sifat situs:

situs web saya akan ditargetkan pada pemrogram dan sebagian besar pengguna yang mengerti teknologi

Mempertimbangkan hal ini, haruskah saya menerima begitu saja bahwa orang-orang ini akan menggunakan browser modern?

marco-fiset
sumber
1
Sebagian besar perusahaan tempat saya bekerja mengharuskan situs web untuk bekerja dengan IE7 +. Jika pengguna masih memiliki IE6-, itu karena mereka memiliki sedikit minat dalam teknologi.
Evik James
Jadi jika pengguna ini memiliki sedikit minat dalam teknologi, lalu mengapa mereka datang ke situs web saya?
marco-fiset
4
Saya akan merasa aman dengan asumsi bahwa 99% orang yang membaca blog teknologi berada di industri teknologi dan memiliki browser modern dan tahu persis cara menggunakannya.
Evik James
Jika mereka adalah teknisi yang sangat keras, mereka mungkin menjelajahi situs Anda menggunakan lynx:)
Ken Liu

Jawaban:

12

Tambahkan Google Analytics ke situs Anda dan lacak pengguna Anda

Satu-satunya cara untuk mengetahuinya adalah dengan mengumpulkan sampel statistik yang masuk akal tentang basis pengguna Anda. Apa pun yang kurang dari itu hanyalah asumsi tak berdasar.

Untungnya, Google Analytics benar-benar melacak segala hal tentang browser, ukuran layar, kemampuan yang diaktifkan, dll ...

Targetkan Internet Explorer sebagai 'tanda rendah' ​​karena versi didukung lebih lama. Misalnya, siklus dukungan Windows XP tidak akan kedaluwarsa hingga 8 April 2014 sehingga IE 6 tidak akan hilang sampai saat itu.

Jika statistik menunjukkan bahwa hanya sebagian kecil pengguna yang menggunakan IE 6 (atau IE 7) mungkin tidak membenarkan upaya yang diperlukan untuk mendukung browser mereka.

Sedangkan untuk HTML5 yang lebih baru, Anda dapat menambahkan HTML5 shiv ke situs Anda untuk beberapa cakupan peningkatan progresif gratis tetapi membatasi fitur yang lebih canggih (ex HTML5 File API) ke bagian pribadi dari situs Anda sampai browser mengejar ketinggalan.

Evan Plaice
sumber
2
Semua ide bagus. Namun harus ada satu titik ~ yang saya tahu Anda setujui ~ bahwa mengembangkan persentase kecil dan berkurang dari orang adalah buang-buang waktu.
Evik James
@EvikJames Yap, itulah intinya. Saya sengaja membiarkannya terbuka karena tergantung pada konteksnya. Untuk situs media besar seperti Google, mereka memiliki banyak sumber daya dan basis pengguna yang sangat besar sehingga mengabaikan untuk memberikan dukungan browser bahkan 0,5% dari basis pengguna mereka akan memiliki dampak besar. Sebaliknya, jika Anda menjalankan situs kecil dan hanya 0,5% dari 1000 pengunjung unik menggunakan browser lawas, itu mungkin tidak sepadan dengan sumber daya yang didukung. Mengutip Kanye West, "Seperti orang tua pissin, saya kira itu semua tergantung, ohhhhh"
Evan Plaice
Yap, sebagai contoh lain, situs web pribadi saya yang memiliki blog yang berfokus pada teknologi, bersama dengan beberapa foto keluarga masih memiliki 24% lalu lintas sebagai IE8 dengan posting berat yang cukup berteknologi sebagai yang paling populer, diikuti oleh Firefox dan kemudian Chrome (yang sekarang kedua pembaruan otomatis)
Zhaph - Ben Duguid
14

90% atau lebih orang Amerika memiliki gambar, JavaScript diaktifkan, dukungan CSS, dan koneksi yang masuk akal.

Menghabiskan 90% dari waktu Anda untuk mengejar 10% dari dunia yang telah keluar dari jalan mereka untuk tidak mengalami web modern adalah buang-buang waktu.

Evik James
sumber
1
Pertanyaan pengguna adalah tentang penggunaan wajar CSS, JavaScript, dan gambar. Ini bukan tentang membangun situs web yang menyembunyikan semua teksnya dalam gambar dan JavaScript.
Evik James
1
Bahkan jika mesin pencari menggerakkan 90% dari lalu lintas Anda, sebagian besar pengguna tersebut masih akan menggunakan browser modern dan mengaktifkan javascript.
stoj
1
Jika dia tidak bisa mendapatkan peringkat karena mesin pencari tidak dapat membaca kontennya atau peringkatnya buruk, dia tidak akan memiliki pengunjung yang perlu dikhawatirkan.
John Conde
3
@JohnConde Mengapa mesin pencari tidak dapat memberi peringkat situs saya? Ini tidak seperti saya menggunakan flash ...
marco-fiset
1
@JohnConde punya pendapat, sama seperti orang lain di sini. Dia sangat berpengetahuan dan membantu dan menyediakan layanan hebat dengan berada di StackExchange. Saya pikir jawabannya benar-benar sesuai untuk perusahaan dengan tim pengembang web yang berpengalaman. Ini benar-benar tidak pantas untuk satu orang blogging dan pengkodean tentang hal-hal culun.
Evik James
12

Menganggap:

  • JavaScript akan dimatikan
  • CSS3 tidak akan didukung
  • Gambar akan dinonaktifkan
  • Koneksi pengguna akan lambat

Saya tahu bukan itu yang ingin Anda dengar, tetapi sebagai perancang dan pengembang web, inilah kenyataan yang kami hadapi. Tidak hanya akan ada pengguna yang menggunakan browser lama tetapi beberapa dari mereka akan mengubah pengaturan pada browser mereka untuk mengubah perilaku default (mis. Matikan JavaScript).

Anda juga tidak dapat melupakan bot seperti mesin pencari yang akan memiliki dukungan yang bervariasi dan terbatas untuk CSS dan JavaScript. Plus beberapa pengguna akan menggunakan pembaca layar yang terkenal ketinggalan dalam mendukung teknologi terbaru.

Mendukung semua hal di atas sebenarnya jauh lebih mudah dilakukan daripada kedengarannya. Peningkatan progresif adalah prinsip dasar desain dan pengembangan web dan akan memungkinkan Anda untuk menggunakan fitur-fitur terbaru dan terhebat di situs Anda sambil tetap mendukung browser dan pengguna yang belum bisa menangani semuanya.

John Conde
sumber
6
Anda mungkin juga mengatakan bahwa situs web harus dirancang untuk orang tanpa akses internet atau komputer.
Evik James
4
@ Evik Saya tidak berpikir itu adalah inti dari jawabannya. Intinya adalah Anda harus mulai dengan sesuatu yang mendasar dan dapat diakses yang <10% Anda setidaknya akan dapat mengkonsumsi konten Anda. Kemudian membangunnya sehingga 90% melihat sesuatu yang hebat.
DisgruntledGoat
1
@WernerCD, posting asli adalah tentang satu pengguna menulis blog. Apakah Anda menyarankan agar ia mengambil trek yang sama dengan yang diambil StackOverflow dan mempekerjakan tim orang atau bahwa ia mempelajari nuansa setiap browser? Dia harus menghabiskan waktunya untuk blogging dan lebih sedikit waktu coding.
Evik James
1
@WernerCD Programmer lebih cenderung memasang plugin seperti NoScript, yang mematikan Javascript, untuk menghindari halaman 'berat'.
DisgruntledGoat
1
@ Werner Saya pikir "menganggap tidak ada CSS / JS" mungkin cara yang salah untuk menjelaskannya. Ini lebih tentang memulai dengan dasar HTML yang kuat kemudian membangun dengan CSS dan JS. Jika ada beberapa bug dengan CSS / JS di browser yang lebih lama, maka situs tersebut akan tetap berfungsi. Dalam hal ini Anda sekarang dapat mengasumsikan browser modern dan mengabaikan pengujian di browser lama, mengetahui bahwa itu mungkin tidak akan rusak parah bagi 5% pengguna.
DisgruntledGoat
5

Pastikan setidaknya beranda Anda berfungsi dengan baik di setiap lingkungan yang dapat Anda dukung secara wajar. Jika halaman tertentu memerlukan teknologi yang tidak didukung secara luas, sebutkan dengan jelas di tautan yang mengarah ke mereka (tidak perlu menggunakan sesuatu yang menjengkelkan, titledan altteks pada tautan dan gambar mungkin sudah mencukupi) dan di halaman itu sendiri (misalnya, menambahkan sedikit header - yang mungkin disembunyikan ketika / jika Anda dapat mendeteksi bahwa kemampuan hadir).

Coba juga untuk memastikan halaman merosot dengan anggun ketika teknologi yang dibutuhkan tidak ada / diaktifkan. Bahkan jika pengunjung Anda mengerti teknologi, jika sesuatu di halaman Anda tidak berfungsi tetapi tidak ada indikasi apa yang hilang, mereka mungkin tidak repot-repot mencarinya (kecuali mereka benar-benar tertarik, yang bukan merupakan sesuatu yang bisa dilakukan) diasumsikan). OTOH Anda tidak harus memberikan instruksi terperinci tentang cara mengaktifkan apa yang hilang, cukup dengan menyatakan apa yang harus diaktifkan harus cukup untuk audiens ini.

Pembaruan: Saya ingin lebih menekankan pada poin terakhir dengan anedocte pribadi: sebagai pengguna yang sadar keamanan, saya selalu menjelajah dengan NoScript diaktifkan. Ketika saya mengunjungi situs web yang memiliki video, misalnya, salah satu hal di bawah ini terjadi:

  • Ada tempat penampung untuk video, dan mengekliknya cukup untuk membuka blokirnya;
  • Ada placeholder, tetapi mengklik tidak cukup - ada domain lain yang perlu diblokir (biasanya CDN), sering dinamai dengan tepat meskipun tidak konsisten (dailymotion.com/dmcdn.net, youtube.com/ytimg.com, metacafe.com /mcstatic.com);
  • Tidak ada placeholder, video ditambahkan melalui JavaScript atau tidak memiliki widthdan heightditetapkan secara statis, dan kadang-kadang tidak ada petunjuk bahwa halaman memiliki video sama sekali. Itu bisa benar-benar terjawab;
  • Video ini tergantung pada beberapa server iklan acak, jadi tidak mencekal domain yang paling jelas tidak cukup untuk menampilkannya. Jika saya benar - benar tertarik, saya dapat terus membuka blokir setiap domain yang tersisa (dalam urutan nama yang tampak kurang teduh), kadang-kadang dengan efek lebih banyak domain yang sebelumnya tidak ada di sana, sampai video berfungsi atau Saya menyerah.

Ini hanya untuk menggambarkan beberapa masalah yang dapat terjadi bahkan ketika Anda mengasumsikan browser modern dan pengguna yang mengerti teknologi. Anda tidak perlu keluar dari cara Anda untuk memastikan situs Anda berfungsi untuk setiap konfigurasi yang mungkin di luar sana, tetapi penting bahwa beberapa elemen gagal-aman hadir bahkan dalam kasus ini.

mgibsonbr
sumber
2
"Pastikan setidaknya beranda Anda berfungsi dengan baik di setiap lingkungan yang dapat Anda dukung secara wajar." Ini masuk akal.
Evik James
4

Saya pikir maksud John Conde adalah hanya karena mereka adalah orang-orang teknis, Anda tidak dapat berasumsi mereka menggunakan browser modern. Karena itu, saya cenderung setuju dengan Evik James bahwa OP perlu menemukan keseimbangan antara pengkodean situs untuk audiens yang lebih luas atau turun ke blogging sebagai gantinya. Jika dia ingin memonetisasi situs ini di beberapa titik, maka saya akan mengatakan dia harus mengikuti filosofi Progresif Peningkatan dan Desain Responsif, karena cara yang lebih mudah untuk semakin meningkat jika Anda mulai dengan ponsel (dan IE6 friggin!) Dan membangun jalan Anda naik. Tetapi setidaknya OP harus menjalankan situsnya melalui browser Lynxuntuk melihat bagaimana situsnya terlihat oleh pembaca layar atau spider mesin pencari dan memastikan bahwa semuanya dapat dilihat dengan gambar, CSS dan javascript dimatikan. Kemudian tinggalkan semua lonceng dan peluit yang sangat keren untuk peramban modern, dan jangan terlalu khawatir tentang apa yang tampak agak tidak pada tempatnya atau tampak membosankan di IE6.

Sabas
sumber
3
Jika saya berada di command prompt saya cenderung menggunakan w3m, lynxatau apa pun browser teks yang tersedia.
BillThor
3

Saya pikir Anda harus menganggap mereka menggunakan browser modern berdasarkan target pasar Anda. Tetap awasi penggunaan browser dan jika banyak orang menggunakan browser lama, maka lakukan perubahan kompatibilitas.

marabutt
sumber
Ini kedengarannya ide yang bagus bagi saya, dan itulah cara saya melakukannya.
Evik James
yang kedengarannya seperti Graceful Degradation, Anda harus membaca artikel ini: dev.opera.com/articles/view/…
Tomás Ramírez
3

Anda harus membaca tentang peningkatan progresif untuk mendukung sebagian besar pengguna dan memanfaatkan fitur peramban. Desain responsif adalah topik penting lain untuk mendukung sebagian besar perangkat (Saat ini banyak orang menggunakan perangkat seluler). Di sisi lain, di luar ada banyak perpustakaan seperti Modernizr , boilerplate , explorercanvas untuk membantu Anda dalam masalah ini.

Tomás Ramírez
sumber
2
Anda mendapatkan poin bagus, dan cukup mudah untuk membuat sebuah situs 95% kompatibel ~ jika tidak luar biasa ~ untuk semua orang. Poin yang saya buat di atas adalah bahwa BANYAK waktu berkembang untuk penyebut yang paling tidak umum.
Evik James
Saya mengerti maksud Anda ... tetapi semua orang harus tahu tentang hal ini: D
Tomás Ramírez
0

Fakta bahwa target audiens Anda akan menjadi programmer dll, saya masih tidak akan berasumsi bahwa karena mereka lebih berpikiran teknis mereka akan memiliki barang-barang terbaru di komputer mereka. Ini alasan pribadi daripada pemikiran profesional yang menentukan apa yang digunakan programmer / orang teknis di komputer mereka.

Misalnya, seorang programmer mungkin paranoid dan tidak akan membiarkan Java diaktifkan di komputer mereka.

Dalam hal apa pun, internet terbuka untuk semua orang, bukan untuk berbagai bagian. Bangun situs web sehingga dapat diakses oleh siapa saja. Anda tidak pernah tahu, seorang programmer yang mengerti teknologi mungkin mengalami kerusakan komputer sehingga mereka terjebak menggunakan PC ibu mereka yang akan menjalankan Windows XP dengan Internet Explorer 7.

mickburkejnr
sumber