D.iK.iJ
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
Берете любой сайт вроде https://iconifier.net/ и генерируете. Все! )) Правда, я обычно оставляю только одну фавиконку и apple-touch-icon в 144x144.
Для картинок сам Гугел как-то рекомендовал https://squoosh.app/ но можно и тем же Фотошопом обойтись.
Метрику и рекламу - грузить асинхронно через lazyload. Картинкам проставить loading="lazy" decoding="async"
+ CSS для 1 экрана вывести в тело страницы. Лишние шрифты или удалить или перенести на сайт.
Но с 96% я бы не заморачивался сильно уж.
Сделал и всё стало очень большим и показывается только левая верхняя часть сайта.
Ну как бы... да. Сайт скорее всего не адаптирован. Поэтому показывается вот так. Нужно доадаптировать и шрифт для мобильной версии подобать по размеру. Через те же @media запросы.
Он один на обе версии:
Сайт значит не адаптирован и у вас будет показываться практически полная версия. И да, она будет довольно мелкая.
Адаптируйте сайт нормально под нормальный мета-тег, который рекомендуем Гугл:
<meta name="viewport" content="width=device-width, initial-scale=1">просто теперь больше паранойю
Тогда берем блок с картинками, ставим ему overflow: hidden; и легкую тень внизу через <DIV>
А при загрузке уже ограничиваем высоту. Разворачиваем при клике на тот же DIV. Анимировать можно через transition.
Получится, что картинки и не закрыты полностью (как с display: none;) и развернуть можно по клику. Меня это успокоило )))
-webkit-text-size-adjust: 100%;Но сейчас вроде и просто text-size-adjust есть. Вроде это font boosting.
А вот чтобы уменьшало...