X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Клиентская оптимизация форума
Ardjuna
Ardjuna
Topic Starter сообщение 24.9.2010, 9:25; Ответить: Ardjuna
Сообщение #1


Новичок
*

Группа: User
Сообщений: 43
Регистрация: 22.9.2010
Поблагодарили: 12 раз
Репутация:   4  


Приветствую всех посетителей данного форума. smile.gif

После того как создал тему захотелось написать более подробный топик по улучшению нашего с вами форума. Так как некоторые пользователи не понимают серьезность клиентской оптимизации.

Надеюсь получиться статья.

Если администрация посчитает данный топик ненужным, ничего страшного, я не огорчусь. Пишу для всех, надеюсь, кто-нибудь почерпнет для себя, что ему нужно.

Итак начну.


число файлов 174
суммарный размер файлов 428071
время загрузки (33,6kbps) 220.5 с
время загрузки (100 KB/s) 79.08 с



Я разберу только некоторые моменты:

Читатели игнорируют баннеры

Реклама позволяет владельцам сайта заработать на хлеб с маслом, но исследования показывают, что в большинстве случаев пользователи игнорируют баннеры фокусируясь на них только на доли секунды. Если вы хотите заработать на рекламе, подходить к ее размещению, оформлению и типу нужно творчески. Я бы рекомендовал контекстно.

Прикрепленное изображение Прикрепленное изображение

- без баннеров на 1 ветку больше видно стало
- не мозолит и не отвлекает анимация, которая 99% пользователям не нужна.

Прикрепленное изображение


- Как видим на картинке эти 2 flash баннеры тормозят сайт на 1.66 секунд.
- Отправляет на сервер 2 запроса, и конечно же серверу нужно обработать эти запросы.

Прикрепленное изображение


Далее перейдём к CSS файлам

Прикрепленное изображение


- Главная страница форума отправляет на сервер 2 запроса на что уходит на первую загрузку 2.58 секунд, если их объединить, то серверу будет легче справляться с ним и время загрузки CSS уменьшиться.
- Далее, после того как Вы объедините CSS файлы в один файл (сделать это можно через Блокнот), нужно сделать резервную копию CSS файла и сжать специальным компрессором. Я использую css оптимизатор (основанном на проекте CSS Tidy) в настройках ничего не меняйте, если не знаете что там настраивать, единственное что можете поставить Степень сжатия, я на максимум ставлю.

Я сделал, и у меня получилось вот что:

Исходный CSS: 38.426KB, Оптимизированный CSS: 28.172KB, Степень сжатия: 26.7% (-10254 Bytes)

После этого можно отдавать CSS-файлы в виде архивов с сервера (общий выигрыш до 85%).

Подробнее о сжатии CSS-файлов.



Далее перейдём к JavaScript.

Тут 11(!) запросов, это много. Первая загрузка (после очистки кэша) 2.14 сек. Тут можно воспользоваться таким же алгоритмом что и CSS. Компрессор для JS я использую http://dean.edwards.name/packer/ (общий выигрыш до 70%). Обязательно делайте резервные копии.

Прикрепленное изображение


Рекомендую объединить все файлы в один внешний или даже включить его в итоговый HTML. Это позволит сократить количество запросов к серверу.


Картинки

С картинками у нас дела обстоят посложнее, их 47(!) штук и запросов на сервер тоже естественно 47. Это очень много. Тут можно воспользоваться техникой Спрайтов, подробнее читать тут

Прикрепленное изображение


Ненужные изображения нужно убрать. Нужные объединить если это возможно. Далее нужно их сжать. Инструменты:
smushit
punypng

Вот смотрите пример: я взял JPG изображение

Прикрепленное изображение

И через сайт smushit урезал его больше чем в два раза.

Прикрепленное изображение


Так можно обработать все изображения на сервере (включая кнопки и фоновые изображения).

GIF давно устарел, на его замену пришёл PNG. Только в редких случая использовать GIF. Подробнее о преимуществах формата PNG.


Необходимо перевести TABLE верстку в DIV

Многим давно известно, что DIV верстка лучше, более подробнее тут


Далее можно прочитать вот эту статью Тоже очень полезна.


p.s. Прошу прощения что статью оформил не совсем грамотно и может быть неправильно, что много ссылок и мало слов от себя, т.к. это моя первая статья. По ходу эту статью буду улучшать, редактировать.

