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
Сообщений: 1527
Регистрация: 24.6.2010
Поблагодарили: 13069 раз
Репутация:   2018  


(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) *
Надеюсь, для кого-то статья была полезна. Пишите свои мысли, побеседуем, подискутируем.

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПродвижение и оптимизация сайтов
51 moresofta 17156 14.5.2018, 17:32
автор: moresofta
Открытая тема (нет новых ответов) Настройка, оптимизация и введение Google AdWords и Яндекс.Директ
mkcontext.com
11 mkcontext 2467 9.5.2018, 12:13
автор: Palundra
Горячая тема (нет новых ответов) Оптимизация сайтов, продвижение, наращивание ссылок
Большой опыт работы, отзывы
191 tario777 66689 7.5.2018, 14:43
автор: tario777
Открытая тема (нет новых ответов) Вопросы обо всем: AMP, Турбостраницы и мобильная оптимизация
и вконтакте с его Прометеем и советом использовать amp
4 coremission 1284 5.5.2018, 15:24
автор: VadymO
Открытая тема (нет новых ответов) Требуется внутренняя оптимизация
1 Nemo 492 15.4.2018, 14:07
автор: Nemo


 



RSS Текстовая версия Сейчас: 23.5.2018, 13:23
Дизайн