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

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

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

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

  • је први пут објављена 11. марта 2021. године. Наследник је старог домена који сам закупљивао од 2010. године до 2015.
  • је скуп статичних ХТМЛ 5 страна. Сви претходни домени, који су складиштили ове стране, су користили само статичан садржај. Дакле од моје прве презентације 2004-2005 године па до данас
  • користи ЦСС 3 и префиксе за прегледаче са чак 500 верзија прегледача уназад и префикса за исте, за најбољу покривеност 1
  • садржи ЦСС форматирање за штампање које служи за редуковање садржаја на штампаним странама. Не подржавам штампање на папру и чување стране међутим складиштење у пдф или сличном формату је препоручено зарад очувања
  • не користи ЈаваСкрипт и вероватно и неће користити. Свестан сам постојања неких скрипти које мењају свет попут instant.page 2 као и све што користи lazyload али сам одлучио да не користим ЈаваСкрипт и даље. Ако будем додавао ЈаваСкрипт, прве скрипте би биле instant.page 2 и hilight.js 3, тим редоследом
  • примењује светли односно тамни приказ садржаја ове интернет презентације у зависности од верзије корисничког система и подршке за @media (prefers-color-scheme: dark) ЦСС правила. Подржани прегледачи за тамни режим су: Фајрфокс 67 и новији, Опера 62 и новија, Сафари 12.1 и новији, Хром 76 и новији, Еџ 79 и новији
    Напомена: Корисници који виде тамни режим на својим системима вероватно неће ни бити свесни да постоји светла верзија ове интернет презентације и обрнуто. Сматрам да је то сасвим у реду са обзиром да се мењају само боје презентације док је распоред елемената и сам садржај, текст, исти
  • делимично подржава WCAG 2.1 4 ААА стандард за однос боја и контраста. Трудим се да разлике између свих броја боја су 500 или више нијанси како би интернет презентацију могли лакше да користе нпр. посетиоци са сметњама који не разликују боје као и да би презентација имала бољу прегледност у различитим окружењима. Веб приступачност (енгл. "web accessibility") поправљам када год је то могуће. Подржавамо и друге елементе овог стандарда али не бих их набрајао овде
  • примењује сигурне ХТМЛ боје 5 од јануара 2021. где год је то могуће, са мањим изузецима да би број нијанси био преко 500 између боје позадине и текста
  • користи једноставан приказ и читљив је у конзолним интернет прегледачима (примери lynx, elinks...)
  • не користи ћириличне везе нити ћирилични домен због недовољно стандардизованих метода приказа. Сидра за навигацију на странама, са друге стране, користе ћирилицу зарад тестирања
  • не користи и поставља колачиће. Сервер има подешена и заглавља да се то не деси:
Header always unset Cookie    
Header always unset Set-Cookie
  • не користи Адоби Флеш (небитно после 21. јануара 2021.)
  • се израђује помоћу скрипте за ГНУ/Линукс шкољку scms, 3 и користи Маркдаун
  • сав садржај доставља искључиво са тренутног домена
  • користи и прави Атом и РСС доводе
  • користи и примењује политику сигурности садржаја у самом ХТМЛ коду и на серверу (енгл. CSP; Content Security Policy)
  • користи и примењује полисе 6 којима мења дозволе за АПИ у интернет прегледачима
    Напомена: ово се раније звало Feature-Policy а сад је Permissions-Policy
  • користи унакрсну изолацију између свих елемената коришћењем COEP, COOP и CORP заглавља
  • користи Subresource Integrity (SRI) за ЦСС стилове. Ово није нужно заштита када читате податке са истог домена но свакако сам имплементирао у скрипту која израђује ову Интернет Презентацију забаве ради
  • користи HTTP Strict Transport Security. Ово значи да је Интернет Презентација доступна само преко сигурне везе. Захтев је послат и одобрен за додавање на званичну Хромијум листу 7 тако да ће сав садржај увек бити доступан преко сигурне везе
  • не користи програме за израду аналитике посета посебних сервиса већ искључиво аналитику креирану на локалном серверу. Извештаји ми не стижу даљински већ ретко отворим на захтев да видим резултате
  • не дозвољава директне везе до ове веб локације на другим веб локацијама зарад приказа елемената (енгл. hotlinking)
  • не дозвољава било шта осим GET заглавља за приступ садржају
  • иде ка томе да све растерске слике замени векторским. Тренутно користи WebP као формат за растерску графику (на пар места је остао ПНГ формат)
  • све слике користе lazy атрибуте за учитавање 8. Ова функционалност зависи од прегледача који користите али у моменту додавања ове могућности, 14. марта 2021., подршка је омогућена аутоматски само у Мозилиним прегледачима
  • користи приказ датума у ISO 8601 формату (ГГГ-ММ-ДД тј. година-месец-дан). Звучи глупо међутим тиме решавам разне проблеме сортирања података на нивоу оперативног система
  • не приказује рекламе на странама. Сама презентација је направљена да троши мало ресурса зарад одрживости но то не гарантује да ће ова презентација увек бити доступна (читај: онлине), иако се трудим да то буде тако
  • текстови могу да садрже личне препоруке које не третирам као уобичајено рекламирање са обзиром да нисам плаћен од стране тих компанија да рекламирам њихове производе
  • од 13. маја 2022. године користи Гугл конзолу за брзи преглед информација и додатна тестирања. Ово не утиче на приказ нити поставља колачиће нити друге садржаје корисника као ни на прикупљене информације

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

Подебљане вредности у табелама су оне које корисници ове Интернет Презентације могу очекивати. Као репер сам убацио и будућност интернет компресије, Бротли 9.

ХТМЛ стране

Узећемо пример једне стране као што је политика-приватности:

Оригинална датотека Гзип (gzip) компресија (-9c) Бротли компресија
18382 бајтова 5.132 бајтова 4.238 бајтова

ЦСС стилови

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

Датотека Оригинална величина Гзип (gzip) компресија (-9c) Бротли компресија
Оригинална датотека са префиксима 3.539 бајтова 1.436 бајтова 1.190 бајтова
Оригинална датотека без префикса 3.183 бајтова 1.351 бајтова 1.089 бајтова

Ове вредности могу да се разликују са обзиром да је ово тестирање одрађено 3. марта 2021. 14. маја 2022.

Команда која је коришћена за прорачун је 10:

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$(brotli -cZ $file | wc -c | xargs printf "%'d\n")\n"; done

Клуб интернет презентација до 512 килобајта

Знам да звучи необично али у граду који није мали сам превише пута користио интернет брзине 1 до 2 мегабита по секунди у периоду од септембра 2016. до децембра 2021. године. Презентације са интернета на таквој брзини се учитавају али не тако брзо као што мислите, драги програмери (да не кажем developeri) и љубитељи јаваскрипти.

Са обзиром да ме оптимизације интересују поприлично, ова интернет презентација званично испуњава услове да буде на зеленој листи каталога интернет презентација чије стране су мање од 100 килобајта 11, без компресије садржаја. Имамо и беџ за то:

512KB ClubGreen Team

Процена је да ће почетна страна ове презентације бити приближно 100 килобајта, без компресије, након 300 уноса у дневнику.

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

Листа техничких тестова ове Интернет Презентације се налази испод.

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

Ажурирано
Кратка веза ове стране: 16676
QR код ове стране
QR код ове стране