PageSpeed - ускоряем сайт.

1

Создать миниатюрку.. у которой сторона будет 86px (в смысле, размеры самого изображения изменить так, чтобы совпадали с width в HTML|CSS)

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

* можно, конечно пережимать "на лету" с передачей размеров (script.php?x=86 (гуглить в сторону php resize или php thumb, например), но ИМХО, место на диске дешевле - 25 картинок на одной странице = 25 apache-процессов, активно использующих CPU

2. заголовки в зависимости от типа отправлять. Можно средствами веб-сервера.

nginx - expires в location:

        location ~* \.(jpg|jpeg|gif)$ {
            root         /var/www/site.ru;
            expires      30d;
        }

apache -

http://httpd.apache.org/docs/2.4/mod/mod_expires.html

http://www.htaccess.net.ru/doc/Pass_Set_Env/cache4.php

можно с filesMatch

<FilesMatch "\.(jpg|gif|png|ico)$">
ExpiresDefault A2592000
</FilesMatch>

ivan-lev, получается по 1 вопросу, создавать миниатюры легче в ручную? Всегда хочется все по максимальному оптимизировать, клики, действия и мне интересен вариант "на лету" что бы в окно вставлялось одно фото, а от него уже создавалась миниатюры для главной.

По второму вопросу, вы предлагаете кешить все на 30 дней?

<FilesMatch "\.(jpg|jpeg|gif|png|ico)$">

ExpiresDefault A604800

</FilesMatch>

Выбрал данный метод, вставил в ".htaccess" все верно?

"на лету" - имелось ввиду без сохранения на диске, при помощи скрипта. А так - конечно, можете автоматизировать (в смысле, скриптом миниатюрок понасоздавать, адреса картинок в коде заменить..)

Хотя, иногда проще "вручную" (ну или полуавтоматом.. например

file.thumb.gif - миниатюрка файла file.gif.. соответственно в src заменить одним-двумя запросами по базе.. Можно, правда "лишнего" хапнуть - для некоторых файлов нет смысла миниатюрки создавать, внешние картинки при таком переименовании игнорировать нужно - так что тонкости есть)

так это лучше уточнять, где раньше "неверно" было.. :)

ВП, например, при загрузке аватарки создает для нее еще 3 копии: 16х16, 64х64, 96х96, ну и оригинал тоже оставляет. Сделайте по аналогии.

Эт какая-то антиреклама ВП... ))

4 копии - это перебор