Trang web kỹ thuật - Tôi có nên cho rằng khách truy cập của mình sẽ sử dụng trình duyệt hiện đại không?


18

Tôi đang trong quá trình tạo trang web của riêng mình, sẽ bao gồm một blog kỹ thuật. Tôi muốn xây dựng trang web của mình bằng các công nghệ hiện đại như HTML5 và CSS3.

trang web của tôi sẽ được nhắm mục tiêu vào các lập trình viên và chủ yếu là người dùng am hiểu công nghệ , tôi có nên cho rằng những người này sẽ sử dụng một trình duyệt hiện đại? Hoặc tôi nên làm cho trang web của mình tương thích với các trình duyệt cũ hơn trong trường hợp?

Tôi không muốn trải qua nỗi đau khi điều chỉnh trang web của mình để tương thích với các trình duyệt mà tôi cho rằng sẽ không được sử dụng.

CẬP NHẬT: Tôi đã đọc câu trả lời cho đến nay và có vẻ như bạn đã bỏ lỡ một chi tiết quan trọng về câu hỏi. Vì vậy, trong trường hợp không rõ ràng, vui lòng tập trung câu trả lời của bạn bằng cách tính đến bản chất của trang web:

trang web của tôi sẽ được nhắm mục tiêu vào các lập trình viên và chủ yếu là người dùng am hiểu công nghệ

Xem xét điều này, tôi có nên cho rằng những người này sẽ sử dụng một trình duyệt hiện đại?


1
Hầu hết các công ty tôi làm việc đều yêu cầu các trang web làm việc với IE7 +. Nếu người dùng vẫn có IE6-, thì đó là vì họ ít quan tâm đến công nghệ.
Evik James

Vậy nếu những người dùng này ít quan tâm đến công nghệ, vậy tại sao họ lại đến trang web của tôi?
marco-fiset

4
Tôi sẽ cảm thấy an toàn khi cho rằng 99% những người đọc blog công nghệ là trong ngành công nghệ và có một trình duyệt hiện đại và biết chính xác cách sử dụng nó.
Evik James

Nếu họ thực sự là những tín đồ công nghệ, họ có thể duyệt trang web của bạn bằng cách sử dụng lynx:)
Ken Liu

Câu trả lời:


12

Thêm Google Analytics vào trang web của bạn và theo dõi người dùng của bạn

Cách duy nhất để tìm hiểu là thu thập một mẫu thống kê hợp lý về cơ sở người dùng của bạn. Bất cứ điều gì ngắn gọn chỉ là một giả định vô căn cứ.

May mắn thay, Google Analytics theo dõi hoàn toàn mọi thứ về trình duyệt, kích thước màn hình, khả năng được bật, v.v ...

Nhắm mục tiêu Internet Explorer là 'điểm thấp' vì các phiên bản được hỗ trợ lâu hơn nhiều. Chẳng hạn, vòng đời hỗ trợ Windows XP sẽ không hết hạn cho đến ngày 8 tháng 4 năm 2014 nên IE 6 sẽ không biến mất cho đến lúc đó.

Nếu số liệu thống kê cho thấy chỉ một tỷ lệ rất nhỏ người dùng sử dụng IE 6 (hoặc IE 7) có thể không biện minh cho nỗ lực cần thiết để hỗ trợ trình duyệt của họ.

Đối với HTML5 mới hơn, bạn có thể thêm shiv HTML5 vào trang web của mình để có một số phạm vi nâng cao tiến bộ miễn phí nhưng giới hạn các tính năng nâng cao hơn (API API tệp cũ) cho các phần riêng tư của trang web cho đến khi trình duyệt bắt kịp.


2
Tất cả các ý tưởng tốt. Tuy nhiên, phải có một điểm ~ mà tôi biết bạn đồng ý với ~ rằng việc phát triển cho một tỷ lệ nhỏ và giảm dần của mọi người là một sự lãng phí thời gian.
Evik James

@EvikJames Yep, đó là ý chính. Tôi cố tình để nó mở kết thúc vì nó phụ thuộc vào bối cảnh. Đối với một trang web truyền thông lớn như Google, họ có rất nhiều tài nguyên và lượng người dùng khổng lồ nên việc bỏ qua việc cung cấp hỗ trợ trình duyệt cho thậm chí 0,5% cơ sở người dùng của họ sẽ có tác động lớn. Ngược lại, nếu bạn điều hành một trang web nhỏ và chỉ 0,5% trong số 1000 khách truy cập duy nhất sử dụng trình duyệt cũ, có lẽ không đáng để tài nguyên hỗ trợ. Để trích dẫn Kanye West, "Giống như những người già pissin, tôi đoán tất cả phụ thuộc, ohhhhh"
Evan Plaice

