Обеспечь быструю загрузку первого экрана, все стили и скрипты для первого экрана в head, остальное после прогрузки, картинка на первом экране отключить lazyload, организовать preload, указать картинкам height и width инлайново

Чуть позже запилю инструкцию как сейчас оптимизировать скорость, сам долго бился, почти все гайды и сам pagespeed показывает не самые важные рекомендации.

Если коротко - важно добиться быстрой загрузки первого экрана.

{'!mFilter2' | snippet : [
 'element'=> 'ms2GalleryResources',
 'tpl'=>'tpl.portfolio.second',
 'tplOuter' => 'tpl.mFilter2.outer.portfolio',
 'includeThumbs' => 'service,service_small,service_gif',
 'includeOriginal' => 1,
 'sortby' => 'menuindex',
 'sortdir' => 'asc',
 'processTVs' => 1,
 'parents' => 3,
 'limit'=> 9,
 'tvFilters' => 'portfolio_tags==%132%',
 'includeTVs' => 'filters_get,emoji',
 'filters' => 'tv|filters_get:DefaultMy',
 'aliases' => 'tv|filters_get==tag',
 'ajaxMode' => 'scroll',
 'tplFilter.row.default' => 'tpl.mFilter2.filter.checkbox.portfolio.custom',
]}

http://joxi.ru/ZrJKED5hn4Jqjm
http://joxi.ru/DrlWEneIylM9ZA

здесь mFilter2 выводит список ресурсов портфолио.
подскажите, на скриншоте видно, что в поле filters_get в админке задаются теги, по которым будут фильтроваться ресурсы "портфолио".
эти теги выводятся в каждом отдельном ресурсе под изображением http://joxi.ru/DrlWEneIylM9ZA из tpl.portfolio.second
Подскажите, а как мне вывести теги не под каждым отдельным ресурсом, а где-то вверху над всеми плитками ресурсов?
т.е. нужно собрать все теги, которые сейчас выводятся под изображением и вывести отдельно, как это сделать?

А имеет значение где располагать preload в шапке или в подвале?

Прелоад должен быть в шапке. ТК смысла в подвале - я не вижу.

А на метрику ругается???

Ну я подключение стилей в подвал перенёс, и скрипты там же. В шапке оставил стили только для первого экрана.

вроде понял сам

т.е. это

Нет. Только это

Отключение антибота ничего не дало. Единственное я в консоли смог проверить. Тут лучше

Largest contentful paint нужно улучшить. Это как раз первый экран. Прелоад картинок и, возможно шрифтов

Шрифты и так в preload, а картинки как предварительно загрузить?

Также, в прелоад можно добавить

Спасибо

Не сильно помогло, хотя на 3 сек меньше стало. Почему-то постоянно скачет Total Blocking Time

если именно обмануть, то
1. Сниппет:

<?php
$pagespeed = false;
if (strpos($_SERVER['HTTP_USER_AGENT'], 'Lighthouse')) {
   $pagespeed = true;
}
$modx->setPlaceholder('pagespeed',$pagespeed);

2. Вызвать сниппет вначале шаблона

{'bot_detect'|snippet:[]}

3. Убрать лишний код в условие:

{if !$_modx->getPlaceholder('pagespeed')} тут контент, который скрываем от бота {/if}

А что значит лишний код который скрываем?

Да любой тяжелый. Слайдеры, скрипты...любые DOM-элементы, которые не критичны для сео-шки. Я у себя я.аналитику и я.карты скрывал. Это ощутимо помогло.