Трафик с Негонок. (для админов, посторонним не смотреть:))

antonio

Получил втык от начальства за перерасход трафика, дома тоже трафик большой, смотрю - проблема с НЕГОНКАМИ.

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

Начал смотреть, на каждой странице

<style type="text/css">
...
И пошло-поехало на 8 КБ, которые грузятся каждый раз с каждой страницей, даже если, например, в теме всего лишь одно сообщение...
...
</style>

Совет:
Выносим каскадную таблицу стилей во внешний файл (например Style.css) и вместо тега <style> добавляем в <head> <link href="Style.css" rel="stylesheet" type="text/css" />

Style.css будет успешно кэшироваться как браузером, так и проксёй, если она есть...

Посмотрел, что с учётом разбиения на страницы, максимальный размер страницы обычно не превышает 80 КБ, так что даже при максимальном заполнении страницы, экономия трафика УЖЕ составит 10%, а если, повторюсь, в топике 1 сообщение - эконимия трафика 95%. Вот и считаем среднее...

Примечателен закомментированный текст из <style>

/*
The original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com

NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
theme administration centre. When you have finalised your style you could cut the final CSS code
and place it in an external file, deleting this section to save bandwidth.
*/

Здесь комментарии излишни...

P.S.
Чё-то мне и сам итоговый HTML на первый взгляд не понравился,но здесь надо разбираться, и боюсь что медицина будет бессильна, поэтому пока воздержусь пока от комментариев и советов.

DarkDino

мда? сделаем. если конечно, содержание тега style не генерится автоматом из базы для каждой страницы (надо проверить).

насчет кривого хтмла - все вопросы к разработчикам форума. пытаться что-то править бесполезно, потому что очередной security update форума сведет все на нет.

antonio

За css огромное спасибо! Потомки вас не забудут

))

Оценка избытоности итогового html.

1. Отключаем графику в браузере.

2. http://bboard.negonki.ru/viewforum.php?f=2 (форум - "Совместные покатушки и велопоходы")
Это перечень !заголовков! тем - 50 заголовков на странице.
Никакой графики. Сохранем страницу - ё.т.м. - 107 КБ!!!

3. Вырезаем <style>...</style> - Остаётся 96.6

4. Оцениваем объём "полезного" содержимого - таблица с перечнем заголовков в соседних столбцах содержит доп. информацию об авторе темы, авторе и дате последнего сообщения.
Копируем содержимое таблицы в буфер обмена. Вставлем в блокнот. Сохраняем - 4.8 КБ
92 КБ мусора. Блин, такое даже Word не чудит

---------------------------------------------------------------
Теперь попробуем поколдовать над уменьшением объёма мусора (то что нам под силу, с учётом того, что HTML всё-таки генерится не нами)

1. Длинные url в большом количестве.

1.1 Все иконки берутся из каталога. templates/subSilver/images/
Если сократить название, например, до t/ss/i/ получаем 93.6 - Экономим ещё ровно 3 кило...

1.2 http://bboard.negonki.ru/ не знаю как в php, а в asp можно в таких случаях использовать ~/ для адресации относительно корневого каталога... Наверняка что-нить подобное можно применить и в нашем
случае...
Итак, меняем http://bboard.negonki.ru/ на ~/.
Полученный размер - 86.5 КБ. (Уже лучше, чем 107)

2. <IMG title="Посмотреть последнее сообщение" alt="Посмотреть последнее сообщение"
src="t/ss/i/icon_latest_reply.gif" border=0>

Зачем нужен атрибут title? alt не достаточно?
Удаляем title="Посмотреть последнее сообщение".

размер - 84.7 - Ещё 2 кило...

3. "Посмотреть последнее сообщение" -> "Последнее сообщение" (понятно, что посмотреть... не послушать же)
размер - 84.1

border = 0 - в Сss (есть img, где border <> 0 ?)

размер - 83.6

-------------
Итог 24 КБ с каждого клика уже отыграли.

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

Продолжу чуть позже, надо работать...

IlGiZar

Подерживаю топик (я не админ не знаю че полез)
У меня трафик тоже лимитированный поэтому ближе к 15.00 лимит кончается и все тут. Хотя кроме негонок редко куда хожу. Как следствие о покатушках узнаю тока дома, и нет времени уже на сборы доставки себя и вела к месту встречи.
Пробовал отключать графику меня это не спасло. Вот

Облегшите сайт пожалуйста.

P.S. а я думал что у меня лимит маленький

P.S.S все равно маленький

antonio

Ещё одно !элементарное! преобразование.