Yep, như một ví dụ khác, trang web cá nhân của riêng tôi có blog tập trung vào công nghệ, cùng với một số ảnh gia đình vẫn có 24% lưu lượng truy cập như IE8 với các bài đăng khá nặng về công nghệ là phổ biến nhất, tiếp theo là Firefox và Chrome (hiện tại là Chrome cả tự động cập nhật)
Zhaph - Ben Duguid

14

90% hoặc nhiều người Mỹ có hình ảnh trên, bật JavaScript, hỗ trợ CSS và kết nối hợp lý.

Dành 90% thời gian của bạn để theo đuổi 10% thế giới đã hết cách để không trải nghiệm web hiện đại là một sự lãng phí thời gian.


1
Câu hỏi của người dùng là về việc sử dụng hợp lý CSS, JavaScript và hình ảnh. Đây không phải là về việc xây dựng một trang web che giấu tất cả các văn bản của nó trong các hình ảnh và tải JavaScript lười biếng.
Evik James

1
Ngay cả khi các công cụ tìm kiếm chiếm 90% lưu lượng truy cập của bạn, phần lớn những người dùng đó vẫn sẽ sử dụng trình duyệt hiện đại và đã bật javascript.
ngày

1
Nếu anh ta không thể được xếp hạng vì các công cụ tìm kiếm không thể đọc nội dung của anh ta hoặc xếp hạng anh ta kém, anh ta sẽ không có khách truy cập nào phải lo lắng.
John Conde

3
@JohnConde Tại sao công cụ tìm kiếm không thể xếp hạng trang web của tôi? Không giống như tôi đang sử dụng đèn flash ...
marco-fiset

1
@JohnConde có ý kiến, giống như mọi người khác ở đây. Anh ấy cực kỳ hiểu biết và hữu ích và cung cấp một dịch vụ tuyệt vời bằng cách có mặt trên StackExchange. Tôi nghĩ rằng câu trả lời của anh ấy HOÀN TOÀN thích hợp cho các công ty có đội ngũ các nhà phát triển web có kinh nghiệm. Nó HOÀN TOÀN không phù hợp cho một người viết blog và mã hóa về những thứ táo tợn.
Evik James

12

Giả định:

  • JavaScript sẽ bị tắt
  • CSS3 sẽ không được hỗ trợ
  • Hình ảnh sẽ bị vô hiệu hóa
  • Kết nối người dùng sẽ chậm

Tôi biết đó không phải là những gì bạn muốn nghe nhưng với tư cách là nhà thiết kế và phát triển web, đây là thực tế chúng ta phải đối mặt. Không chỉ có người dùng sử dụng các trình duyệt cũ hơn mà một số người trong số họ sẽ thay đổi cài đặt trên trình duyệt của họ để thay đổi hành vi mặc định của nó (ví dụ: tắt JavaScript).

Bạn cũng không thể quên các bot như các công cụ tìm kiếm sẽ hỗ trợ CSS và JavaScript khác nhau và hạn chế. Ngoài ra, một số người dùng sẽ sử dụng các trình đọc màn hình nổi tiếng là hỗ trợ các công nghệ mới nhất.

Hỗ trợ tất cả những điều trên thực sự dễ dàng hơn nhiều để làm điều đó có vẻ như. Cải tiến lũy tiến là một nguyên tắc cơ bản của thiết kế và phát triển web và sẽ cho phép bạn sử dụng các tính năng mới nhất và tốt nhất trên trang web của mình trong khi vẫn hỗ trợ các trình duyệt và người dùng chưa thể xử lý tất cả.


6
Bạn cũng có thể nói rằng các trang web nên được thiết kế cho những người không có truy cập internet hoặc máy tính.
Evik James

4
@Evik Tôi không nghĩ đó là điểm của câu trả lời. Vấn đề là bạn nên bắt đầu với một cái gì đó cơ bản và có thể truy cập được rằng <10% của bạn ít nhất sẽ có thể tiêu thụ nội dung của bạn. Sau đó xây dựng nó để 90% thấy điều gì đó tuyệt vời.
DisgruntledGoat

