Comandeerowa domowa, Mój osobisty powód do wstydu Opcje

[Comandeer]

Robię to na każdym forum, na którym się zjawiam, więc tutaj też zrobię (IMG:style_emoticons/default/biggrin.gif)
Otóż chcę Wam przedstawić wspaniałą i jedyną w swoim rodzaju, niepowtarzalną, wymuskaną, wypielęgnowaną i dumnie przeze mnie utworzoną...
*werble*
Comandeerową domową (ta, HSTS… bo mogę)
*oklaski na stojąco, tłum szaleje; co bardziej wrażliwe panie mdleją*

Jestem dumny przede wszystkim z kodu tej strony i szybkości wczytywania (99 w PageSpeed - wszystko przez GA!). Wyglądem się nie przejmuję, bo jestem turpistą (tak, naprawdę jestem turpistą... albo po prostu mam skrajną depresję i dlatego nienawidzę piękna) i jeśli ktoś ośmieli się tenże kod skrytykować osobiście przebodę go szpadą... erm, wyjaśnię czemu się myli (IMG:style_emoticons/default/wink.gif) lub pokornie poprawię wskazaną usterkę

Zastanawiam się czy nie wprowadzić kolejnych optymalizacji jeśli chodzi o wydajność - np. zamiana DOCTYPE na małe znaki pozwoli mi oszczędzić ok. 4 bajty i dzięki temu urwę kolejne 10 ms… Trudna sprawa.

Jakby kogoś interesowała jakaż to technologia napędza tego demona, to odsyłam na GH, gdzie można znaleźć pierwowzór mojego "Jekylla", na którym obecnie to cudeńko stoi: https://github.com/Comandeer/Site-Builder

Czekam na fale hejtu konstruktywnej krytyki (IMG:style_emoticons/default/wink.gif)

[Comandeer]

ad. 1) Bo bez tego skryptu będzie rozwałka w każdym starszym IE - z tego względu jest to wstawione
ad. 2) Bo dzięki temu strona osiąga 99/100 w PageSpeed (IMG:style_emoticons/default/wink.gif) To jedno z zaleceń Google'a w sprawie prędkości: inline'ować krytyczne style. W tym wypadku arkusz jest tak mały, że należy go inline'ować w całości, bo asynchroniczne doczytywanie stylów jedynie tworzy FOUC
ad. 3) Skrypty w head blokują wczytywanie strony pod warunkiem, że ciągną synchronicznie zasoby z zewnątrz lub ciągną asyncem i są wstawione po stylach. Tutaj nie ma to miejsca, bo ga są ciągnięte asyncem przed CSS, a skrypt do obsługi czcionek jest inline. Wbrew pozorom obydwa przyspieszają wczytywanie, a nie je opóźniają: https://www.igvita.com/2014/05/20/script-in...idered-harmful/ https://www.filamentgroup.com/lab/font-loading.html → oczywiście idealnie by było GA wczytywać jako [async][defer], ale a) [defer] to za późno b ) trzeba temu zapodać jakąś konfigurację
ad. 4) Jak nie? Spokojnie da się TAB-ować po wszystkim + widać outline/style :focus dla aktualnego elementu. Jeśli chodzi Ci o jakąś ekstra nawigację strzałkami, to tutaj byłoby to armatą na muchę, bo wymuszałoby napisanie tego wszystkiego w JS
ad. 5) Zauważ, że tak są traktowane jedynie sieroty - nie wszystkie spacje są niełamliwe (bo nie miałoby to sensu)
ad. 6) Czcionki są wczytywane w taki sposób, że dla usera jest to de fato niezauważalne (IMG:style_emoticons/default/wink.gif) Polecam spojrzeć do podlinkowanego artku Filament Group
ad. 7) Tu na swoją obronę rzeknę tak: strona porneLa też nie jest ładna (IMG:style_emoticons/default/biggrin.gif)