Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Тяжелые элементы сайта Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Тяжелые элементы сайта Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Форум плохо грузится
автор VENEFICA. Вчера в 19:33

» Пропала функция редактировать сообщение
автор VENEFICA. Вчера в 18:31

» Помогите, где можно изменить цвет этой менюшки
автор Luz Вчера в 18:20

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор LiptonTea Декабрь 11th 2024, 10:36

» как настроить автоматическое закрепление первого сообщения в теме?
автор Форум Г. Декабрь 10th 2024, 19:08

» совет админам
автор Форум Г. Декабрь 9th 2024, 12:24

» Не могу поменять местами виджеты форума.
автор Форум Г. Декабрь 9th 2024, 12:19

» Не корректное отображение картинок
автор Luz Декабрь 5th 2024, 19:19

» ВПН
автор Luz Декабрь 5th 2024, 19:17

» Дублируется ссылка на форум в боковом меню
автор Luz Декабрь 5th 2024, 19:14

Тяжелые элементы сайта

Участников: 3

Перейти вниз

Тяжелые элементы сайта Empty Тяжелые элементы сайта

Сообщение автор UmaRee Январь 14th 2014, 02:31

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

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

Предположения пока такие:
1. Изображения .png и .gif (самыми легкими, по-моему, являются .jpeg?)
2. iframe - коды/скрипты (без острой необходимости их лучше не ставить?)
3. Java - скрипты (без них совсем обойтись не получится, но "плодить" их на форуме лучше не надо, так?)
4. Сторонние скрипты для виджетов (от вконтакте, фейсбука, Инфы от iii.ру, календари, часы, аквариумы  и пр.) - бесполезная чепуха, увеличивающая время загрузки и возможность "подцепить" всякую гадость.
5. Другие элементы дизайна, такие как : выплывающие панели, всплывающие меню и т.п. (красиво, но сильно "отягощают" форум?)
6. Кнопки "поделиться" от Pluso и т.д.

Ни коим образом не настаиваю на правильности вышеозвученных пунктов. Всего лишь предполагаю (поэтому везде в скобках проставила знаки вопроса wink ).

А есть какие-то списки, в которых расписано, какую именно нагрузку создает каждый элемент? Буду очень признательна.

Заранее всем спасибо. Надеюсь на плодотворную дискуссию и помощь.  d_daisy


Последний раз редактировалось: UmaRee (Январь 20th 2014, 15:50), всего редактировалось 1 раз(а)
UmaRee
UmaRee
 

Женщина

Сообщения : 245
Возраст : 44
Регистрация : 2013-08-05
Благодарности : 14

Без предупреждений

http://www.domdiet.com/

Вернуться к началу Перейти вниз

Тяжелые элементы сайта Empty Re: Тяжелые элементы сайта

Сообщение автор Dana Domirani Январь 14th 2014, 04:43

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

Открываете страницу форума.
В Браузере Хром выбираете Настройки > Инструменты > Инструменты разработчика (или просто жмете Ctrl + Shift + I)
В открывшейся панели переходите во вкладку Network.
Обновляете страницу и смотрите, с какой скоростью загружается каждый элемент страницы.
Слева — название элементов (картинок, скриптов и т.д.) | справа — время их загрузки (колонка Time и шкала Timeline)

Тяжелые элементы сайта Image_27

Чем дольше время загрузки, тем больше он тормозит страницу. Соответственно, есть повод его оптимизировать (если это возможно) или удалить (если это оправдано).


Тяжелые элементы сайта Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22996
Возраст : 40
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Тяжелые элементы сайта Empty Re: Тяжелые элементы сайта

Сообщение автор UmaRee Январь 14th 2014, 04:52

Dana Domirani пишет:Чем дольше время загрузки, тем больше он тормозит страницу.

Дана, спасибо большое за совет. Обязательно займусь проверкой.

А вы не знаете, на какое среднее время загрузки смотреть? Ну то есть какое время загрузки по определенному элементу считается уже слишком долгим и нуждается в оптимизации или удалении?

И не могли бы Вы, пожалуйста, подсказать по пунктам, которые я выше озвучила (с 1 по 6).

 smile 
UmaRee
UmaRee
 

Женщина

Сообщения : 245
Возраст : 44
Регистрация : 2013-08-05
Благодарности : 14

Без предупреждений

http://www.domdiet.com/

Вернуться к началу Перейти вниз

Тяжелые элементы сайта Empty Re: Тяжелые элементы сайта

Сообщение автор Домовой Январь 14th 2014, 07:39

UmaRee, все графические элементы дизайна можно значительно облегчить с помощью специальных онлайн редакторов.
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

Вернуться к началу Перейти вниз

Тяжелые элементы сайта Empty Re: Тяжелые элементы сайта

