Có bao nhiêu người dùng đã tắt JavaScript vào năm 2022?

Đây là những lý do khiến một số người chọn tắt một phần hoặc hoàn toàn JavaScript khỏi chạy trong trình duyệt web của họ

• JavaScript có thể khiến các trang web trở nên khó chịu hơn

  Như bạn có thể thấy trong các ví dụ về JavaScript của chúng tôi, bạn có thể làm cho các trang web thực hiện mọi thứ - điều này mang lại cho các nhà phát triển tiềm năng làm cho các trang web trở nên hữu ích, hợp lý hóa và thân thiện hơn với người dùng. nhưng nó cũng cho phép họ làm những việc phiền phức, chẳng hạn như bật lên lời nhắc đăng ký Bản tin, làm cho mọi thứ trở nên hào nhoáng và mất tập trung, ngăn bạn rời khỏi trang, tiếp tục bật lên các cảnh báo hoặc thay đổi chức năng mặc định của trình duyệt của bạn - chẳng hạn như vô hiệu hóa Quyền

  Vì các "tính năng" gây phiền nhiễu đó được cung cấp bởi JavaScript, nên việc tắt JavaScript cũng sẽ ngăn trang web làm cho các tính năng gây phiền nhiễu đó hoạt động

• JavaScript có thể giúp các công ty theo dõi bạn dễ dàng hơn

  Cookies là một cách phổ biến để bạn được theo dõi trực tuyến; . Tất cả JavaScript trong quảng cáo, nhúng phương tiện truyền thông xã hội và các công cụ theo dõi chuyên dụng đều ngừng hoạt động nếu bạn tắt JavaScript. Vẫn có nhiều cách để bạn bị theo dõi trực tuyến, nhưng nếu những phương pháp đó được thực hiện bằng JavaScript, thì việc tắt nó sẽ khiến chúng không hoạt động

  Giờ đây, có nhiều cách dễ dàng hơn để vô hiệu hóa các trình theo dõi trực tuyến đáng sợ này hơn là vô hiệu hóa hoàn toàn JavaScript - ví dụ: có các tiện ích mở rộng của trình duyệt giúp bạn ngăn các thư viện theo dõi - nhưng thực tế là việc vô hiệu hóa JavaScript chắc chắn cũng sẽ giúp ích rất nhiều cho việc này (mặc dù bạn có thể

• JavaScript có thể có những lo ngại về bảo mật?

  Có khá nhiều chi tiết cần thiết để đề cập đầy đủ đến các vấn đề bảo mật của JavaScript, bởi vì bảo mật là một chủ đề phức tạp và bản thân JavaScript cũng vậy. Vì vậy, tôi đã đặt chủ đề này trong phần riêng của nó ở đây

  Nhưng tóm lại là. Mối quan tâm về bảo mật với JavaScript hơi phóng đại và thực tế có lẽ đó không phải là lý do chính khiến bạn cân nhắc việc tắt JavaScript

• JavaScript có thể làm chậm máy tính hoặc điện thoại của bạn

  Để mã JavaScript trên trang web "làm những gì nó làm", trình duyệt web của bạn "chạy" mã đó - điều này có nghĩa là máy tính của bạn tuân theo hướng dẫn do nhà phát triển trang web viết và nếu những hướng dẫn đó rất phức tạp hoặc nếu chúng không

  Máy tính và điện thoại nhanh hơn nhiều so với mười hoặc hai mươi năm trước, vì vậy đây không phải là vấn đề quá nghiêm trọng trong thời gian gần đây, nhưng đôi khi bạn sẽ thấy mình đang truy cập một trang web và nó chỉ chậm lại. của bạn. máy tính. xuống. cho đến khi bạn đóng tab

  Tôi nhận thấy rằng rất nhiều trang web Tin tức lớn thường mắc lỗi này - chúng có thể nhúng hàng tá tập lệnh theo dõi khác nhau theo đúng nghĩa đen và khi tất cả chúng được kết hợp với nhau, điều đó thực sự chỉ làm chậm máy tính của bạn. Vô hiệu hóa JavaScript trong những tình huống đó chắc chắn sẽ tăng tốc trải nghiệm duyệt web của bạn

  Nhưng nếu bạn thấy rằng máy tính của mình chạy chậm trên nhiều trang web, thì có lẽ đã đến lúc cân nhắc nâng cấp nó lên một thứ gì đó nhanh hơn một chút và có nhiều bộ nhớ hơn.

  Chris Ashton là Nhà phát triển làm việc cho Dịch vụ Kỹ thuật số của Chính phủ. Khi anh ấy không bận viết mã, anh ấy thích hát với giọng nam cao trong Dàn hợp xướng giao hưởng của BBC. Tìm hiểu thêm về Chris ↬

  Bản tin email

  Email (đập vỡ) của bạn

  Mẹo hàng tuần về front-end & UX
  Được hơn 200.000 người tin cậy

  • Giao diện người dùng SmashingConf 2023

  • Chuẩn bị cho các vai trò giao tiếp ngày nay Thạc sĩ Thiết kế Thông tin của Northwestern

  • SmashingConf Freiburg 2023

  • Các mẫu thiết kế giao diện Đào tạo UX

  • Danh sách kiểm tra thiết kế giao diện thông minh

  Bạn đã bao giờ tự hỏi liệu có thể làm bất cứ điều gì trên web mà không cần JavaScript không?

  Bài viết này là một phần của loạt bài mà tôi cố gắng sử dụng web dưới nhiều ràng buộc khác nhau, đại diện cho một nhân khẩu học nhất định của người dùng. Tôi hy vọng sẽ nêu lên những khó khăn mà người thực gặp phải, điều này có thể tránh được nếu chúng ta thiết kế và phát triển theo cách thông cảm với nhu cầu của họ. Tuần này, tôi sẽ tắt JavaScript

  Tại sao các vấn đề noscript

  Đầu tiên, để làm rõ, có sự khác biệt giữa việc hỗ trợ trải nghiệm noscript và sử dụng thẻ noscript. Nhìn chung, tôi không thích thẻ noscript, vì nó phân mảnh trang web của bạn thành các phiên bản JavaScript và không phải JavaScript thay vì hoạt động từ cùng một nội dung cơ bản, đó là cách trải nghiệm trở nên lộn xộn và mọi thứ bị bỏ qua

  Bạn có thể có nhiều nội dung hữu ích bên trong các thẻ noscript của mình, nhưng nếu tôi đang sử dụng trình duyệt hỗ trợ JavaScript, tôi sẽ không thấy bất kỳ nội dung nào trong số đó — Tôi sẽ bị kẹt khi chờ tải xuống trải nghiệm JS. Khi tôi đề cập đến trải nghiệm 'noscript', ý tôi thường là trải nghiệm sử dụng trang web không có JavaScript, chứ không phải là việc sử dụng rõ ràng thẻ

  API MIDI trên web. Bắt đầu

  Có thể sử dụng nhạc cụ kỹ thuật số làm đầu vào trình duyệt không? . Phần tốt nhất là nó khá nhanh chóng và dễ thực hiện và thậm chí tạo ra một dự án thực sự thú vị. Đọc bài viết →

  Vì vậy, ai quan tâm đến những người dùng không có JavaScript?

  Chà, chúng có tồn tại, mặc dù với số lượng nhỏ. khoảng 0. 2% người dùng ở Vương quốc Anh đã tắt JavaScript. Nhưng nhìn vào số lượng người dùng đã vô hiệu hóa JavaScript một cách rõ ràng là thiếu điểm

  Tôi nhớ câu nói này của Jake Archibald

  “Tất cả người dùng của bạn không phải là JS trong khi họ đang tải xuống JS của bạn. ”

  Hãy nghĩ đến những người dùng đã bật JavaScript nhưng không có trải nghiệm JavaScript, vì bất kỳ lý do nào, bao gồm cả việc chặn hoặc tước các thành phần JavaScript của công ty hoặc cục bộ, các lỗi JavaScript hiện có trong trình duyệt từ các tiện ích bổ sung và thanh công cụ của trình duyệt, mạng . BuzzFeed gần đây đã tiết lộ rằng khoảng 1% yêu cầu hết thời gian chờ JavaScript, tương đương với 13 triệu yêu cầu không thành công mỗi tháng

  Thêm sau khi nhảy. Tiếp tục đọc bên dưới ↓

  Gặp gỡ các Hội thảo Smashing về giao diện người dùng & UX, với các bài học thực tế, phiên trực tiếp, bản ghi video và phần Hỏi & Đáp thân thiện. Trên các hệ thống thiết kế, UX, hiệu suất web và CSS/JS. Với Brad Frost, Christine Vallaure và rất nhiều người khác

  Chuyển đến hội thảo ↬

  Đôi khi, vấn đề không phải ở người dùng mà là do CDN phân phối JavaScript. Bạn có nhớ vào tháng 2 năm 2017 khi máy chủ của Amazon ngừng hoạt động không?

  Cũng hãy nghĩ đến các thị trường toàn cầu mới nổi; . Hoặc nghĩ về các thị trường lâu đời, nơi mà ngay cả một chiếc iPhone X có kết nối 4G cũng không tránh khỏi tác động của một trang web được tải một phần bị gián đoạn do chuyến tàu của họ đi vào đường hầm

  Web là một môi trường thù địch, không thể đoán trước, đó là lý do tại sao nhiều nhà phát triển tuân theo nguyên tắc cải tiến lũy tiến để xây dựng trang web của họ dựa trên trải nghiệm cốt lõi về HTML ngữ nghĩa, CSS xếp lớp và JavaScript kín đáo. Tôi muốn xem có bao nhiêu trang web áp dụng điều này trong thực tế. Còn cách nào tốt hơn là tắt hoàn toàn JavaScript?

  Cách vô hiệu hóa JavaScript

  Nếu muốn tự mình tạo lại thử nghiệm của tôi, bạn có thể tắt JavaScript bằng cách tìm hiểu kỹ phần cài đặt trong Chrome

  • Mở Công cụ dành cho nhà phát triển (Chrome -> Xem -> Công cụ dành cho nhà phát triển hoặc ⌥⌘I trên bàn phím)
  • Mở menu con dành cho nhà phát triển (ba dấu chấm bên cạnh biểu tượng đóng trên Công cụ dành cho nhà phát triển)
  • Chọn 'Cài đặt' từ menu con này
  • Tìm phần 'Trình gỡ lỗi' và chọn hộp 'Tắt JavaScript'

  Hoặc, giống như tôi, bạn có thể sử dụng Tiện ích mở rộng Toggle JavaScript Chrome tuyệt vời cho phép bạn tắt JS chỉ bằng một cú nhấp chuột

  Tạo một bài đăng WordPress với JavaScript bị vô hiệu hóa

  Sau khi tắt JavaScript, nhiệm vụ đầu tiên của tôi là truy cập trang web danh mục đầu tư cá nhân của mình — chạy trên WordPress — với mục đích viết ra những trải nghiệm của tôi trong thời gian thực

  WordPress thực sự rất thân thiện với noscript, vì vậy tôi có thể bắt đầu viết bài đăng này mà không gặp bất kỳ khó khăn nào, mặc dù nó thiếu một số tính năng định dạng văn bản và nhúng phương tiện mà tôi đã quen sử dụng.

  Hãy so sánh màn hình bài đăng của WordPress có và không có JavaScript

  Phiên bản noscript của trang bài đăng của WordPress, được tạo thành từ hai kiểu nhập văn bản cơ bản.
  Phiên bản JavaScript chứa các phím tắt để định dạng văn bản, nhúng dấu ngoặc kép và phương tiện cũng như xem trước nội dung dưới dạng HTML.

  Tôi cảm thấy khá thoải mái khi không có thanh công cụ cho đến khi tôi cần nhúng ảnh chụp màn hình vào bài đăng của mình. Không có nút 'Thêm phương tiện', tôi phải chuyển đến các màn hình riêng để tải tệp của mình lên. Điều này có ý nghĩa, vì nội dung 'tải lên trong nền' yêu cầu Ajax, yêu cầu JavaScript. Nhưng tôi khá ngạc nhiên là màn hình media riêng cũng yêu cầu JavaScript

  May mắn thay, đã có một chế độ xem dự phòng

  Phiên bản noscript của phần Phương tiện trong phần phụ trợ của quản trị viên. Tôi đã được cảnh báo rằng chế độ xem dạng lưới không được hỗ trợ nếu không có JavaScript.
  Ai cần lưới? .

  Sau khi tải hình ảnh lên, tôi phải viết thủ công thẻ HTML img trong bài đăng của mình rồi sao chép và dán URL của hình ảnh vào đó. Không có cách nào để xác định URL hình thu nhỏ của hình ảnh đã tải lên và bất kỳ chú thích nào tôi đã viết cũng phải được sao chép thủ công. Tôi nhanh chóng phát chán với cách tiếp cận này và dự định quay lại vào ngày hôm sau và chèn lại tất cả các hình ảnh khi tôi cho phép mình sử dụng lại JavaScript

  Tôi quyết định xem giao diện người dùng của trang web của tôi đang hoạt động như thế nào

  Xem trang web của tôi mà không cần JavaScript

  Tôi đã rất ngạc nhiên khi thấy trang web của mình hầu như không thay đổi khi không có JS

  Trang cá nhân có JavaScript.
  Trang web cá nhân không có JavaScript. Chỉ phần nhúng Twitter có vẻ khác.

  Chúng ta hãy xem xét kỹ hơn phần nhúng Twitter đó

  Lưu ý thông tin tác giả, thống kê tương tác và liên kết thông tin mà chúng tôi không nhận được với phiên bản noscript. 'Tick' là một PNG bên ngoài. (Nguồn)
  Thiếu kiểu nhưng chứa tất cả nội dung, bao gồm liên kết thẻ bắt đầu bằng # và liên kết đến tweet. 'Tick' là một ký tự ASCII. ✔.

  Bên dưới màn hình đầu tiên của trang web của tôi, tôi cũng đã nhúng một số nội dung Instagram, phù hợp với trải nghiệm noscript

  Lưu ý các dấu chấm trình chiếu bên dưới hình ảnh, cho biết có nhiều hình ảnh hơn trong thư viện.
  Phiên bản noJS không có các dấu chấm như vậy. Khác với chức năng trình chiếu bị thiếu, điều này không thể phân biệt được với phiên bản JS.

  Cuối cùng, tôi đã nhúng GitHub trên trang web của mình. GitHub không cung cấp nhúng riêng, vì vậy tôi sử dụng Thẻ GitHub không chính thức của Hsiaoming Yang

  Thẻ không chính thức cung cấp một ảnh chụp nhanh nhỏ đẹp mắt và liên kết đến hồ sơ GitHub của bạn.
  Tôi cung cấp liên kết dự phòng tới GitHub nếu không có JavaScript.

  Tôi đã nửa hy vọng sẽ làm bạn sốc với số liệu thống kê trước và sau (megabyte JS cho một lần nhúng nhỏ. Ngày tận thế. Hãy bỏ JavaScript. ) và một nửa hy vọng sẽ có rất ít sự khác biệt (tăng cường lũy ​​tiến. Dẫn đầu bằng ví dụ. Tôi là một nhà phát triển giỏi. )

  Hãy so sánh trọng lượng trang có và không có JavaScript. Thứ nhất, với JavaScript

  51 yêu cầu HTTP, với 1. Đã chuyển 9MB

  Bây giờ không có JavaScript

  18 yêu cầu HTTP, với 1. Đã chuyển 3 MB

  Vì lợi ích của một tweet được tạo kiểu, nhúng GitHub và nhúng Instagram đầy đủ chất béo, trang web của tôi đã tăng thêm 600KB. Tôi cũng có tính năng theo dõi phân tích của Google và một số tính năng tương tác ẩn kỳ lạ. Tất cả những điều được xem xét, 600KB dường như không quá cao — mặc dù tôi hơi ngạc nhiên về số lượng yêu cầu bổ sung mà trình duyệt phải thực hiện để tất cả những điều đó xảy ra

  Tất cả nội dung vẫn ở đó mà không có JavaScript, tất cả các menu vẫn có thể điều hướng được và ngoại trừ phần nhúng Twitter, bạn sẽ khó nhận ra rằng JavaScript đã bị tắt. Kết quả là trang web của tôi vượt qua mức xác thực NOSCRIPT-5 — xếp hạng không phải JavaScript tốt nhất có thể

  tro. mã noscript đánh giá. NOSCRIPT-5. ✅

  Đó là cái gì? . Đó là chỉ báo nhỏ hữu ích của tôi về khả năng sử dụng của một trang web khi không có JavaScript và nói rộng ra, đó là một chỉ báo khá tốt về mức độ tốt của một trang web trong việc nâng cao dần dần nội dung của nó

  Hệ thống phân loại noscript

  Các trang web - hay chính xác hơn là các trang riêng lẻ của chúng - có xu hướng rơi vào một trong các danh mục sau

  • NOSCRIPT-5
    Trang web hầu như không thể phân biệt được với phiên bản hỗ trợ JavaScript của trang web
  • NOSCRIPT-4
    Trang web cung cấp chức năng tương đương cho noscript, nhưng liên kết đến hoặc chuyển hướng đến một phiên bản riêng biệt của trang web để đạt được điều đó
  • NOSCRIPT-3
    Trang web phần lớn hoạt động mà không có JavaScript, nhưng một số tính năng không quan trọng không được hỗ trợ hoặc có vẻ bị lỗi
  • NOSCRIPT-2
    Trang web cung cấp thông báo cho biết trình duyệt của họ không được hỗ trợ
  • NOSCRIPT-1
    Trang web dường như tải, nhưng người dùng hoàn toàn không thể sử dụng chức năng chính
  • NOSCRIPT-0
    Trang web hoàn toàn không tải và không cung cấp phản hồi nào cho người dùng

  Hãy xem xét một số trang web phổ biến và xem họ ghi điểm như thế nào

  amazon

  Tôi đã để mắt đến một chiếc máy hút bụi robot nhỏ được một thời gian. Hợp đồng thuê nhà của tôi không cho phép bất kỳ vật nuôi nào và đây là điều tốt nhất tiếp theo sau khi bạn để mắt đến nó

  Thoạt nhìn, Amazon thực hiện công việc bẻ khóa với giải pháp không phải JavaScript của mình, mặc dù hình ảnh sản phẩm chính bị thiếu

  Thiếu hình ảnh chính, nhưng không thể nhầm lẫn là Amazon.
  Với JavaScript, chúng ta có được hình ảnh chính. Hãy nhìn chiếc chân không đáng yêu này.

  Khi kiểm tra kỹ hơn, khá nhiều thứ đã bị hỏng một chút trên phiên bản noscript. Tôi muốn xem qua từng vấn đề một và đề xuất giải pháp cho từng vấn đề

  Không có hình ảnh bộ sưu tập

  Tôi muốn xem một số hình ảnh của sản phẩm, nhưng nhấp vào hình thu nhỏ không cho tôi kết quả

  Vấn đề

  Tôi đã nhấp vào các hình thu nhỏ này nhưng không có gì xảy ra

  Giải pháp tiềm năng

  Sẽ thật tuyệt nếu những hình thu nhỏ này là liên kết đến hình ảnh đầy đủ, mở trong một tab mới. Sau đó, chúng có thể được nâng cao dần vào thư viện hình ảnh bằng cách sử dụng JavaScript

  • Đánh cắp sự kiện nhấp chuột của liên kết hình thu nhỏ;
  • Lấy thuộc tính noscript6;
  • Cập nhật thuộc tính noscript7 của hình ảnh chính với giá trị thuộc tính noscript6

  Liên kết 'Báo cáo thông tin sản phẩm không chính xác' chỉ dành cho JavaScript

  Tính năng này có thực sự được sử dụng phổ biến đến mức đáng để tải xuống các byte JavaScript bổ sung cho tất cả người dùng của bạn để tính năng này mở ra dưới dạng một phương thức tích hợp trong trang không?

  Cửa sổ phương thức tích hợp của Amazon (phiên bản JavaScript)

  Vấn đề

  Thật tốt khi thông tin sản phẩm đối với tôi chính xác, vì tôi không thể báo cáo bất kỳ vấn đề nào. Thuộc tính `href` có giá trị là noscript9, mở ra một biểu mẫu phương thức tích hợp

  Giải pháp tiềm năng

  Biểu mẫu phương thức tích hợp của Amazon yêu cầu JavaScript hoạt động. Tôi sẽ biến 'tính năng báo cáo' thành một biểu mẫu độc lập trên một URL riêng, e. g. noscript0. Điều này có thể được nâng cao dần thành phương thức tích hợp bằng cách sử dụng Ajax để tải xuống HTML một cách riêng biệt

  Đánh giá chỉ hiển thị một phần theo mặc định

  Vấn đề

  Liên kết Đọc thêm không làm gì cả

  Giải pháp tiềm năng

  Tại sao không hiển thị toàn bộ bài đánh giá theo mặc định và sau đó sử dụng JavaScript để cắt bớt văn bản đánh giá và thêm liên kết 'Đọc thêm'?

  Điều đáng nói là tiêu đề bài đánh giá là một liên kết đến bài đánh giá trên một trang độc lập, vì vậy ít nhất vẫn có thể đọc được nội dung

  Nhìn chung, tôi thực sự ngạc nhiên khi thấy trang web hoạt động tốt như thế nào khi không có JavaScript. Nó có thể dễ dàng như một trang giấy trắng. Tuy nhiên, việc thiếu hình ảnh sản phẩm có nghĩa là chúng tôi đang bỏ lỡ một tính năng thực sự cốt lõi — tôi cho rằng điều quan trọng là có thể biết bạn đang mua gì. — vì vậy thật đáng tiếc khi chúng tôi không thể phủ kem lên chiếc bánh và trao cho nó xếp hạng NOSCRIPT-5

  Đánh giá của Amazon noscript. NOSCRIPT-3. 🤷‍

  Tôi vẫn chưa quyết định mình muốn mua sản phẩm nào, vì vậy tôi đã chuyển sang Camel Camel Camel, công cụ theo dõi giá của Amazon

  lạc đà lạc đà lạc đà

  Tôi muốn quyết định giữa iLife V3s Pro và iLife A4s, vì vậy hãy truy cập https. // anh. lạc đà lạc đà. com/. Lúc đầu, trang web trông không thể phân biệt được với phiên bản hỗ trợ JavaScript

  Camel Camel Camel, trông đẹp mắt và chuyên nghiệp — không có JavaScript.
  Bạn có thể chạy git diff trên những ảnh chụp màn hình này và cố gắng thấy sự khác biệt.

  Rất tiếc, biểu đồ lịch sử giá không hiển thị. Nó đã cung cấp dự phòng văn bản thay thế, nhưng văn bản thay thế không cho tôi biết xu hướng giá đang tăng hay giảm

  Văn bản thay thế cho biết "Biểu đồ lịch sử giá của Amazon" nhưng không cung cấp thông tin chi tiết về dữ liệu.
  Hãy xem biểu đồ đáng yêu này mà bạn nhận được khi bật JavaScript.

  gợi ý chung. cung cấp văn bản thay thế có ý nghĩa mọi lúc. Tôi không nhất thiết phải xem biểu đồ, nhưng tôi sẽ đánh giá cao bản tóm tắt nội dung của nó. Có lẽ, trong trường hợp này, đó có thể là “Biểu đồ lịch sử giá Amazon cho thấy giá của mặt hàng này hầu như không thay đổi kể từ tháng 3 năm 2017. ” Nhưng phải thừa nhận rằng tự động tạo ra một bản tóm tắt như thế là khó và dễ bị dị thường

  Đề xuất cụ thể cho trường hợp sử dụng này. hiển thị hình ảnh. Biểu đồ trên phiên bản kịch bản của trang web thực sự là một hình ảnh độc lập, vì vậy không có lý do gì mà nó không thể được hiển thị trên phiên bản noscript

  Tuy nhiên, nội dung cốt lõi bên dưới biểu đồ đã cung cấp cho tôi thông tin tôi cần biết

  Ai cần một biểu đồ?

  Bảng cung cấp tính tương đương tính năng cần thiết để đảm bảo xếp hạng NOSCRIPT-5. Tôi ngả mũ kính phục bạn, Camel Camel Camel

  Lạc đà Lạc đà Lạc đà noscript đánh giá. NOSCRIPT-5 ✅

  Sản phẩm của Google

  Vào thời điểm này trong ngày, tôi nhận được một cuộc điện thoại bất ngờ. Một người bạn đã gọi điện cho tôi và hỏi về cuộc gặp trong tuần này. Vì vậy, tôi đã truy cập Lịch Google để kiểm tra tình trạng rảnh rỗi của mình. Google đã có những ý tưởng khác

  Đáng ngạc nhiên là Lịch Google không cung cấp gì cho người dùng noscript

  Tôi thất vọng vì không có dự phòng noscript — Google thường khá giỏi trong lĩnh vực này

  Tôi không nhất thiết phải có thể thêm/chỉnh sửa/xóa các mục vào lịch của mình, nhưng có thể cung cấp chế độ xem chỉ đọc cho lịch của tôi dưới dạng nội dung cốt lõi

  Lịch Google noscript đánh giá. NOSCRIPT-0 🔥

  Muốn xem cách Google quản lý các sản phẩm khác, tôi đã xem nhanh Google Spreadsheets

  Bảng tính Google hiển thị bảng tính của tôi nhưng có thông báo cảnh báo lớn cho biết "JavaScript chưa được bật" và không cho phép tôi chỉnh sửa nội dung của bảng tính đó

  Trong trường hợp này, trang web bị lỗi nhẹ nhàng hơn rất nhiều. Tôi ít nhất có thể đọc nội dung bảng tính, ngay cả khi tôi không thể chỉnh sửa chúng. Tại sao lịch không cung cấp giải pháp dự phòng tương tự?

  Tôi không có đề xuất nào để cải thiện Bảng tính Google. Nó thực hiện tốt công việc thông báo cho người dùng nếu chức năng cốt lõi bị thiếu trong trải nghiệm noscript

  Bảng tính Google noscript đánh giá. NOSCRIPT-2 😅

  Xếp hạng này không thực sự tệ đến thế. Không phải tất cả các trang web đều có thể cung cấp trải nghiệm noscript, nhưng ít nhất nếu chúng thẳng thắn và trung thực (tôi. e. họ sẽ nói “vâng, chúng tôi sẽ không cố gắng cung cấp cho bạn bất cứ thứ gì”) để chuẩn bị cho bạn — người dùng noscript — khi nó thất bại. Bạn sẽ không lãng phí một vài giây quý giá để cố gắng điền vào một biểu mẫu không bao giờ được gửi hoặc bắt đầu đọc một bài viết mà sau đó phải sử dụng Ajax để truy xuất phần còn lại của nội dung.

  Bây giờ, quay lại giao dịch mua tiềm năng trên Amazon của tôi. Tôi muốn xem một số đánh giá của bên thứ ba trước khi mua hàng

  Tìm kiếm của Google hoạt động thực sự tốt mà không cần JavaScript. Nó trông hơi lỗi thời, giống như những trang web cũ chỉ dành cho máy tính để bàn ở độ phân giải cố định

  noscript phiên bản có các tùy chọn tìm kiếm bổ sung ở bên trái (nếu không thì được ẩn trong cài đặt trên phiên bản JS) — và không có biểu ngữ bảo mật (có lẽ vì 'theo dõi' không liên quan đến người dùng noscript?)
  JavaScript version has the ability to search via voice input, and the ‘privacy reminder’ message.

  Chế độ xem hình ảnh trông thậm chí còn khác hơn và tôi thực sự thích nó theo một số cách - phiên bản này tải cực nhanh và liệt kê các kích thước và kích thước hình ảnh tính bằng kilobyte bên dưới mỗi hình thu nhỏ

  ____1_______ phiên bản. lưu ý thông tin meta hình ảnh không được cung cấp trên phiên bản tập lệnh.
  Phiên bản JavaScript. lưu ý khu vực 'các cụm từ tìm kiếm có liên quan' không được cung cấp trên phiên bản noscript.

  Google Tìm kiếm noscript xếp hạng. NOSCRIPT-5 ✅

  Một trong những kết quả tìm kiếm đã đưa tôi đến một bài đánh giá trên YouTube. Tôi đã nhấp, không mong đợi nhiều. Tôi đã đúng khi không phấn khích

  YouTube không cung cấp nhiều trải nghiệm noscript

  Tôi thực sự không mong đợi một trang web như YouTube hoạt động mà không có JavaScript. YouTube yêu cầu khả năng phát trực tuyến nâng cao, chưa kể rằng nó sẽ tự mở ra để sao chép trộm nếu nó cung cấp bản tải xuống MP4 độc lập làm phương án dự phòng. Trong mọi trường hợp, không có trang web nào bị hỏng. Tôi nhìn chằm chằm vào màn hình này trong vài giây trước khi nhận ra rằng sẽ không có gì khác xảy ra

  Gợi ý. Nếu trang web của bạn không thể cung cấp giải pháp dự phòng cho người dùng noscript, tối thiểu bạn nên cung cấp thông báo cảnh báo noscript

  YouTube noscript xếp hạng. NOSCRIPT-0 🔥

  Cái mà?

  Tôi đã nhấp vào một vài liên kết đánh giá khác. Cái nào?

  Trang web cho biết có 10 máy hút bụi tốt để lựa chọn, nhưng danh sách này rõ ràng được điền bằng Ajax hoặc thứ gì đó vì tôi không thấy gì

  Đây là một trang có vẻ như được tải tốt, nhưng chỉ khi bạn đọc nội dung, bạn mới nhận ra rằng mình thực sự đang thiếu một số thông tin quan trọng. Thông tin quan trọng đó hoàn toàn là cốt lõi đối với mục đích của trang và tôi không thể hiểu được. Do đó, thật không may, đó là vi phạm NOSCRIPT-1

  Gợi ý. Nếu trang web của bạn có nội dung Ajax, thì nội dung đó tồn tại ở một URL khác. Cung cấp liên kết đến nội dung đó cho người dùng noscript của bạn. Bạn luôn có thể ẩn liên kết khi đã Ajaxed thành công bằng JavaScript

  Cái mà? . NOSCRIPT-1 😫

  Facebook

  Cuối cùng, tôi thừa nhận rằng tôi thực sự không đủ khả năng chi trả cho một chiếc máy hút bụi ngay bây giờ. Vì vậy, tôi quyết định nhảy lên phương tiện truyền thông xã hội

  Facebook cho biết cần có JavaScript để tiếp tục hoặc chúng tôi có thể nhấp vào liên kết đến trang web dành cho thiết bị di động

  Facebook thẳng thừng từ chối tải khi không có JavaScript, nhưng nó cung cấp tùy chọn dự phòng. Đây là ví dụ đầu tiên của chúng tôi về NOSCRIPT-4 — một trang web cung cấp một phiên bản nội dung riêng biệt cho người dùng noscript hoặc điện thoại phổ thông

  Phiên bản trang web di động của Facebook

  Phiên bản di động tải ngay lập tức. Nó trông xấu xí, nhưng có vẻ như tôi nhận được cùng một nội dung như bình thường. Điều quan trọng, tôi có tính năng tương đương. Tôi có thể hoàn thành những điều tương tự ở đây như tôi có thể làm trên trang web chính

  Facebook noscript đánh giá. NOSCRIPT-4 🤔

  Trang được tải với tốc độ cực nhanh

  50. 8KB. Trang được tải trong 1. 39 giây

  Tôi chỉ có thể xem 7 mục trong nguồn cấp tin tức cùng một lúc, nhưng tôi có thể nhấp để “Xem thêm các tin bài”, thao tác này sẽ đưa tôi đến một trang mới, sử dụng các kỹ thuật phân trang truyền thống

  Tôi thấy ấn tượng khi có tùy chọn 'phản ứng' với một bình luận trên Facebook, mặc dù đây là tác vụ đa màn hình

  Phản ứng trước tiên yêu cầu bạn nhấp vào 'Phản ứng'...
  ...sau đó sẽ đưa bạn đến một màn hình riêng để chọn phản ứng của mình.

  Không có gì ngăn Facebook xây dựng menu 'phản ứng' khi di chuột bằng JavaScript, nhưng công bằng mà nói, điều này nhằm vào các thiết bị di động không thể di chuột

  Gợi ý. Sáng tạo với CSS. Bạn có thể thấy rằng bạn hoàn toàn không cần JavaScript

  Không lâu sau, một mục video xuất hiện trong nguồn cấp tin tức của tôi. (Tại thời điểm này, tôi nhận ra rằng tôi đã xem nội dung video trên phiên bản di động ít hơn bao nhiêu so với Facebook bình thường, nghĩa là tôi thực sự đang xem trạng thái của mọi người thay vì một video ngẫu nhiên mà họ 'thích' - một cải tiến lớn . )

  Tôi hoàn toàn mong đợi video không hoạt động khi tôi nhấp vào, nhưng nhấp vào hình thu nhỏ đã mở video trong một tab mới

  Bạn không cần JavaScript để phát tệp MP4

  Tôi rất ngạc nhiên rằng tất cả các chức năng dường như đều có trên phiên bản noscript này của trang web. Tuy nhiên, cuối cùng, tôi đã tìm thấy một tính năng quá rắc rối và rườm rà để xem hết. tạo album

  Tôi muốn tải một album ảnh lên Facebook, nhưng ở vùng đất noscript, đây quả là một nhiệm vụ khó khăn. Nó liên quan đến việc tải lên một ảnh mỗi lần, đi qua hai hoặc ba màn hình cho mỗi lần tải lên. Tôi đã cố gắng hết sức nhưng không tìm được tùy chọn tải lên hàng loạt

  Công việc này đến với tôi sau bức ảnh số ba (album của tôi sẽ còn nhiều ảnh nữa), vì vậy tôi quyết định tạm hoãn và quay lại vào ngày mai khi tôi có JavaScript

  Twitter

  Mọi thứ trở nên kỳ lạ khi tôi lướt qua Twitter

  Trong lần tải đầu tiên, tôi có giao diện giống như trang web dành cho máy tính để bàn bình thường.
  Sau vài giây, tôi tự động được chuyển hướng đến trang web dành cho thiết bị di động.

  Tôi bị hấp dẫn bởi cơ chế này nên đã tìm hiểu kỹ mã nguồn, nó thực sự đơn giản một cách đáng ngạc nhiên

  Giải pháp này tuy đơn giản nhưng tôi thấy trải nghiệm này khá rắc rối vì trong nháy mắt trước khi tôi được chuyển hướng, tôi thấy rằng một trong những người tôi theo dõi trên Twitter đã đính hôn. Dòng tweet của anh ấy không xuất hiện ở đầu phiên bản 'di động', vì vậy tôi phải đi tìm nó

  Gợi ý. Xây dựng trong thời gian ân hạn vào logic phía máy chủ của bạn để chuyển hướng và làm mới bất cẩn không làm mất các tweet thú vị trước khi bạn có cơ hội đọc chúng

  Tôi không thể nhớ tài khoản Twitter của bạn tôi. Tìm kiếm hơi phức tạp — tôi bắt đầu thực sự bỏ lỡ các đề xuất tự động điền

  Không có đề xuất tự động điền nào xuất hiện khi tôi nhập

  May mắn thay, trang kết quả tìm kiếm đã hiển thị ngay tài khoản của anh ấy và tôi đã có thể tìm thấy dòng tweet của anh ấy. Tôi thậm chí đã có thể trả lời

  Xếp hạng Twitter noscript. NOSCRIPT-4 🤔

  Đây có vẻ là một số điểm hào phóng, mang lại cảm giác cồng kềnh, nhưng hãy nhớ rằng điều quan trọng ở đây là tính năng tương đương. Nó không cần phải trông đẹp

  Tôi đã thử thêm một số trang mạng xã hội khác, không giống như Twitter, không đạt đến mức độ tuân thủ NOSCRIPT-4 cao đến chóng mặt

  Mạng xã hội khác

  LinkedIn có một màn hình tải đẹp, riêng biệt. Nhưng nó không bao giờ tải, vì vậy tất cả những gì tôi có thể làm là nhìn chằm chằm vào logo

  Đánh giá của LinkedIn noscript. NOSCRIPT-0 🔥

  Instagram đã cho tôi nghĩa đen không có gì. Một trang trống. Một hương vị hoàn toàn khác của NOSCRIPT-0

  Xếp hạng Instagram noscript. NOSCRIPT-0 🔥🔥🔥

  Tôi đã rất ngạc nhiên khi Instagram thất bại một cách ngoạn mục ở đây, vì tính năng nhúng Instagram hoạt động hoàn hảo trên trang danh mục đầu tư của tôi. Tôi đoán với một nhúng, bạn sẽ không bao giờ biết những kỳ vọng hỗ trợ trình duyệt của bên thứ ba là gì, nhưng khi tôi trực tiếp truy cập trang web, Instagram rất vui khi thực hiện cuộc gọi ngừng hỗ trợ

  tin tức BBC

  Tôi đến đài BBC để xem tin tức

  Trong phiên bản noscript, hãy chú ý cột hẹp và một câu chuyện có hình thu nhỏ.
  Phiên bản JavaScript. nhận thấy việc sử dụng đầy đủ màn hình máy tính để bàn và nhiều hình thu nhỏ của bài viết.

  Menu hơi khác một chút và cột khá hẹp (chắc chắn đây là mẫu mà tôi thấy trên nhiều trang web — tại sao “không có JavaScript” lại có nghĩa là “thiết bị di động”?) nhưng tôi có thể truy cập nội dung

  Tôi đã nhấp vào tab 'Đọc nhiều nhất', tab này sẽ đưa tôi đến một phần khác của trang. Với tập lệnh, liên kết neo này được tăng cường dần dần để đạt được hành vi tab thực tế, đây là một ví dụ đáng yêu về việc xây dựng từ lõi HTML vững chắc

  Cho đến nay, đây là ví dụ duy nhất về liên kết neo mà tôi đã bắt gặp trong thử nghiệm của mình, điều này thật đáng tiếc vì đây là một kỹ thuật hay giúp tiết kiệm tải trang bổ sung và tiết kiệm việc phân mảnh trang web thành nhiều trang nhỏ

  Tuy nhiên, nó trông hơi kỳ lạ, CSS danh sách được sắp xếp có nghĩa là chúng tôi có một trục trặc đánh số kép ở đây. Tôi bấm vào một trong những câu chuyện

  Bài viết phải chứa một video nhưng thay vào đó là nội dung "Phát lại phương tiện không được hỗ trợ trên thiết bị của bạn". không có bảng điểm

  Tôi không thể truy cập nội dung video nhưng do các vấn đề về quyền, tôi nghi ngờ rằng BBC không thể cung cấp một video độc lập riêng biệt như Facebook đã làm. Tuy nhiên, một bảng điểm sẽ rất hay — và có lợi cho nhiều người chứ không chỉ dành cho người dùng noscript

  Gợi ý. Cung cấp dự phòng văn bản cho nội dung nghe nhìn

  Công bằng mà nói, nội dung bài viết về cơ bản tổng hợp nội dung xuất hiện trong video nên tôi không thực sự bỏ sót thông tin

  Các trang bài viết và mục lục tải nhanh như chớp, khoảng 300KB (chủ yếu là hình ảnh). Tôi bỏ lỡ các hình ảnh thu nhỏ cho các bài viết khác trên trang và khả năng tận dụng tối đa diện tích màn hình của mình — nhưng điều đó không ảnh hưởng đến xếp hạng

  Đánh giá của BBC noscript. NOSCRIPT-5 ✅

  GitHub

  GitHub trông gần giống hệt như đối tác hỗ trợ JavaScript của nó. Ồ. Nhưng tôi đoán đây là một trang web được phát triển bởi các nhà phát triển, dành cho các nhà phát triển. 😉

  Một điểm khác biệt mà tôi có thể thấy là cách GitHub xử lý thời gian. Khi bật JavaScript, hãy chú ý cách thông báo '2 ngày trước'.
  Trên phiên bản không có tập lệnh, thay vào đó, nó cho biết “Ngày 1 tháng 3 năm 2018”.

  Tôi đã làm một chút công việc nội trợ trên GitHub, tìm kiếm các kho lưu trữ và xóa các nhánh cũ. Trong một thời gian, tôi thực sự quên rằng mình đang sử dụng phiên bản không phải JavaScript cho đến khi tôi gặp một lỗi nhỏ

  Phần “Tìm nạp cam kết mới nhất…” sẽ quay mãi mãi…

  Sau đó, tôi tự hỏi, “Gigithub sẽ xử lý việc dán nhãn cho các vấn đề như thế nào?”

  Các trường này không phản hồi khi bạn nhấp vào chúng

  Tôi không thể tạo sự cố và thêm nhãn cho sự cố đó cùng một lúc. Trên thực tế, tôi không thể tìm thấy bất kỳ cách nào để thêm nhãn ngay cả sau khi tạo một vấn đề trống. Thật đáng tiếc khi trang web bị rớt ở rào cản cuối cùng vì nó gần như là một sự so sánh liền mạch với phiên bản viết kịch bản

  Xếp hạng GitHub noscript. NOSCRIPT-3 🤗

  Mặc dù GitHub trông thật tuyệt vời — tôi sẽ không bao giờ biết rằng JavaScript của mình đã bị tắt — việc không thể sử dụng chức năng chính giống như phiên bản viết kịch bản là một điều đáng tiếc. Ngay cả một trang web noscript trông xấu xí cũng sẽ nhận được điểm cao hơn vì chức năng quan trọng hơn hình thức

  Ngân hàng trực tuyến

  Nếu có một nơi mà tôi mong đợi JavaScript được yêu cầu, thì đó là trên trang web của ngân hàng NatWest. tôi đã sai

  Nó không chỉ hoạt động mà còn khó phân biệt với trang web bình thường. Màn hình đăng nhập giống nhau, điểm khác biệt duy nhất là tiêu điểm không tự động chuyển qua từng trường khi bạn hoàn thành

  Xếp hạng NatWest noscript. NOSCRIPT-5 ✅

  Điều khoản khác

  Tôi đã xem qua một vài trang web khác trong suốt cả ngày của mình

  FreeAgent - trang web phần mềm thuế mà tôi sử dụng cho công việc tự do của mình - thậm chí không thử dự phòng noscript. Nhưng này, điều đó tốt hơn là hiển thị một trang web bị hỏng

  FreeAgent hiển thị thông báo không có JavaScript

  FreeAgent đánh giá noscript. NOSCRIPT-2 ⛔

  Và CodePen, cũng dễ hiểu thôi, cũng phải là NOSCRIPT-2

  đánh giá CodePen noscript. NOSCRIPT-2 ⛔

  Tonik, nhà cung cấp năng lượng, không cho phép tôi đăng nhập, nhưng đây có vẻ là một sự giám sát hơn là một quyết định có chủ ý

  Tôi thấy dòng chữ "khu vực nhúng" nơi tôi phải xem biểu mẫu đăng nhập

  Đánh giá của Tonik noscript. NOSCRIPT-1 ❌

  M&S Energy cho phép tôi đăng nhập — chỉ để cho tôi biết rằng nó cần JavaScript để làm bất cứ điều gì hữu ích từ xa

  M&S yêu cầu JavaScript để hoạt động, nhưng bạn phải nỗ lực nhiều hơn để đạt được điểm đó

  Xếp hạng M&S noscript. NOSCRIPT-1 ❌

  Bây giờ tôi đến với ảnh chụp màn hình yêu thích của tôi trong ngày

  Một trong những đồng nghiệp của tôi đã từng đề xuất một khóa học về Khả năng truy cập dành cho Thiết kế Web mà tôi đã đánh dấu trang. Tôi quyết định xem nó ngày hôm nay và bật cười trước sự trớ trêu của văn bản thay thế

  Văn bản thay thế của “Personas. Khả năng truy cập cho thiết kế web”. Soooo… tôi đang thiếu gì vậy?

  Với văn bản thay thế của “Personas. Khả năng truy cập cho thiết kế web,” Tôi không chắc mình đang thiếu gì ở đây — đó có phải là hình ảnh không?

  Gợi ý. Nó thực sự là một video, mặc dù bạn phải đăng nhập để xem nó

  Văn bản thay thế không thực sự hỗ trợ mục đích của nó, một phần vì nó được điền tự động. Chúng tôi với tư cách là một cộng đồng nhà phát triển cần phải cải thiện điều này. Tôi không nghĩ rằng tôi đã đọc bất kỳ văn bản thay thế hữu ích nào ngày hôm nay

  Bản tóm tắt

  Tôi đã bắt đầu thử nghiệm này với mục đích xem có bao nhiêu trang web được triển khai bằng cách sử dụng tính năng nâng cao lũy tiến. Tôi mới chỉ truy cập một số ít trang web ở đây, hầu hết đều là những tên tuổi lớn với ngân sách lớn, vì vậy thật thú vị khi thấy sự đa dạng trong hỗ trợ không có JavaScript

  Thật thú vị khi thấy rằng các trang web tương đối đơn giản — đặc biệt là Instagram và LinkedIn — có hỗ trợ noscript kém như vậy. Tôi tin rằng điều này một phần là do sự phổ biến ngày càng tăng của các khung JavaScript như React, Angular và Vue. Các nhà phát triển hiện đang xây dựng “ứng dụng web” thay vì “trang web” với mục đích tạo lại giao diện của ứng dụng gốc và sử dụng JavaScript để quản lý DOM là cách dễ quản lý nhất để tạo ra những trải nghiệm như vậy

  Có một mối nguy hiểm là ngày càng có nhiều trang web yêu cầu JavaScript để hiển thị bất kỳ nội dung nào. May mắn thay, thường có thể xây dựng nội dung của bạn theo cùng một cách thân thiện với nhà phát triển nhưng được hiển thị trên máy chủ, chẳng hạn như bằng cách sử dụng Preact thay vì React. Đưa ra quyết định có ý thức để quan tâm đến noscript mang lại những lợi ích của trải nghiệm cốt lõi như đã nêu ở đầu bài viết này và cũng có thể giúp thời gian tải được nhận thức nhanh hơn

  Có thể khá khó khăn khi nghĩ về một ứng dụng từ đầu, nhưng trải nghiệm cốt lõi tốt thường có thể thực hiện được và thực sự chỉ liên quan đến các chỉnh sửa đơn giản trong nhiều trường hợp. Trải nghiệm cốt lõi tốt là dấu hiệu của một trang web có cấu trúc tốt, do đó, thường là một dấu hiệu tốt cho SEO và cho khả năng truy cập. Đó thường là một trang web được thiết kế tốt vì nhà thiết kế và nhà phát triển đã dành thời gian và công sức để suy nghĩ về những gì thực sự cốt lõi đối với trải nghiệm. Cải tiến liên tục có nghĩa là trải nghiệm mạnh mẽ hơn, với ít lỗi hơn trong quá trình sản xuất và ít lỗi trình duyệt riêng lẻ hơn, bởi vì chúng tôi đang để nền tảng thực hiện công việc thay vì cố gắng viết tất cả từ đầu

  Có bao nhiêu người dùng đã tắt JavaScript?

  Sau khi phân tích các con số, chúng tôi nhận thấy tỷ lệ nhất quán các yêu cầu bị vô hiệu hóa JavaScript nằm trong khoảng 1% lưu lượng truy cập thực tế của khách truy cập , với . 25 phần trăm ở Brazil.

  Tại sao người dùng sẽ tắt JavaScript?

  Khi tắt JavaScript, trình duyệt của bạn sẽ có thể tải các trang web một cách chính xác, đặc biệt là các trang web cũ hơn . Trình duyệt máy khách có thể chèn mã độc hại vào mã JavaScript của trang web, có thể ảnh hưởng trực tiếp đến máy tính hoặc thiết bị của bạn nếu bạn truy cập trang web đó.

  Người dùng có thể tắt JavaScript không?

  Trên Tab Bảo mật là một nút có nội dung "Cấp độ tùy chỉnh" - nhấp vào đó. Thao tác này sẽ mở ra cửa sổ bật lên Cài đặt bảo mật, cuộn xuống cho đến khi bạn tìm thấy phần "Scripting". Chọn Tắt, Bật hoặc Nhắc phê duyệt, bất kỳ trang web nào có JavaScript

  Điều gì sẽ xảy ra nếu tôi tắt JavaScript?

  Tất cả JavaScript trong quảng cáo, nhúng phương tiện truyền thông xã hội và các công cụ theo dõi chuyên dụng đều ngừng hoạt động nếu bạn tắt JavaScript. Vẫn có nhiều cách để bạn bị theo dõi trực tuyến, nhưng nếu những phương pháp đó được thực hiện bằng JavaScript, thì việc tắt nó sẽ khiến chúng không hoạt động