Разделы

Новости
Об игре
Учебник
ЧаВо
Файлы
Галерея
Видео
Наши блоги
О сайте
Форум

Голосование

Как вы оцениваете выходящие для Bannerlord обновления?












Реклама




Пользователей
  • Всего: 27887
  • Последний: reset
Сейчас на форуме
Пользователи: 2
Гостей: 110
Всего: 112

Реклама

avatar
Различные заметки о Rusmnb.ru и не только
Владелец:
Всего записей/комментариев: 77 / 354
Всего просмотров: 102672

Рейтингов: 0

* Просмотров

Прогрессивное упрощение
Категория: О форуме и сайте
Чтение разрешено: Всем
Добавлено: 24 Октября, 2012, 13:53
Комментарии: 2 (разрешено Всем)
Просмотров: 824

Голосов (нажмите для оценки): 1, Рейтинги:

Есть такое понятие - прогрессивное упрощение (progressive simplification) - одно из названий принципа оптимизации, смысл заключается в изменении кода таким образом, чтобы при аналогичном результате получить более эффективный способ его реализации. Под таким заумном определением кроется простой смысл: сделать также, как было, но проще или менее ресурсозатратно.

Как же это может коснуться нас? Многие знают, что файл весом 10 Гб загружается гораздо быстрее, чем 10 файлов аналогичного в сумме размера. Эта особенность передачи файлов используется довольно активно: можно запаковать кучу мелких файлов в архив и закачать их на файлообменник. В таком случае лицу их скачивающему будет гораздо удобнее эти файлы получить, чем если бы он скачивал их по одному (даже если качать он будет их одновременно). Такой же принцип действует и при загрузке браузером страниц сайтов.

На нашем сайте довольно много самой разнообразной графики: кнопочки, иконки, фоны и прочее. Сейчас все эти картинки грузятся по одной. Для быстрого интернета это не критично, а вот при медленном соединении могут наблюдаться проблемы. Но эту проблему можно решить с помощью CSS. Представьте, что вместо 100 изображений ваш браузер будет загружать 10 того же объема. В этом случае в действие вступит вышеуказанное правило и скорость загрузки увеличится. Внешне количество элементов оформления при этом останется таким же. Как этого достичь? Как я уже сказал, поможет нам в этом CSS, позволяющий обращаться к разным частям одного и того же файла изображения.

В качестве примера я уже провел эксперимент. Взгляните на блок иконок в верхнем правом углу сайта. Видимых изменений там нет. Вроде бы все те же картинки. Но на самом деле это одно целое изображение:


Каждая иконка в данном случае является как бы "виртуальной": вместо прямого указания URL картинки, происходит сначала "одноразовоая" загрузка полного изображения, а затем обращение к конкретной зоне в нем. Иконка как бы вырезается из этого изображения и показывается только нужная часть. Например, вот так: background-position: -93px  0px.

Аналогично можно сделать и с остальной графикой на сайте. На самом деле, вся она может грузится одной большой картинкой, а потом разрезаться (кстати, этот принцип раньше частично использовался в оформлении форума, но был потерян при доработки внешнего вида). Но так я делать не хочу: все-таки, у такого подхода и минусы есть. А вот сгруппировать некоторые изображения вполне можно.
1 - Re: Прогрессивное упрощение
От Scarvy в: 25 Октября, 2012, 21:01
Радует, что работа по оптимизации сайта ведётся. У меня например в последнее время сайт начал заметно подтормаживать, особенно во время отправки постов и комментариев. Буду рад любым изменениям, которые улучшат быстродействие сайта.
2 - Re: Прогрессивное упрощение
От Rongar в: 30 Октября, 2012, 19:19
> Многие знают, что файл весом 10 Гб загружается гораздо быстрее, чем 10 файлов аналогичного в сумме размера

Это зависит от многих деталей.
От устойчивости соединения и возможности докачивать.
От наличия возможности скачивать в несколько потоков.
От того, где находится узкое место (входящий канал пользователя, исходящий канал сервера или промежуточная точка)
Большинство современных браузеров пытаются скачивая элементы сайтов в независимых потоках. Считается, что это ускоряет загрузку.

Основное, на мой взгляд, что может изменить объединение иконок — это уменьшить пиковую нагрузку на сайт. Те браузеры, который вгрызаются в сайт своими 100500 потоками, перестанут конкурировать внутри себя и с другими пользователями за ресурсы.

Мне кажется, чисто интуитивно, что объединять мультимедийную информацию имеет смысл до тех пор, пока она существенно меньше среднего скачиваемого объекта.
«Июня 2021
П В С Ч П С В
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
« Архив 2021
Января
Февраля
Марта
Апреля
Мая
Июня
Июля
Августа
Сентября
Октября
Ноября
Декабря
Категория
PortaMx Blog Extension v0.953 | PmxBlog © 2008-2010 by PortaMx corp.

Список игр

Реестр других игр

Важное о модах

Наши моды
Русь 13 век
Мододельня
Форум модов
Обмен опытом

Блоги

114 блогов, 367 записей
Последние записи:

[23 Июля, 2019, 11:23]

[28 Марта, 2019, 15:23]

[24 Октября, 2018, 10:44]

[22 Октября, 2018, 13:57]

[30 Августа, 2018, 22:42]
Крупнейший сайт о стратегиях. Обзоры новинок.Активный ФОРУМ и встречи с разработчиками. Большая качалка МОДов для RTW и не только. Родной дом «Империи» и «Бонапарта». СиЧЪ Total War Все о Mount & Blade
Сайт "Всадники Кальрадии" не является СМИ. Администрация не несет ответственность за высказывания и публикацию каких-либо материалов, сделанные любыми пользователями форума, в том числе посредством личных и публичных сообщений. Материалы, размещенные на ресурсе третьими лицами, могут содержать информацию, не предназначенную для лиц, не достигнувших совершеннолетия. При обнаружении на ресурсе материалов, нарушающих законодательство Российской Федерации, необходимо обращаться к администрации.
Сайт работает на быстром VPS/VDS хостинге от FASTVPS