HTML & CSS Features, Tips For a 10x Faster Page Loading Speed — DEV Community

[sunnybear]

Браузеры грузят все css файлы для отображения, поэтому первый совет - антисовет

[dom1n1k]

Нет, там ограничения медиа-атрибутами заданы.
Хотя подход всё равно на любителя.

[Dartess]

Ограничения ограничениями, а загрузка загрузкой. Хоть они и не будут работать, грузиться они всё равно будут, просто с низким приоритетом (что теоретически в сумме, наверное, должно дать плюс, а не минус такого подхода).

[sunnybear]

оно грузится ровно с тем же приоритетом, вот в чем проблема. Совет здесь - все в один файл. Или HTTP/2 + Server Push
Пример: сайт rbc.ru

[ShefEr]

С помощью всех этих тестов было доказано, что webp-изображения сжимаются
гораздо сильнее, даже если они с потерями, что значительно снижает
скорость загрузки страницы!

Снижает?

[Lazytech]

Оригинал тоже, мягко говоря, кривоват.

[s_f1]

А заглавие такое:
— Ну-да, ну-да… Конечно…

[sunUnderShadow]

Используйте loading="lazy", чтобы изображение загружалось только тогда, когда это необходимо. Это значительно снижает скорость загрузки страницы.

Хорошая фича, буду использовать

[whoiam_frontend]

Мне кажется, ты с гифками немного переборщил... Но это даже хорошо :)

[UMenyaNeudobnieVoprosiki]

Перестаём делать лендинги на WP и прочих помойках, берём Hugo и какую-нибудь весёленькую тему с максимумом попугаев на каждую метрику. Статика стремительна как понос, безопасна и ломаться нечему, никаких проблем с индексацией, максимально широкое покрытие по браузерам, контент легко переводится на кучу языков или отдаётся на ревью. Всё отлично ложится в репозиторий и раскатывается из него же. K8s вот себе прикрутили и им отличненько. Остаётся только TLS нормально настроить и торт готов, без всяких убермикрооптимизаций.

[alexnozer]

К сожалению, JAMStack не снискал на просторах СНГ такой популярности.

Да и вопросики к нему есть в плане форм, личных кабинетов, поиска и тд. Нужно что-то из этого? Ищешь SaaS решение и интегрируешь его, а потом ещё n$/мес платишь за подписку. А оно может не работать из-за геолокации. Потом к этому всему ещё нужно какой-нибудь strapi прикрутить, чтоб заказчик мог редактировать контент.

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

А так согласен, SSG крутая штука, жаль не сильно популярная у нас

[fc1e5380d7]

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

[Metotron0]

Может быть, просто поставить себе смотрелку картинок, которая понимает webp? Зачем конвертировать?

Если докапываться до картинок, то я бы сказал, что проблема кроется в том, как их загружать через админку. Можно сколько угодно media-правил написать и использовать <pictures>, но когда в админке будет 4 поля для одной картинки (webp на весь экран и на мобилки, плюс то же, но в jpeg), контентщик взвоет это грузить. Или же придётся бэкендера заставить генерировать webp из jpeg, но для маленьких картинок jpeg обычно лучше по размеру, тут соревнование разве что с png идёт, да и то, нужно смотреть по ситуации, иногда он всё равно проигрывает.