Web hate [entries|archive|friends|userinfo]
webhate

[ userinfo | ljr userinfo ]
[ archive | journal archive ]

Якими мають бути сайтики [May. 30th, 2020|11:09 pm]
[Tags|, ]
[Current Mood | hopeful]

Якомога менше JavaScript


Більшість сторінок в WWW можуть прекрасно обійтися без JavaScript. JavaScript це додаткові дані які потрібно завантажити а потім витратити час та машинні ресурси на їх обробку. З увімкненим JavaSciprt olx.ua завантажується за 8,30 секунд а з вимкненим за 1,74 секунди; також сторінка прокручується швидше. На JavaScript припадає 1,2 МіБ від загальної кількості переданих даних в 2 МіБ. Більшість з того що воно там завантажило не потрібно нікому окрім Google.


mdeium.com. 4,7 секунди на завантаження. 491 Кіб з 644 Кіб даних це всілякі реакти і редукси (тобто програми на JavaScript). І все для чого? Для того щоб показати декілька абзаців тексту про те що Medium не такий як всі інші. Співвідношення шуму та корисної інформації просто вражає. Хочеться почитати не рекламний текст на головній, а статтю? То приготуйся завантажити 1896,69 Кіб коду незрозуміло яких програм. Більшість з того для чого призначені всі ці програмки можна зробити на боці сервера віддавши сторінку з мінімумом необхідних скриптів. Але хіба це модно? Хіба по сучасному? Ні!


Варто завжди пам'ятати що


  • JavaScript сповільнює перегляд та завантаження web-документів. Якби не JavaScript, то сайтики на всіляких Lenovo, SAMSUNG`ах, iPhone`ах та інших UleFone відкривалися б моментально.

  • Фарширування web-документів JavaScript'ом утискає власників не зовсім нових девайсів.

  • Виконання JavaScript-програм дуже енергозатратне і збільшує рахунок за електрику. Тобто ми всі платимо за JavaScript.

  • Саме за допомогою JavaScript web-макаки роблять всілякі ідіотські штуки на зразок прихованих коментарів для перегляду яких треба натиснути кнопку, форми для відправки яких потрібен JavaScript, поле пошуку для активації якого доводиться додатково натискати на піктограму або кнопку для того щоб воно вилізло з яким-небудь (неоригінальним) ефектом (оргазми кожного разу коли бачу цю срану анімацію). Таке роблять навіть тоді, коли місця вистачає хоч на 10 таких полів. Не забуваймо про новинні сайтики з текстами які не працюють без мегабайту скриптів, а з вимкненим JavaScript все що можна на таких почитати це заглушки у вигляді смужок для тексту та інших елементів сторінки які мали б завантажуватися тими самим скриптами. Хочеться згадати ще й про безкінечну прокрутку і кнопки «завантажити ще».

  • Якщо в тебе вкрали гроші під час використання банківського сайтику чи заразили вірусам, то це JavaScript.

  • Мегабайти JavaScript це в першу чергу для зручності web-програмістів а не якихось ефемерних користувачів. Додаючи черговий двохсоткілобайтний файлик web-макака піклується лише про себе — напружуватися якомога менше, зробити якомога більше.

  • Вебщиків позбавили Flash і тегу blink, але залишили їм JavaScript для того щоб вони робили блимаючі баннери.

Мої слова також підтверджує Klint Finley в статті I Turned Off JavaScript for a Whole Week and It Was Glorious. Цитата: Pages loaded nearly instantly, my laptop battery lasted longer, and I could browse the web with fewer distractions… Закликаю всіх хто це читає слідувати моєму прикладу і вимкнути JavaScript!


Припинити мімікрувати під програми


Як всі прекрасно знають HTML + CSS + JavaScript як програмна платформа повний відстій. Всі ці SPA які намагаються бути як справжні програми нормальних людей ідуть проти природи WWW. Хочеться писати програми як дорослі хлопчики? Вчи Qt, Flash чи Silverlight.


Бути читабельними


Ідіотська мода останніх років на сірий текст дрібним шрифтом на білому фоні це, блять, погано. Погано тому що не у всіх хороший зір, якісні монітори і просто-напросто перегляд такого низькоконтрастного поєднання темно-сірого зі світло-сірим потребує більше зусиль. Маю на увазі не лише текст як в книжці а й різномантні кнопки та інші елементи GUI. Подібні стилістичні рішення мають право на життя, але лише там де це дійсно потрібно. Що цікаво навіть традиційно сині URL перефарбовують в сірий. Було б ідеально якби web-макаки менше лізли до шрифтів віддаючи остаточне рішення про розмір і колір web-переглядачу користувача: віддавали б перевагу відносними одиницями виміру замість абсолютних, більше покладалися б на на larger, slmaller, x-small та інші подібні значення font-size і слідкували за рівнем контрастності.

