История одной оптимизации

01.10.2012

История одной оптимизации

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

Привет, меня зовут Иван Евдокимов, и я тот, кто оптимизировал этот сайт.
Думаю, многие из вас знают, что такое поисковая оптимизация, Search Engine Optimization, более привычное нам как SEO. Но вот что такое техническая оптимизация сайта?


В принципе, думаю, тут все понятно из названия, но вот почему ей уделяют так мало внимания? Потому что до недавнего времени она никоим образом не усиливала позиции сайта в поисковиках, а значит, и не приносила сайту дополнительный доход. Однако Google, крупнейший в мире поисковик, который, кстати, не так давно обогнал и Яндекс в России, заявил, что скорость загрузки сайта теперь влияет на его ранжирование и позицию в выдаче. Скорость загрузки Google определяет по результатам PageSpeed, продукта самого Google. PageSpeed оценивает сайт по множеству различных параметров, учитывая серверную и контентную части сайта, а также содержание JavaScript и CSS. Оценка проходит по шкале от 1 до 100, где 100 — идеальный с точки зрения веб-технологий сайт.

Большинство русскоязычных сайтов имеет оценку примерно в 60-70 баллов, и это очень плохо.

  • Российский КиноПоиск — 71/100
  • Западный IMDB.com — 91/100
  • Западный Last.fm — 93/100
  • А вот российский Tune.ru — 74/100

Практически все русскоязычные ресурсы уступают в оптимизации западным, а знаете почему? Потому что на Западе уже давно поняли, что это важно.

Среди российских веб-мастеров довольно трудно найти хорошего оптимизатора, более того, тот же Google не выдаст вам практически никаких советов на русском или украинском. Даже известные российские веб-студии имеют медлительные сайты, полны ошибок и неверных параметров.  Так вот, давайте посмотрим как обстоят дела у гигантов отечественного сайтостроения:

  • Студия Артемия Лебедева, известнейший бренд, они делали Яндекс, бла-бла-бла — 74/100
  • ARMADA Soft, целая группа IT-компаний — 44/100… Кстати, именно эти ребята делают правительственные проекты, так что не удивляйтесь, прождав секунд 15, дожидаясь загрузки госсайтов
  • Известнейший Трилан — 49/100

Думаю, этих примеров достаточно и они более чем впечатляют.

Ну а теперь посмотрим на результаты этого сайта — gering111.com.

До оптимизации PageSpeed давал ему 69/100, после94/100. Есть ещё один инструмент оценки, от Yahoo! — YSlow. Он также давал данному сайту лишь 69%, теперь —  93%, и это максимальный результат, которого можно достичь, не используя платные CDN.

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


На данных графиках показаны вес страницы и количество запросов. Мы начинали с 684 Кб, но я сократил вес до 136 Кб на текущий момент. Запросов изначально было 50-51, теперь — 17. Время загрузки страницы до оптимизации — 2.3 сек с серверов Амстердама и 4.6 сек из Техаса. После оптимизации ~ 700-900 миллисекунд из Амстердама и 1.9-2.2 сек из Техаса. Результат налицо, реальное ускорение в несколько раз.


Есть ещё несколько сервисов, оценка которых важна. Это Pingdom.com и Unshit.com. Первый работает по принципу предыдущих инструментов оценки, и изначально он выдавал этому сайту результат — 82/100. Теперь же — 97/100, но мы добивались и 100/100, 3 балла были потеряны из-за хостинга.

Ну а второй ресурс, unshit.com, отличается от всех предыдущих. Он показывает все недочеты в оптимизациии CSS, Java, изображений, кэш и сжатие…
Стало — так:
After optimize
Думаю, разница очевидна и результат очень нас порадовал.

Со мной можно связаться по почте — evdokimoff.ven@gmail.com, или же в Skype — stocks_api. Стоимость такой работы — договорная, она зависит от сложности сайта, но она, скажу я вам, не слишком большая для того, чтобы Ваш сайт начал летать и подниматься в поисковой выдаче одновременно.

