форум на аяксе, и еще об ускорении

Автор Serifa, 25 сентября 2013, 12:37:24

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

Serifa

На форуме русскоязычного сообщества убунтологов встретился интересный камрад. Сначала дело было так:
Цитировать
Можно кратко и для самых продвинутых про кеширование css?
можно. Страниц на форуме у вас много, а вот css один на всех.
Выносите в css вобще все что связано с форматирование отображения. Инлайн свойств быть не должно.
Множественные класы тоже нафиг не уперлись (например <div class="window black some_long_class_name">), так делают в крупных проектах и у них свои причины.
У повторяющихся элементов вобще не должно быть ни классов ни инлайн свойств, т. е:
Код: <table id="thread">
  <tr>
    <td>это столбец строки моей темы на форуме</td>
  </tr>
</table>
<style>
#thread tbody td,
#thread > tbody > tr > td /*или так*/
  {
  background:#000;
  }
</style>
а не
Код: <table>
  <tr>
    <td class="forum_coll">это столбец строки моей темы на форуме</td>
  </tr>
</table>
<style>
.forum_coll
  {
  background:#000; 
  }
</style>
Кстате, я пишу id="thread" ибо как правило я описываю обищй css для всех таблиц, классы для всяких общих штук, но частные вещи прибиваю к айди элемента, ибо так проще структурировать иразбирать css файлы потом.
Затем сжимаете css компресором, грузите страничку хромом или фаерфоксом и в веб тулзах смотрите кешируется ли оно и на какое время. Далее при желании открываем на серваке .htaccess и при помощи Mod_expires ставим expired где нить месяц и добавляем gzip сжатие страничек.

Конечно нынче у всех 5-40 мбит/с инет и вес страницы впринципе побарабану, но вы удивитесь как оптимизация странички может сказать на субъективном ощущении комфорта.
Ибо (для примера):
- табличка прорисовывается вся разом, посему если насажать в нее скажем <select> вагон то прорисовываться она станет куда дольше. Иногда форумы делают не таблицой а дивами, тогда можно сделать бесконечную ленту, которая догружается при скролле вверх и вниз.
- нынешние броузеры ограничены 5 потоками загрузки, посему если у вас очень много картинок/пиктограмок то суем их в спрайт или делаем шрифтом.

Ну и еще приятней становится если вы используете аякс, ибо броузер перестает перерисовывать всю страничку (тогда вопрос кешированичя файлов впринципе можно бросить нафег)

Потом стало так:

ЦитироватьВы им тогда сразу скажите что я предлагаю любой сайт делать с применением аякс и форум в том числе, они вам думаю много "интересного" скажут

И что интересного вы можете по этому поводу сказать?
И насчет предложения по css.
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!

iaroslav

Ну, на предложенные им длинные стили css

#thread tbody td, #thread > tbody > tr > td /*или так*/
  {
  background:#000;
  }

Ругается сервис по ускорению загрузки страниц от гугла.
Ибо он считает, что длинные обращения из 3х и более пуктов нежелательны. Посему, имхо, лучше всё-таки несколько классов (если возникает необходимость) прибавлять.

Про кэширование он скорее прав чем нет (в плане того, что само по себе она штука полезная). Ибо тот же гугловый сервис тоже советует. С другой стороны если соберётесь вносить какие-то мелкие правки то неприятно удивитесь.
Да и обоснование у него не совсем верное. Очень важный момент, что раз закэшированный стиль будет болтаться у вас в кэше и, скажем, при посещении форума на следующий день. Соотвественно и у пользователя трафик сэкономится и на сервер нагрузки будет чуть меньше.

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

Кстати ещё интересный момент с аяксом получается при индексации поисковиками. Хотя тут, говорят, уже какое-то решение вроде нашлось (скорее всего, правда, оно состоит в том, что часть элементов всё-таки, выдаётся по прямым ссылкам без аякса).

Спрайты, опять же, штука хорошая. Но они у нас тут и так применяются везде, где можно.

Serifa

Камрад заинтересовался некоторыми проблемами форумных ролевых админов, сказал, что подумает, как бы запилить своеобразную систему. Что это будет - понятия не имею. Вряд ли юзабельное, просто ему нравятся головоломки. Но с головоломками не работают(
«- Помощник капитана Бакстер, - заявил Лумис, - безбожно врет. Все отнюдь не под контролем, вернее, не под его контролем. Корабль захвачен представителями небелковой формы разумной жизни, которые маскируются под обслуживающих роботов, а некоторые даже не делают и этого...»
«То, что у тебя есть, лечится антибиотиками» (nowhere man, 1995)
В телеге срочно нужны читатели!