Где хранить файлы (рассуждения по оптимизации сайта)
 

Подготавливаю к открытию один свой проект (проект должен получится достаточно посещаемым и хранящий много медиа-контента) и задумался над одним вопросом, но сначала предыстория:

Что сейчас сделано, можно рассматривать как советы новичкам.

Верстка сайта:
- стараюсь делать верстку минимальной по html коду
- стараемся подключать как можно меньше дополнительных файлов: примером могут служить CSS файлы. Лучше, по возможности сделать всего 1 CSS файл и желательно его сжать (это обычно делается скриптами, которые удаляют пробелы и т.п.)
- при верстке стараемся использовать как можно меньше графических файлов, по возможности несколько картинок объединяем в одну и юзаем background-position

Первоначальное распределение трафика:
- создаем несколько поддоменов (далее поясню для чего)
- размещаем домены на разных серверах (дедик, vps, виртуальный хостинг) главное требование к этим поддоменам: доступ по FTP. Также желательно отсутствие ненужных компонентов, например РНР.
- грамотно разбиваем файлы на поддомены, например: файлы верстки можно положить на поддомен style и т.д.

И вот я подошел к своему вопросу: где хранить картинки, и прочие статичные файлы?
Тут необходимо учитывать ширину канала, стоимость размещения и т.п.
Пока я склоняюсь размещать поддомены на jino.ru.
Может кто-то посоветует еще варианты. Вероятно стоит брать простенькие VPS держащие 100Мb/s?
Может кто-то сталкивался с подобным анализом по аспектам: ширина канала, объем диска, бекапы, стоимость.

из статики лучше вываливать только картинки. насчет style и остального (скрипты) легче ограничиться парой строчек кода в .htaccess

насчет vps ничего сказать не могу, ни разу не юзал.

.. если вы так боитесь хабра-эффекта, то зря. да и зачем на каждый файл выделять поддомен? все равно браузер держит только 2 (или уже больше, 3-4) одновременных соединений на сайт

вдобавок лучше её запихивать в style.css, через data uri и в самом css уменьшать использование картинок, т.е. объединять в один селектор ( снизу)

плохо
лучше
хотя, вы всё это,наверное, уже знаете

Спасибо! Мне понадабятся любые советы и полезные ссылочки по теме.
Тут я пока переживаю над тем чтоб распределить трафик на разные сервера.
Например:
имеется 1 страница в которой 300Kb JS скриптов, 300Kb CSS, 300Kb картинок.
Если мы это разделим на 3 сервера то трафик на сервера сокртится в 3 раза(в идеале, я не рассматриваю сейчас кеширование).

Грубо говоря я сейчас боюсь не влезть в 100Mb/s ... т.к. если имеем 100 человек одновременного онлайна то скорость загрузки сайта (в идеале) снизится до 1Mb/s.
Думаю 1 сервера (виртуального хостинга там 10Mb/s) хватит для CSS и JS и каритнок верстки.
Остальной мультимедиа-контент думаю делить на сервера. Вот только что лучше: чуть дорогой VPS со 100Mb/s или более дешевый виртуальный хостинг с 10Mb/s?

Я уверен,это вам понравится, если вы еще не знаете про вебо.ин

webo.in/articles/

Полезный сайтик ) Спасибо!

Буду рад всем хорошим ссылкам по оптимизации (также про серверную часть, можно в личку ссылки кидать) ...

почему только картинки и что за строчки в .htaccess?

про количество соединений можно посмотреть здесь, на вкладке network

и в каких браузерах это будет работать?

жесткое кеширование

+ версионность? Как вариант.

Не уверен, что правильно понял вопрос, но хочется сказать: на разных поддоменах. Каждый тип статики на свой поддомен (скрипты - js.site.com, стили - css.site.com и т.д.). С этой задачей справится даже сама дешевая виртуалка. Нарастить ресурсы всегда сможешь.
Про nginx, уверен, ты и сам знаешь.

Чо в личку то, всем кидайте.

я лично не вижу смысла задрипаные 8кб CSS и 2кб JS (библиотеки с CDN, конечно) раскидывать на поддомены.. графика, медиа это совсем другое дело...