Техничке информације о овој Интернет Презентацији

Приказ табеле садржаја

Опште информације

Ова Веб локација, у даљем тексту Интернет Презентација, користи различите методе и технологије приказа. Мени служи за тестирање нових технологија и начина приказа стога користи значајно више него што би једна презентација овог типа могла користити (читај: претерујем). Ова Интернет Презентација:

  • је први пут објављена 11. марта 2021. године на латиничном односно од 4. августа 2022. на ћириличном домену. Наследник је старог домена који сам закупљивао од 2010. године до 2015.
  • је скуп статичних HTML 5 страна. Сви претходни домени, који су приказивали ове стране, су користили искључиво статичан садржај. Дакле од моје прве презентације 2004-2005 године па до данас
  • не користи ЈаваСкрипт и вероватно и неће користити. Свестан сам постојања неких скрипти које мењају свет попут instant.page 2 као и све што користи lazyload али сам одлучио да не користим ЈаваСкрипт и даље. Ако будем додавао ЈаваСкрипт, прве скрипте би биле instant.page и hilight.js, тим редоследом
  • не примењује светли односно тамни приказ садржаја ове интернет презентације у зависности од верзије корисничког система
  • подржава WCAG 2.1 ААА 3 и WCAG 3.0 (Rating 3 је најнижа оцена, претежно је већа но стандард је и даље у изради) за однос боја и контраста. Трудим се да разлике између свих броја боја су 500 или више нијанси како би интернет презентацију могли лакше да користе сви посетиоци. Веб приступачност (енгл. "web accessibility") поправљам када год је то могуће. Презентација подржава и поштује друге елементе овог стандарда (APCA)
  • користи једноставан и читљив приказ за конзолне интернет прегледаче (примери lynx, elinks, w3m...)
  • користи ћириличне везе и користиће ћирилични домен. Иако неки програми за безбедност рачунарских прегледача и мрежа препоручују да се домени овог типа, који не користе основни ASCII сет, блокирају (више о томе: 14) ми ћемо да истрајемо и оставимо све како јесте
  • не користи и поставља колачиће
  • не користи Адоби Флеш (небитно после 21. јануара 2021.)
  • се израђује помоћу скрипте за ГНУ/Линукс шкољку scms 11 и користи Маркдаун
  • сав садржај доставља искључиво са тренутног домена
  • прави и доставља доводе (RSS, Atom, Json feed)
  • користи и примењује политику сигурности садржаја (енгл. CSP; Content Security Policy)
  • користи и примењује полисе 5 којима мења дозволе за АПИ у интернет прегледачима
    Напомена: ово се раније звало Feature-Policy а сад је Permissions-Policy
  • користи унакрсну изолацију између свих елемената коришћењем COEP, COOP и CORP заглавља
  • користи SRI за CSS стилове, када се не користи унапред компресовани садржај. Ово није нужно заштита када читате податке са истог домена но свакако сам имплементирао у скрипту која израђује ову Интернет Презентацију забаве ради
  • користи HSTS. Ово значи да је Интернет Презентација доступна само преко сигурне везе. Захтев је послат и одобрен за додавање на званичну Хромијум листу 6 тако да ће сав садржај увек бити доступан преко сигурне везе
  • не дозвољава директне везе до ове веб локације на другим веб локацијама зарад приказа елемената (енгл. hotlinking)
  • не дозвољава било шта осим GET заглавља за приступ садржају
  • тренутно користи WebP као формат за растерску графику (на пар места је остао ПНГ формат) изузев за favicon
  • све слике користе lazy атрибуте за учитавање 7. Ова функционалност зависи од прегледача који користите али у моменту додавања ове могућности, 14. марта 2021., подршка је омогућена аутоматски само у Мозилиним прегледачима
  • користи приказ датума у ISO 8601 формату (ГГГГ-ММ-ДД тј. година-месец-дан). Звучи глупо међутим тиме решавам разне проблеме сортирања података на нивоу оперативног система
  • не приказује рекламе на странама. Сама презентација је направљена да троши мало ресурса зарад одрживости но то не гарантује да ће ова презентација увек бити доступна (енгл. online), иако се трудим да то буде тако
  • текстови могу да садрже личне препоруке које не третирам као рекламирање са обзиром да нисам плаћен од стране тих компанија да рекламирам њихове производе

Компресија садржаја

Зарад бољих резултата и бољег репера, убацио сам brotli 8 и zopfli 13 иако користим различите методе компресије приликом тестирања.

ХТМЛ стране

Узећемо пример једне стране, са нешто више текста, као што је Нокиа 225 4Г:

Оригинална датотека : 71.826 бајтова
Gzip   (`-9c`)      : 19.775 бајтова
Zopfli (`--i50`)    : 18.276 бајтова
Brotli (`--best`)   : 4.238 бајтова

CSS стилови

Компресија је укључена и за CSS датотеке. Моја одлука да укључим подршку за последњих 500 верзија прегледача и њихове префиксе је допринела да величина CSS датотеке буде већа него оригинал без префикса и због тога имамо следеће вредности, са и без компресије:

Оригинална датотека : 3.894 бајтова 
Gzip   (`-9c`)      : 1.514 бајтова
Zopfli (`--i50`)    : 1.482 бајта 
Brotli (`--best`)   : 1.089 бајтова

Реалне вредности могу да се разликују са обзиром да је ово тестирање одрађено 26. маја 2022. а мој је циљ да често радим ревизије и смањујем величину. Предвиђам да ћу до 2024. године моћи да уклоним све префиксе, изузев -webkit-tap-highlight-color, зарад веће уштеде.

Прилагођена команда 9 која је коришћена за прорачун је:

for file in *.css; do printf "$file\t$(cat $file | wc -c | xargs printf "%'d\n")\t$(gzip -9c $file | wc -c | xargs printf "%'d\n")\t$(zopfli -c --gzip --i50 $file | wc -c | xargs printf "%'d\n")\t$(brotli -cZ $file | wc -c | xargs printf "%'d\n")\n"; done

Технички тестови којима је ова Интернет Презентација подвргнута

Листа техничких тестова ове Интернет Презентације се налази испод. Напомињем да је коришћена преведена адреса, https://xn--80a5ai3dd.xn--d1at.xn--90a3ac/, за сајт уместо ћириличне како би сервиси радили боље.

Исправност ХТМЛ и CSS кода
Сигурносни аспект (сервер, захтеви и изолација)
Приступачност презентације
Брзина учитавања елемената
Остало
Ажурирано
Кратка веза ове стране: 11597