Комментарии 13
Браузеры грузят все css файлы для отображения, поэтому первый совет - антисовет
Хотя подход всё равно на любителя.
С помощью всех этих тестов было доказано, что webp-изображения сжимаются
гораздо сильнее, даже если они с потерями, что значительно снижает
скорость загрузки страницы!
Снижает?
— Ну-да, ну-да… Конечно…
Используйте
loading="lazy"
, чтобы изображение загружалось только тогда, когда это необходимо. Это значительно снижает скорость загрузки страницы.
Хорошая фича, буду использовать
Мне кажется, ты с гифками немного переборщил... Но это даже хорошо :)
Перестаём делать лендинги на WP и прочих помойках, берём Hugo и какую-нибудь весёленькую тему с максимумом попугаев на каждую метрику. Статика стремительна как понос, безопасна и ломаться нечему, никаких проблем с индексацией, максимально широкое покрытие по браузерам, контент легко переводится на кучу языков или отдаётся на ревью. Всё отлично ложится в репозиторий и раскатывается из него же. K8s вот себе прикрутили и им отличненько. Остаётся только TLS нормально настроить и торт готов, без всяких убермикрооптимизаций.
К сожалению, JAMStack не снискал на просторах СНГ такой популярности.
Да и вопросики к нему есть в плане форм, личных кабинетов, поиска и тд. Нужно что-то из этого? Ищешь SaaS решение и интегрируешь его, а потом ещё n$/мес платишь за подписку. А оно может не работать из-за геолокации. Потом к этому всему ещё нужно какой-нибудь strapi прикрутить, чтоб заказчик мог редактировать контент.
Выходит, что заказчику проще не рисковать, а найти фрилансера/веб студию и сделать сайт на WordPress. Всё понятно, плагинов миллиард, разработчиков много, ценник приемлемый, менеджеры, сеошники, контентщики работать с админкой умеют.
А так согласен, SSG крутая штука, жаль не сильно популярная у нас
а если пользователь хочет сохранить картинку с сайта, а сохраняется убогий webp вместо жыпега, приходится еще конвертировать. людям главное свои метрики подбаффать, как быстро мы грузимся, а удобство пользователя потерпит.
Может быть, просто поставить себе смотрелку картинок, которая понимает webp? Зачем конвертировать?
Если докапываться до картинок, то я бы сказал, что проблема кроется в том, как их загружать через админку. Можно сколько угодно media-правил написать и использовать <pictures>, но когда в админке будет 4 поля для одной картинки (webp на весь экран и на мобилки, плюс то же, но в jpeg), контентщик взвоет это грузить. Или же придётся бэкендера заставить генерировать webp из jpeg, но для маленьких картинок jpeg обычно лучше по размеру, тут соревнование разве что с png идёт, да и то, нужно смотреть по ситуации, иногда он всё равно проигрывает.
HTML & CSS Features, Tips For a 10x Faster Page Loading Speed — DEV Community