Перформанс

Если вы хотите строить сайт по лучшим прак­ти­кам, полезно иногда прове­рять свой сайт в Лайт­хаусе — https://pagespeed.web.dev/analysis/

Вот, что Лайт­хаус говорит о стра­нице Ману­ала. Pretty cool, huh? Best Prac­tices запо­роты из-за костыля с изоб­ра­же­ниями и какой-­то ошибки в модуле, простав­ля­ющем anchors (решеточки) у заго­ловков (модуль не мой).

Вот, что Трирема и 11ty делают правильно:

Оптимизация изображений: картинки пережимаются в пригодные для веба форматы без потери качества, а если они занимают мало места на экране, ещё и уменьшаются в размерах.

Мини­мальный сдвиг контента: в усло­виях плохого интер­нета содер­жимое постов не будет скакать от того, что на сайт догру­зи­лись шрифты или картинки — все нужные шрифты пред­за­гру­жа­ются до отри­совки сайта, а размеры и пропорции картинок пропи­саны сразу в ХТМЛ, поэтому под них браузер сразу выде­ляет пустое место.

Весь ЦСС и JS загру­жа­ется в банд­лах: чем меньше запросов идёт к серверу, тем быстрее грузится сайт — поэтому для каждой стра­ницы гене­ри­ру­ются файлы-­бандлы со всеми нужными стилями и скрип­тами. Если на какой-­то стра­нице вы подклю­чили допол­ни­тельный CSS-­файл (и сделали это правильно), для неё будет сгене­ри­рован расши­ренный бандл и запрос к серверу всё ещё будет один.

That’s pretty much it (мне пора завя­зы­вать с англий­скими фразочками).

В прин­ципе всё.