Как правильно оптимизировать страницу?

Question

[truttthhh]

Страница долго прогружается, из за того, что png файлы на нем весят много(2-3мб).
Как оптимизировать страничку, не сжимая png файлы ?

Страница написана на html+css.

Answer 1

[strelok011]

Оптимизация html и css по сравнению с оптимизацией png - бесполезная ерунда. Вы можете выиграть допустим 2-5 кб против 2-3 мб одного png, в условиях современного интернета этот выигрыш ничего не даст. Даже запрос на сервер может больше времени занять чем скачивание.
Необходимо обратиться именно к оптимизации png при этом желательно с минимальными потерями по качеству.
Советую для начала ознакомиться вот с этой статьёй How To Optimize PNG, а потом поискать инструмент поудобнее, просто погуглив PNG optimizer. Вот сравнение нескольких пакетных оптимизаторов. Я при необходимости оптимизации png использую RIOT, он может оптимизировать png, gif и jpg. Из личного опыта - советую попробовать первым делом оптимизацию палитры. Плюс есть не искажающие оптимизации (например, удаление мета-данных). Если используете прозрачность - она сильно добавляет веса в изображение, с ней тоже можно бороться.

Всё это хорошо, если у вас есть возможность оптимизировать изображения, статично размещенные на сайте.

Answer 2

[Алексей Гончаров]

Применить метод lazy load. Это когда картинки загружаются только тогда, когда доходит до них пользователь