Сообщение автор UmaRee Январь 14th 2014, 09:52

Домовой, спасибо.
А CSS тоже влияет? То есть чем больше в CSS понапичкано, тем медленне сайт?
UmaRee
UmaRee
 

Женщина

Сообщения : 245
Возраст : 44
Регистрация : 2013-08-05
Благодарности : 14

Без предупреждений

http://www.domdiet.com/

Вернуться к началу Перейти вниз

Тяжелые элементы сайта Empty Re: Тяжелые элементы сайта

Сообщение автор Домовой Январь 16th 2014, 08:03

UmaRee пишет:А CSS тоже влияет? То есть чем больше в CSS понапичкано, тем медленне сайт?
Ну в общем то да.
Но ровно на столько насколько необходимо.
Без CSS никуда не денешься.
Но коды тоже можно облегчить на сколько можно.
К примеру оптимизировать коды цветов, убрать лишние пробелы и прочее.
Оптимизировать CSS можно ЗДЕСЬ
На приме возьмём код из базовой таблицы стиля
Там выглядит он так:

Код:
#pun-intro {
   margin: 0;
   padding: 1.5em 1em 1em 1em;
   border-bottom: 1px solid #666666;
   background-color: #666666;
   background-image: url('http://illiweb.com/fa/punbb/aquagrey/header-bg.gif');
   text-align: left;
   background-repeat: repeat-x;
   }
а это тот же код после оптимизации

Код:
#pun-intro {
border-bottom:1px solid #666;
background-color:#666;
background-image:url(http://illiweb.com/fa/punbb/aquagrey/header-bg.gif);
text-align:left;
background-repeat:repeat-x;
margin:0;
padding:1.5em 1em 1em;
}

На скриншоте видно на сколько он облегчён.
Тяжелые элементы сайта 4296208
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

Вернуться к началу Перейти вниз

Тяжелые элементы сайта Empty Re: Тяжелые элементы сайта

Сообщение автор UmaRee Январь 17th 2014, 12:34

Огромное спасибо за разъяснения.  d_daisy 

Если у Вас есть еще чем поделиться полезным в плане сайтоведения и сайтостроительства, я бы очень хотела послушать.  29 Может как-нибудь минутка найдется у Вас лишняя, расскажите еще о каких-либо полезных вещах, которые надо знать и уметь начинающему веб-мастеру. Уж очень меня эта тема захватывает. Раньше ничем подобным не занималась, а тут понеслоооось.... ))) и остановиться не могу.)) иногда даже что-то получается... но не всегда.  girl_blush  Поэтому всегда прислушиваюсь к знающим людям и стараюсь "впитывать" как можно больше (сколько позволяют ))) ).

Чтобы сильно от темы не отходить, спрошу: какие форматы изображений считаются самыми тяжелыми и каких элементов лучше избегать при построении сайта? К примеру, та же флэш-анимация... тяжелая она? У меня, например, на форуме в паре тем стоят флеши. СтОит ли их убирать?
UmaRee
UmaRee
 

Женщина

Сообщения : 245
Возраст : 44
Регистрация : 2013-08-05
Благодарности : 14

Без предупреждений

http://www.domdiet.com/

Вернуться к началу Перейти вниз

Тяжелые элементы сайта Empty Re: Тяжелые элементы сайта

Сообщение автор Dana Domirani Январь 17th 2014, 13:02

Самые тяжелые — это:
1) многоцветный png большого размера и с альфа-каналом (прозрачностью). Например, у цветастой шапки 1200*800px с прозрачным фоном вес перевалит за Мб.
2) GIF с длительной анимацией. Например, фрагмент фильма, сохраненный в виде анимированного аватара. Тут вес файла может ограничиваться только возможностями хостинга, на который он был залит (от Мб и больше)

Если брать средние значения, то оптимальный вес шапки — 150-200Кб, кнопки / иконки — 1-5Кб (в зависимости от того, сколько таких элементов на странице), аватара — 25Кб.

Вес flash-файла опять-таки зависит от того, какой (помимо скрипта) графический контент внутри него — векторный (он легкий) или растровый (тяжелый, потому что это те же jpeg и png-картинки).


Тяжелые элементы сайта Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22996
Возраст : 40
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Тяжелые элементы сайта Empty Re: Тяжелые элементы сайта

Сообщение автор UmaRee Январь 19th 2014, 11:32

Дана, спасибо за информацию. Может тему "подвесить" куда-нибудь, на случай, если таким же "чайникам" как я захочется сайт облегчить? )))

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

Я на свои вопросы все ответы нашла.  smile
UmaRee
UmaRee
 

Женщина

Сообщения : 245
Возраст : 44
Регистрация : 2013-08-05
Благодарности : 14

Без предупреждений

http://www.domdiet.com/

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения