Оптимизация сайта. Часть 2

Опубликовал cross в Общее, Полезные ссылки, Разработка сайтов      15 comments

Май
5

Май, 5ый курс, дипломная работа и куча потраченного времени на окончание университета. Но не смотря на это работа не останавливается и вполне удачно продвигается. Сильно рассчитываю на дополнительное свободное время, которое появится после получения диплома и уже сейчас продумываю дальнейшее продвижение в сети.

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

Текущая же ситуация состоит в том, что запущен мой первый СДЛ и уже потихоньку начинает продвигаться. Первые 100 посетителей хлынувшие с различных сайтов прямым трафиком, первые копеечки окупаемости и первые страницы в индексе Яндекса и Google. Если последний отлично все кушает, то Яша как обычно тормозит.

Вообще с Яндексом ситуация непонятна, в индекс сайты попадают крайне неохотно и причины тому не ясны. Толи озвученная нехватка мощностей, то ли действительно серьезные переработки поискового алгоритма. Вообще посмотрим. Ничего хорошего пока в этом нет, поскольку тормозится и развитие сети сателлитов под Сапу и белые проекты.

Пока перейдем к теме оптимизации сайта в плане поднятия производительности различными средствами. Вообщем ситуация в следующем - опишу свои дела. Более 20 сайтом, простенький виртуальный сервер, 300 метров памяти и слабый процессор. Естественно, сайты тормозят, а если это крупный проект, который требует мощностей, то приходится уделить время оптимизации сайта. Итак, самый просто и быстрый способ состоит в следующем.

YSlow

Данный плагин для Firefox позволяет проанализировать загрузку еще более подробнее, чем ранее описанный Firebug Net.

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

Список основных аспектов, которые анализирует плагин в момент загрузки страницы сайта.

1. Minimize HTTP Requests
2. Use a Content Delivery Network
3. Add an Expires or a Cache-Control Header
4. Gzip Components
5. Put StyleSheets at the Top
6. Put Scripts at the Bottom
7. Avoid CSS Expressions
8. Make JavaScript and CSS External
9. Reduce DNS Lookups
10. Minify JavaScript and CSS
11. Avoid Redirects
12. Remove Duplicate Scripts
13. Configure ETags
14. Make AJAX Cacheable
15. Use GET for AJAX Requests
16. Reduce the Number of DOM Elements
17. No 404s
18. Reduce Cookie Size
19. Use Cookie-Free Domains for Components
20. Avoid Filters
21. Do Not Scale Images in HTML
22. Make favicon.ico Small and Cacheable

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

В общих чертах оптимизация сайта сводится к исправлению всех моментов отмеченых плагином YSlow как BCDEF, все что А - это хорошо

Допустим я исправлял такие вещи:
Minimize HTTP Requests
Уменьшением количества запросов, которые делает страница. Уменьшение картинок, создание сплайтов, объединение CSS и JS в один файл.

Add an Expires or a Cache-Control Header
Настройка mod_expired на сервере, для установки кешируемого и редко изменяемого контента.

Gzip Components
Настройка mod_deflate на сервере с целью компрессии страницы и уменьшения их передаваемого по соединению размера.

Minify JavaScript and CSS
Минимизация CSS и JS с помощью специальных сервисов.
Интересно конечно попробовать CDN для распределения отдаваемого пользователю контента и более тонкая установка всех остальных моментов. Но и с текущими изменениями возможно ускорить работу собственного сайта.

Похожие посты:

1. Оптимизация сайтов, раскрутка, SEO-оптимизация
2. Как превратить $20 в $200? Часть 1
3. Оптимизация сайта
4. Оптимизация сайта для ускорения индексации
5. Оптимизация сайта

Расшарь ссылку на пост, если он тебе понравился!

15 Комментов к “Оптимизация сайта. Часть 2”

• 6 Май 2009 в 17:19
  перегородки :

  Спасибо.удобный плагин. поставил се.
  удачи с дипломной работой и с реализацией всех задумок;)
• 7 Май 2009 в 09:35
  student :

  А для оперы есть что подобное?
  Опера мне милее, но вот лиса по кол-ву плагинов делает.
• 7 Май 2009 в 09:57
  cross :

  Есть нечто подобное и для Оперы, но я не использую этот браузер и к сожалению не могу сказать как он называется.
• 8 Май 2009 в 09:53
  жаб-жаб :

  сам пользуюсь этим плагином, но больше для развлечения – интересно посмтреть на скорость чужих сайтов, в деле пока применять не пришлось
• 12 Май 2009 в 11:40
  Прохожий :

  >Minify JavaScript and CSS
  Заинтересовало, какие сервисы позволяют это делать?

  Или речь идет о банальном убирании лишних интеров, табов и пробелов?
• 12 Май 2009 в 11:52
  cross :

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

  Хотя подобное усложняет работу со скриптами. Потому собственно лучше просто убирать лишние знаки форматирования, пробелы и тд…
• 14 Май 2009 в 13:21
  Аркадий :

  Плагин нормальны! сам только недавно на его перешел. Все в порядке
• 16 Май 2009 в 16:54
  Кирилл :

  Нормально работает, вот вопрос есть для оперы что-то похожее, а то все время в лисе работать с етим плагином приходится, а опера более безопасный вариант
• 20 Май 2009 в 15:27
  Литератор :

  Сам сейчас заканчиваю пятый курс, поэтому прекрасно понимаю, какой у тебя цейтнот времени. Вообще не уделяю времени своим проектам. Только и остаётся, что оставлять пару записей в своём блоге и комментировать любимые дневники вроде этого.
• 21 Май 2009 в 05:48
  Дан :

  Жаль, конечно что пока для Оперы ничего нет. Конечно Лиса довольно интересный браузер, надо будет попробовать с ним поработать.
• 22 Май 2009 в 16:07
  jaguar :

  А для IE будет чтонибудь подобное?
• 22 Май 2009 в 16:43
  cross :

  Есть, плагин называется ID Developer и еще один Web Developer… Но они совершенно неадекватные, как и сам браузер. В случаях кроссбраузерной верстки, лучше сразу разрабатывать под FF проверяя каждый шаг в IE.
• 22 Май 2009 в 17:46
  Gerbert :

  Неплохой плагин, буду пользовать Спасибо.
• 12 Июнь 2009 в 11:22
  Олег :

  То что ты перечислил поможет лиш на время. Лучший способ – поменять хостинг. Разница в цене не такая уж и большая. У меня под 12 проектов один аккаунт с общей посещаемостью около 2000 уникальных. Проблем нет. Просто хороший хостинг.
• 15 Июнь 2009 в 22:17
  Продвижение СДЛ | Оптимизация сайтов от cross{blog} :

  [...] свои особенности для СДЛ и соотвественно заняться оптимизацией сайта. Я же просто привел пример. Кстати забыл похвастаться [...]