1
@WernerCD, bài viết gốc là về một người dùng viết blog. Bạn có gợi ý rằng anh ta theo dõi cùng một thứ mà StackOverflow thực hiện và thuê một nhóm người hoặc anh ta học được các sắc thái của mọi trình duyệt? Anh ta nên dành thời gian viết blog và ít thời gian viết mã hơn.
Evik James

1
Các lập trình viên @WernerCD có nhiều khả năng có các plugin như NoScript được cài đặt, tắt Javascript, để tránh các trang 'nặng'.
DisgruntledGoat

1
@Werner Tôi nghĩ rằng "giả sử không có CSS ​​/ JS" có lẽ là cách giải thích sai. Đó là nhiều hơn về việc bắt đầu với một nền tảng vững chắc của HTML sau đó xây dựng bằng CSS và JS. Nếu xảy ra một số lỗi với CSS / JS trong trình duyệt cũ hơn, thì trang web vẫn sẽ hoạt động. Theo nghĩa này, giờ đây bạn có thể giả sử một trình duyệt hiện đại và từ bỏ thử nghiệm trong các trình duyệt cũ hơn, biết rằng nó có thể sẽ không bị hỏng cho 5% người dùng đó.
Không hài lòngGoat

5

Hãy chắc chắn rằng ít nhất trang chủ của bạn hoạt động tốt trên mọi môi trường mà bạn có thể hỗ trợ một cách hợp lý. Nếu các trang cụ thể yêu cầu các công nghệ không được hỗ trợ rộng rãi, hãy nêu rõ trong các liên kết dẫn đến chúng (không cần sử dụng bất cứ thứ gì đáng ghét, titlealtcác văn bản trên các liên kết và hình ảnh có thể đủ) và trong chính các trang (ví dụ: thêm một trang nhỏ tiêu đề - có thể bị ẩn khi / nếu bạn có thể phát hiện ra rằng các khả năng có mặt).

Ngoài ra, hãy cố gắng đảm bảo các trang xuống cấp một cách duyên dáng khi không có / bật các công nghệ cần thiết. Ngay cả khi khách truy cập của bạn am hiểu về công nghệ, nếu một cái gì đó trong trang của bạn không hoạt động nhưng không có dấu hiệu gì bị thiếu, họ có thể không bận tâm tìm kiếm nó (trừ khi họ thực sự quan tâm, đó không phải là thứ có thể giả định). OTOH bạn không cần phải cung cấp hướng dẫn chi tiết về cách bật những gì còn thiếu, chỉ cần nêu rõ những gì cần kích hoạt là đủ cho đối tượng này.

Cập nhật: Tôi muốn nhấn mạnh hơn vào điểm cuối cùng với anedocte cá nhân: với tư cách là người dùng nhận biết bảo mật, tôi luôn duyệt với NoScript được kích hoạt. Ví dụ, khi tôi truy cập một trang web có video, một trong những điều dưới đây xảy ra:

  • Có một trình giữ chỗ cho video và nhấp vào nó là đủ để bỏ chặn nó;
  • Có một trình giữ chỗ, nhưng nhấp vào là không đủ - có một tên miền khác cần được bỏ chặn (thường là CDN), thường được đặt tên thích hợp mặc dù không nhất quán (dailymotion.com/dmcdn.net, youtube.com/ytimg.com, metacafe.com /mcstatic.com);
  • Không có trình giữ chỗ, video được thêm thông qua JavaScript hoặc không có widthheightđược đặt tĩnh, và đôi khi không có gợi ý nào trang có video. Nó có thể bị bỏ lỡ hoàn toàn;
  • Video phụ thuộc vào một số máy chủ quảng cáo ngẫu nhiên, do đó, bỏ chặn các tên miền rõ ràng nhất là không đủ để hiển thị video đó. Nếu tôi thực sự quan tâm, tôi có thể tiếp tục bỏ chặn từng tên miền còn lại (theo thứ tự tên ít mờ hơn), đôi khi có tác dụng của nhiều tên miền chưa từng xuất hiện trước đó, cho đến khi video hoạt động hoặc Tôi từ bỏ.

Đây chỉ là để minh họa một số vấn đề có thể xảy ra ngay cả khi bạn giả sử một trình duyệt hiện đại và người dùng am hiểu công nghệ. Bạn không cần phải tránh ra để đảm bảo trang web của bạn hoạt động cho mọi cấu hình có thể có ngoài đó, nhưng điều quan trọng là một số yếu tố không an toàn có mặt ngay cả trong trường hợp này.