p.s.2. Я не придираюсь к форуму, почти все сайты в Интернете кроме мне известных (vkontakete,google) оптимизированы плохо. Я только хочу, чтобы было хорошо и хостингу (админам) [т.к. оптимизация уменьшает нагрузку и трафик на сервер] и клиентам (нам) [так как сайт будет быстрее и будет меньше трафика].

Надеюсь, для кого-то статья была полезна. Пишите свои мысли, побеседуем, подискутируем. smile.gif

Спасибо за внимание!
Эскизы прикрепленных изображений
Прикрепленное изображение
 


Поблагодарили: (3)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ARsHi
ARsHi
сообщение 24.9.2010, 9:40; Ответить: ARsHi
Сообщение #2


SEO Admin
******

Группа: Banned
Сообщений: 2077
Регистрация: 1.7.2010
Из: Краснодар
Поблагодарили: 835 раз
Репутация:   162  


о чем это вы? Что нового?


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webpavilion
webpavilion
сообщение 24.9.2010, 9:46; Ответить: webpavilion
Сообщение #3


сеошник на пенсии
*******

Группа: Active User
Сообщений: 2726
Регистрация: 28.4.2009
Из: МО
Поблагодарили: 1659 раз
Репутация:   171  


Ardjuna, искренне рад за вас, вы открыли для себя клиентскую оптимизацию.

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

Заказчику пофиг будет сайт грузится на 20% быстрее или медленнее, он не заметит разницы. Посетителю тоже пофиг либо загрузка происходит мгновенно на быстром канале, либо по любому ждать 30 секунд и ±6 особой роли не сыграют. А если всем пофиг то и платить за это никто не будет. Платит за лишние усилия только разработчик который потратил намного больше времени.

p.s. Не надо мне рассказывать о мифическом амазоне продажи которого выросли в 100500 раз после клиентской оптимизации, это у них. рунет и буржунет две большие разницы.


--------------------
Не ведитесь, cамопис это почти всегда плохо!

Делаю сайты на Drupal 7.x
(очень дорого)


Поблагодарили: (3)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
admin
admin
сообщение 24.9.2010, 9:53; Ответить: admin
Сообщение #4


20,18 см
******

Группа: Administrator
Сообщений: 1501
Регистрация: 24.6.2010
Поблагодарили: 12621 раз
Репутация:   2017  


(Ardjuna @ 24.9.2010, 8:25) *
время загрузки (33,6kbps) 220.5 с
время загрузки (100 KB/s) 79.08 с

Хотелось бы посмотреть на юзеров, кто читает форум при такой скорости.

(Ardjuna @ 24.9.2010, 8:25) *
Вот смотрите пример: я взял JPG изображение

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

(Ardjuna @ 24.9.2010, 8:25) *
Надеюсь, для кого-то статья была полезна. Пишите свои мысли, побеседуем, подискутируем.

Статья - банальный дубль соседней темы. Ценность инфы, приведенной в ней минимальна. ТС получает нарушение за постинг аналогичного и ненужного топика. Топик закрываю и отправляю в "Оффтопик", так как в этом разделе ему не место.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) SEO услуги: аудит, СЯ, оптимизация, микроразметка, продвижение
работа на портфолио за небольшой donate
94 Nell 60738 Вчера, 19:37
автор: Nell
Открытая тема (нет новых ответов) ВНИМАНИЕ: Тема имеет прикрепленные файлыКонкурсы и новогодние мероприятия 2017-2018 от Администрации форума.
15 admin 1373 Вчера, 16:29
автор: Zoya83
Открытая тема (нет новых ответов) Продам аккаунты форума BitcoinTalk.org
личные, не брут, не лом, не перепродажа
2 Jordanutto 533 Вчера, 12:47
автор: Jordanutto
Открытая тема (нет новых ответов) Какой движок форума вам больше нравится?
Пожалуйста, не пройдите мимо, очень нужно
8 landis 615 12.12.2017, 20:07
автор: KsaAZaks
Открытая тема (нет новых ответов) Комплексное продвижение + Внутренняя оптимизация сайтов + Контекстная реклама
4 Frolov_Studio 804 11.12.2017, 22:14
автор: lorenzo


 



RSS Текстовая версия Сейчас: 14.12.2017, 12:15
Дизайн