Большое спасибо Ивану за статью и за оптимизацию, до которой у меня никак не доходили руки. Рекомендую Ивана, как грамотного специалиста по технической оптимизации.

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

Удачного вам дня

,

Комментариев: 32

  1. Gotvald

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

    Ответить
  2. Webliberty

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

    Я тоже иногда проверяю загрузку Pingdom и результаты тоже 82/100 стабильно держатся, хотя вроде стараюсь проводить техническую оптимизацию. Если говорить о моих результатах по Page Speed, то основные проблемы с кэшированием в браузере и заголовками Expires и поделать ничего с этим не могу самостоятельно, о чем мне сообщила техподдержка хостинга, т.к. сервер использует nginx и многочисленные скрипты для htaccess не работают в этом случае…

    Ответить
    • GerinG

      Привет, Денис
      Делал ночью, да, но далеко не все. Предупреждение повесил на всякий случай, больше для успокоения совести, все равно никто его не читает. Ну вот кроме тебя
      Кэширование отключал, ибо с ним невозможно отладку делать. Да и сейчас кэширования WP я не использую, настроил на VPS, работает эффективнее.
      С .htaccess та же беда у меня, пока не знаю, как и решать. Придумаю — отпишусь тебе.

      Кстати есть небольшое предложение тебе по тех. оптимизации. Если интересно — стукни мне куда будет удобно, пообщаемся

      Ответить
  3. GerinG

    Winmaster
    — Ну 10% это считай с нуля )))
    — Этот шрифт везде на сайте. Надо еще подумать над размерами, свести в единые значения. А то пляшет немного
    — Вот зараза, действительно. А на демке есть, очень любопытно

    Ответить
  4. Winmaster

    P.S. Практически с нуля, процентов 10 от паблик шаблона оставил ибо в PHP не смыслю(
    P.S.S. Шрифт комментариев очень, очень радует!
    P.S.S.S. У комментариев нет кнопки «ответить»

    Ответить
  5. GerinG

    Winmaster
    Привет, Игорь
    Неудивительно, если в теме ничего лишнего. Ты же с нуля рисовал, если не ошибаюсь?

    Ответить
  6. Иван Евдокимов

    Winmaster, не прибедняйтесь, вполне неплохой сайт 89/100 вижу от Гугла, как всегда и всех, вас подводит кэш.
    Фавиконку поставьте, но это уже так, для красоты=)

    Ответить
  7. Winmaster

    Офигеть! Мой бложик с корявой вёрсткой ( моих рук дело ) показывает 90/100

    Ответить
  8. GerinG

    Кирилл Green, читали невнимательно В конце поста координаты Ивана, мыло и Skype.

    Ответить
  9. GerinG

    Олег, я писал как-то статью на этот счет — http://gering111.com/skorost-sayta-10-testov/. Там достаточно много сервисов, на любой вкус, как говорится )))

    Мишаня, дык сразу же уточнять надо ))) А то я поволноваться успел даже

    Ответить
  10. web11

    спасибо за статью
    никак не ожидал что у моих joomla сайтов будет 88 )

    Ответить
  11. Олег

    У вас в заголовке первого графика стоит «Page Speed and Yslow Scores»
    Какой из описываемых сервисов делает графики по Page Speed и Yslow одновременно?

    Ответить
  12. Иван Евдокимов

    Позвольте, Мишаня, где Вы взяли такой результат? Прямо сейчас вижу 93/100.
    А вот сайту Аккада, как я вижу, и даже не по результатам тестов, нужна оптимизация, Ваш хостинг заворачивает посетителей под предлогом превышения лимита процессорной памяти. Нужно облегчать ВП.

    Ответить
  13. GerinG

    akkad, эта информация была бы очень кстати. Вот только пока она собирается и ничего конкретного нет. Как будут результаты(если будут ), выложу итоги. Но в любом случае — быстрая загрузка это большой плюс.

    Ответить
  14. akkad

    Да, статья интересная, результат я уже давно заметил. Вот только итога поднятия позиций из-за технической оптимизации в Гугле не хватает в статье.

    Ответить