2
"Hãy chắc chắn rằng ít nhất trang chủ của bạn hoạt động tốt trên mọi môi trường mà bạn có thể hỗ trợ một cách hợp lý." Điều này thật ý nghĩa.
Evik James

4

Tôi nghĩ rằng điểm mà John Conde đưa ra là chỉ vì họ là những người kỹ thuật mà bạn không thể cho rằng họ đang sử dụng một trình duyệt hiện đại. Phải nói rằng, tôi có xu hướng đồng ý với Evik James rằng OP cần tìm sự cân bằng giữa việc mã hóa trang web cho đối tượng rộng hơn hoặc thay vào đó để viết blog. Nếu anh ấy muốn kiếm tiền từ trang web này vào một lúc nào đó, thì tôi nói rằng anh ấy nên tuân theo các triết lý Thiết kế Phản hồi và Nâng cao Tiến bộ, vì cách dễ dàng hơn để nâng cao dần dần nếu bạn bắt đầu với thiết bị di động (và friggin IE6!) Và xây dựng theo cách của bạn lên. Nhưng ít nhất OP nên chạy trang web của mình thông qua trình duyệt Lynxđể xem trang web của anh ấy trông như thế nào với trình đọc màn hình hoặc công cụ tìm kiếm và đảm bảo rằng mọi thứ đều có thể được xem bằng hình ảnh, CSS và javascript. Sau đó, để lại tất cả các chuông và còi thực sự thú vị cho các trình duyệt hiện đại, và không phải lo lắng quá nhiều về những gì có vẻ hơi lạc lõng hoặc trông nhàm chán trong IE6.


3
Nếu tôi tại dấu nhắc lệnh Tôi có khả năng sử dụng w3m, lynxhoặc bất cứ trình duyệt văn bản có sẵn.
BillThor

3

Tôi nghĩ bạn nên cho rằng họ đang sử dụng các trình duyệt hiện đại dựa trên thị trường mục tiêu của bạn. Giữ một tab về việc sử dụng trình duyệt và nếu số lượng người đáng kể đang sử dụng các trình duyệt cũ hơn, thì hãy thay đổi khả năng tương thích.


Điều này nghe có vẻ là một ý tưởng tốt với tôi, và là cách tôi sẽ làm nó.
Evik James

Nghe có vẻ như xuống cấp Graceful, bạn nên đọc bài viết này: dev.opera.com/articles/view/iêu
Tomás Ramírez

3

Bạn nên đọc về cải tiến lũy tiến để hỗ trợ hầu hết người dùng và tận dụng các tính năng của trình duyệt. Thiết kế đáp ứng là một chủ đề quan trọng khác để hỗ trợ hầu hết các phần của thiết bị (Ngày nay rất nhiều người sử dụng thiết bị di động). Mặt khác, ngoài kia có rất nhiều thư viện như Modernizr , soạn sẵn , explorercanvas để giúp bạn về vấn đề này.


2
Bạn tạo được điểm tốt và khá dễ dàng để làm cho một trang web tương thích 95% ~ nếu không tuyệt vời ~ cho mọi người. Điểm tôi đang nói ở trên là phải mất rất nhiều thời gian để phát triển cho mẫu số ít phổ biến nhất.
Evik James

Tôi thấy quan điểm của bạn ... nhưng tất cả mọi người nên biết về điều này: D
Tomás Ramírez

0

Thực tế là đối tượng mục tiêu của bạn sẽ là lập trình viên, v.v., tôi vẫn không cho rằng vì họ có đầu óc kỹ thuật hơn nên họ sẽ có những thứ mới nhất trên máy tính của họ. Đó là lý luận cá nhân thay vì suy nghĩ chuyên nghiệp chỉ ra những gì một lập trình viên / người kỹ thuật sử dụng trên máy tính của họ.

Ví dụ, một lập trình viên có thể bị hoang tưởng và sẽ không cho phép Java được kích hoạt trên máy tính của họ.

Trong mọi trường hợp, internet được mở cho tất cả mọi người, không phải chim bồ câu trong các phần khác nhau. Xây dựng trang web để mọi người có thể truy cập. Bạn không bao giờ biết, một lập trình viên am hiểu công nghệ có thể bị hỏng máy tính nên họ bị kẹt khi sử dụng PC của mẹ họ sẽ chạy Windows XP với Internet Explorer 7.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.