How the Web Became Unreadable

Підтримувати попередні версії web-переглядачів


Нині більшість web-переглядачів оновлюються ледь не щодня і вебщики перестали звертати увагу на щось старіше за передостанню версію Хромога. Сайтик який ще декілька місяців тому без проблем працював в несвіжій версії Firefox або Opera перестає функціонувати бо web-макака прибирає старі костилі чи міняє їх на нові. Окрім незручностей ці зміни нічого користувачам не дають.


В цілому хочеться щоб WWW залишався зборищем саме документів а не документів які намагаються бути як програми. Документів доступних як з Nokia 6300 так і з сучасного ПеКа. Щоб форма відправки чого б то не було залишалася просто формою відправки. Щоб WWW ставав семантичним та насичувався метаданими. Щоб нормлаьні програми не замінювалися скриптами на HTML сторінці. Чуваки, заспокойтесь — це лише документи.

Link5 comments|Leave a comment

Чому web-макакам так подобається обмазуватися JavaScript [May. 30th, 2020|11:08 pm]
[Tags|, ]

Навіть не стільки JavaScript скільки різноманітним бібліотеками та framework'ами. Живемо ми в такий час коли сторіночка без Angular, Vue, React, Ember, Polymer, Meteor, Typescript і всякого такого серед сайтописак часто сприймається як щось погане, немодне, зашкварне. Вони полюбляють використовувати якусь неймовірно корисну (наспрадві ні) і дуже популярну бібліотечку навіть якщо можна спокійно без цього обійтися і не перевантажувати сторінку зайвими даними. Не так давно сайтобудівельники в масі своїй були скромнішими задовільняючись jQuery, Mootools, YUI і чужими кривуватими напрацюваннями знайденими на просторах Internet, а про щось серйозніше знало 3,5 найбільш метикуватих особин з всієї популяції.

Read more... )
Link1 comment|Leave a comment

Презирство до jQuery [May. 30th, 2020|11:07 pm]
[Tags|, ]

Нещодавно jQuery це було єдиине що знало і що використовувало 99% вебщиків. Але якийсь час тому фокус змістився з цієї божественної бібліотеки на framework'и (або принаймні вони стали новою гарячою темою) і jQuery, по суті і нині залишаючись невідʼємною частиною вебопрограмування, заліг в темних глибинах підсвідомості сайтописак. Вивчивши React з Redux типовий вебопрограміст починає зверхньо дивитися і на jQuery і на тих хто jQuery користується. Така поведінка пояснюється дуже просто. І виникає вона через бажання самоствердитися принижуючи інших та через те що web-програміст вважає що він піднявся вище — я став суперспеціалістом, я став кращим, а ти гівно. Не jQuery єдиним, але питання в іншому. Чи сайтописака який перейшов на який-небудь популярний (а в основному тільки на таке і переходять) framework дійсно став кращим? Звісно ж ні. Тому що все що сталося це просто зміна інструменту. Інструменту для якого потрібні нові знання. От і все. Він не здійснив якогось еволюційного стрибку. Це як поміняти молоток на станок або на магічний молоток що керується заклинаннями.

Link2 comments|Leave a comment

Черговий курйоз вебщиків [May. 30th, 2020|11:02 pm]
[Tags|, ]
[Current Mood | hopeful]

В памʼять про сумнозвісний випадок видалення зі сховища пакетів Node.js програмки left-pad на 11 рядків коду від Azer Koçulu вебщики нещодавно повторили свій подвиг. Прошу вітати is-promise. Is-promise це функція що скдається одного рядку коду:

function isPromise(obj) { return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function';}

Як пише codeguida.com від is-promise залежить 766 інших бібліотек і даний модуль застосовують у 3,4 млн репозиторіїв. Після оновлення is-promise у всіх цих проектів несподівано почалися проблеми.

Процеси не зупинились повністю, однак розробники не могли скомпілювати нові версії своїх проєктів. Команда бібліотеки випустила оновлення, та проблема не зникла, тож підтримку ES-модулів повернули до версії 2.2.2.

Дворядковий npm-пакет порушив роботу екосистеми JavaScript.

LinkLeave a comment

navigation
[ viewing | 20 entries back ]
[ go | later ]