Helene तूफ़ान के दौरान, बस एक साधारण टेक्स्ट वेबसाइट चाहिए थी
(sparkbox.com/foundry)- Hurricane Helene की वजह से बिजली कटने और अस्थिर संचार की स्थिति में हल्की web accessibility की ज़रूरत स्पष्ट हुई
- जटिल image और script-केंद्रित websites मोबाइल वातावरण में लगभग काम ही नहीं कर पाईं
- साधारण text-based pages जानकारी पहुँचाने और accessibility, दोनों के लिहाज़ से सबसे प्रभावी रहे
- web performance में गिरावट आपदा की स्थिति में information gap में बदल सकती है
- संकट के समय भी सुलभ रहने वाले lightweight web design के महत्व पर ज़ोर दिया गया
Helene तूफ़ान और mobile web accessibility
- Helene तूफ़ान के कारण बिजली और नेटवर्क अस्थिर होने पर websites का लोड होना लगभग असंभव हो गया
- images, ads, JavaScript जैसे कई जटिल तत्वों वाली sites लोड होने में विफल रहीं
- सिर्फ साधारण HTML text देने वाले pages अपेक्षाकृत सुलभ रहे
- इस अनुभव ने फिर से दिखाया कि web का मूल उद्देश्य जानकारी पहुँचाना है
- visual design से अधिक content accessibility को प्राथमिकता दी जानी चाहिए
साधारण web का मूल्य
- text-केंद्रित websites धीमे नेटवर्क वातावरण में भी तेज़ी से काम करती हैं
- अनावश्यक resources हटाने से data usage और loading time, दोनों को काफ़ी कम किया जा सकता है
- यह सिर्फ संकट की स्थिति में ही नहीं, बल्कि mobile user experience को बेहतर बनाने में भी उपयोगी है
- साधारण संरचना maintenance और accessibility सुधारने में भी मदद करती है
web performance और सामाजिक ज़िम्मेदारी
- जटिल web संरचना information inequality को और गहरा कर सकती है
- कमज़ोर network infrastructure वाले क्षेत्रों में जानकारी तक पहुँच सीमित हो जाती है
- developers को ऐसे web पर विचार करना चाहिए जो न्यूनतम resources में भी काम कर सके
- crisis response, accessibility और sustainability के नज़रिए से यह एक आवश्यक कार्य है
निष्कर्ष
- Helene तूफ़ान का अनुभव lightweight web design की आवश्यकता दिखाने वाला एक उदाहरण है
- साधारण text web संकट-प्रतिक्रिया क्षमता और सार्वभौमिक accessibility दोनों सुनिश्चित करने का समाधान है
1 टिप्पणियां
Hacker News की राय
कई news sites text-only version दे रही हैं
उदाहरण के लिए lite.cnn.com, text.npr.org, wttr.in आदि
और अधिक सूची Greycoder की list में देखी जा सकती है
अच्छा होगा अगर इन्हें आसानी से ढूँढने और स्थानीय news sites पर भी support करने के लिए कोई standardized तरीका हो
असल में सेट होने वाली cookies सिर्फ banner click से जुड़ी लगती हैं, लेकिन page size का बड़ा हिस्सा शायद उसी banner की वजह से है
संबंधित लेख: Hoe werkt het vernieuwde Teletekst
CNN ने कुछ महीने पहले aggressive A/B testing की थी, तब यह site फिर याद आई
article header image 2400x1600 PNG थी और 500KB की थी, कहा गया कि सूक्ष्म dithering की वजह से compression अच्छी तरह नहीं हो रहा था
उसी image को .avif(quality 90, 12-bit) में बदलने पर वह 15KB रह गई
ऐसी images page loading धीमी करती हैं, scroll करने पर मजबूर करती हैं, और जल्दी भुला दी जाती हैं
Hurricane Helene के दौरान, जिस Newspack team में मैं था उसने Blue Ridge Public Radio आदि के साथ मिलकर
low-bandwidth users के लिए text version news site बनाई
text.bpr.org के ज़रिए दसियों हज़ार लोगों तक जानकारी पहुँचाई गई, और
उसी परिणाम के आधार on OpenNews का support मिला,
जिसके साथ अब breaking news के लिए plain-text web solution को देशभर के media organizations तक पहुँचाने का project चल रहा है
pure HTML और form-based interaction मात्र से भी काफ़ी प्रभावी काम हो सकता है
पुराने web forums का अधिकांश हिस्सा JS के बिना भी पूरी तरह काम करता था
GitHub पर भी कभी JS के बिना issues देखना और comments लिखना संभव था, लेकिन
अब वहाँ लगभग कुछ भी दिखाई नहीं देता। शायद tracking scripts को बढ़ावा देने की वजह से
Hurricane Helene के समय के अनुभवों का सार
बिजली न होने से petrol pumps ढूँढना मुश्किल था, इसलिए पड़ोसियों के साथ fuel बाँटना पड़ा
केवल solar पर भरोसा न करें; backup power(वाहन, propane generator आदि) तैयार रखनी चाहिए
और emergency service websites को Web 1.0 स्तर के simple forms और images से भी काम करना चाहिए
जिन sites को JS load होने में 5 मिनट लगते हैं, वे disaster situation में बेकार हैं
NPR radio updates ही जानकारी का एकमात्र स्रोत थे
अंत में पड़ोसियों के साथ मिलकर सड़कें बहाल कीं, fuel की व्यवस्था की, और फिर वहाँ से निकल पाए
card payment network ठप होने पर POS terminals काम नहीं करते
Xfinity app connection अस्थिर होते ही error देता है और बहुत भारी है
ऐसी स्थिति में तो हल्का customer support portal चाहिए, लेकिन हक़ीक़त बिल्कुल उलटी है
अगर triple SIM phone होता तो Verizon भी जोड़ना चाहता
eSIM कई register की जा सकती हैं, लेकिन एक समय में केवल एक ही active हो सकती है
इसी तरह के अनुभव में, नेपाल में landslide के दौरान मैं कई दिनों तक फँसा रहा था
कोई जानकारी नहीं थी, इसलिए ख़बर सिर्फ phone के ज़रिए पहुँच रही थी,
और जैसे ही सड़क खुली, गाड़ियों की भीड़ लग गई जिससे भीड़भाड़ और ख़तरा पैदा हुआ
COVID के दौरान मैंने local restrictions को सरल रूप में संकलित करने वाला text page चलाया था,
जो जटिल briefings से कहीं अधिक उपयोगी था
Ukraine invasion के समय refugees ने Telegram, Notion, Google Docs के जरिए
सिर्फ 24 घंटे में स्वैच्छिक information network बना लिया था
आखिरकार information delivery को सरल बनाना ही crisis response का मूल है
दोस्तों से real-time में पूछकर escape route की पुष्टि की थी
सौभाग्य से ज़्यादातर जवाब सही मिले और वह safe area में पहुँच सका
लगता है कि संवेदनशील जानकारी भी वहीं साझा होती है
web industry में लंबे समय से रहने वाले लोग 9/11 के समय का बड़ा web outage याद करेंगे
लगभग सभी news sites down हो गई थीं, और Slashdot ही किसी तरह बचा रहा और जानकारी देता रहा
अब infrastructure बहुत बदल चुका है, लेकिन फिर भी मन में आता है, “अगर फिर ऐसा हुआ तो?”
और आख़िरी hop न्यूयॉर्क के tower के अंदर के server की ओर जा रहा था
बाद में west coast की ओर redirect होने तक काफ़ी समय लगा
हाल में पढ़े एक लेख में कहा गया था कि अब 1GB RAM पर browser चलाना मुश्किल हो गया है
JS तेज़ हुआ है, लेकिन उसी अनुपात में website code size भी बेवजह बढ़ गया है
तेज़ network ने मानो इस inefficiency को और बढ़ावा दिया है
संबंधित लेख देखें
लगभग 1994 स्तर के pure HTML से शुरुआत करना अच्छा रहेगा
<html>,<body>मात्र से भी काफ़ी है, और ज़रूरत हो तो थोड़ा CSS जोड़ा जा सकता हैअगर Pico.css जैसी external CSS इस्तेमाल करें, तो CDN की जगह self-host करना बेहतर है
npx create-react-appजैसे जटिल tools बाद की बात हैंCSS को gzip basis पर लगभग 20KB तक बनाए रखता हूँ
<meta charset="utf-8">को अब भी शामिल करना अच्छा हैUK government का GDS web standard simple HTML पर आधारित है,
यहाँ तक कि कहा जाता है कि वह PSP पर भी काम करता था
Terence Eden की blog post देखें