Если на странице отображать не 50 последних тем (зачем стоко?) а 25, то с учётом проведённой выше оптимизации (по вырезанию и сокращению url) получаем 47.1 КБ

47.1 КБ - Экономим ещё 36.5 КБ !!!

Без учёта проведённой оптимизации от 107 КБ остаётся 65.1, без <style>..</style> соответственно 56.

Экономия 51 КБ!!! за каждое поcещение форума, неплохо правда? Вернее за каждый просмотр списка тем...

Приблизительно то же самое можно сказать относительно количества сообщений в топиках, но я не считал...

2. LaNidZe - Графику можешь включить.Она 1 раз загрузилась и лежит в кэше. На трафик не влияет.

mike

offtopic:
для экономии можно пропробовать http://www.tcompressor.ru/ - существенно экономит текстовый трафик...

antonio

mike писал(а):

offtopic:
для экономии можно пропробовать http://www.tcompressor.ru/ - существенно экономит текстовый трафик...

Proxy с гзипованным трафиком известная штука. Всегда платная. Спасибо за ссылку на "пока бесплатный" сервис. Воспользуюсь. Дома.

mik

Ребят, на самом деле, как уже сказал DarkDino, первое же обновление форума (например связанное с безопасностью) уничтожит все изменения, сделаные с целью экономии трафика. Предлагаете после каждого апдейта патчить код форума?

Предлагаю сделать следующее: всем поставить браузер Opera, кеш его поставить в 80Мегабайт, зайти на форум, посмотреть пару тем, затем отключить нафик картинки. Таким образом поработать дня 3-4, оценить эффект экономии трафика.

antonio

mik писал(а):

Ребят, на самом деле, как уже сказал DarkDino, первое же обновление форума (например связанное с безопасностью) уничтожит все изменения, сделаные с целью экономии трафика. Предлагаете после каждого апдейта патчить код форума?

Предлагаю сделать следующее: всем поставить браузер Opera, кеш его поставить в 80Мегабайт, зайти на форум, посмотреть пару тем, затем отключить нафик картинки. Таким образом поработать дня 3-4, оценить эффект экономии трафика.

Писал же я выше - отключение графики бесполезно, она кешируется любым браузером и прокси-сервером (если он есть) и не влияет на трафик.

Изменения, которые я предложил, апдейтом не должны быть затронуты. Отображать 25 тем вместо 50-ти - это персональная настройка сайта. Никакой апдейт её не изменит... Css во внешний ресурс - тоже самое, скорее всего. Сокращение количества и длины url - не знаю, но в любом случае оптимизировать надо.

Flashback

antonio писал(а):

Отображать 25 тем вместо 50-ти - это персональная настройка сайта. Никакой апдейт её не изменит...

разумно

.
.
.
сделано 25 тем

antonio

Кстати, заглянул на форум
http://forum.ru.tcompressor.com/frm.php?f=2 - ("Бета-тестирование TrafficCompressor")

Точно такой же форум на движке phpBB. Точно также ребята, не заботясь о размере, выводят список из 50 последних тем, но! страница весит не 107 а ровно 70 КБ.

За счёт чего? См. перечисленное мною выше:
1.
<head>
...
<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css">

2. Вместо длинных url они используют короткие:

вместо
<a href="http://forum.ru.tcompressor.com/tpc.php?t=1281">
у них
<a href="tpc.php?t=1281">

--------------------------------------------------------
К слову теги <img> у них тоже "тяжёлые"...

<img src="templates/subSilver/images/icon_latest_reply.gif" alt="Посмотреть последнее сообщение" title="Посмотреть последнее сообщение" border="0" />

DarkDino

не "у них", а у движка phpBB. повторяю еще раз - правки генерируемого движком ХТМЛ ----НЕ БУДЕТ----
я готов переписать одну строку про CSS, но править все темплейты не согласен.

Alter

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

antonio

Для начала хотя б нужно избавиться от http://bboard.negonki.ru/, просто удалив как лишнее, это возможно ведь на примере форума по tcompressor? Экономия получается почти как от выноса css...

вместо
<a href="http://forum.ru.tcompressor.com/tpc.php?t=1281"> (это я написал по аналогии с http://bboard.negonki.ru/)
у них
<a href="tpc.php?t=1281"> (без префикса http://forum.ru.tcompressor.com/ - он тут лишний)

DarkDino

предлагаю инициативу наказать.
шамиль пишет скрипт с регэкспами, антонио запускает его после каждого апдейта.
у меня времени на это, к сожалению нет пока. даже дописать апдейт для сайта нет времени.

Трафик с Негонок. (для админов, посторонним не смотреть:))

Кто сейчас на конференции