Hi! My name is Damir. I’m co-founder at IFAB.ru and i’m pretty good at these scary things

  • Startups
  • E-Commerce
  • Process development
  • Process implementation
  • Project management
  • Financial modeling
  • Business strategy

You can reach me out via these networks

Are you hiring? Check out my CV

My CV page

Работы над сайтом

628

Ух как я давно не писал обычных постов сюда. Но раз в несколько лет можно, думаю.

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

Страницы

Всё началось с идеи добавить резюме на сайт. Несколько раз в месяц его запрашивают разные компании и мои знакомые для рекомендаций по рынку, но мне очень неудобно постоянно обновлять документы с резюме и пересылать их по почте. Так появилась страница My CV, где я разместил ключевые разделы о себе и своей профессиональной “карьере”. Получилось наглядно и информативно. В планы входит составление такой же страницы, но на русском языке. Не думаю что она будет нужна, но на всякий случай и в целях индексации – всегда полезно.

Обновлению подверглись страницы About, Contact me. На них я обновил контент, заставку при загрузке. Books & Music тоже обновил, но только хэдер. До контента я так и не дошёл, сама идея обновлять список прочтенных книг, которую я зародил несколько лет назад, не нашла организованности у автора.

Добавились страницы Travel, InstagramMovies. В Travel я приведу список посещенных стран и постараюсь детализировать до городов. Instagram я сделал в целях отслеживания переходов из одноименного сервиса. Как вы, наверное, знаете, переходы из instagram невозможно отследить и в статистике они отображаются как Direct, так как открываются браузером в телефоне. 
Страница Movies, на самом деле, была уже четыре года, но была в архиве. Я не обновил ее содержимое, но собираюсь придумать автоматическое обновление с Кинопоиска или IMDB.

Дизайн

Здесь изменения минимальные. Добавил всплывающий блок с похожими постами. Должен появляться при прокрутке страницы на 50%. Цель простая – увеличить количество внутренних переходов.
Добавил всплывающее меню. У меня был предусмотрен вызов сайдбара с меню, который вылезает справа, но кнопка оказалась не совсем очевидным элементом, поэтому сделал самое простое меню, куда добавил ключевые ссылки.

Оптимизация

Посмотрел все загружаемые изображения, по возможности уменьшил их размер. Теперь сайт должен открываться быстрее на телефонах и на ПК с низкой скоростью подключения. Кроме этого включил обратно и перенастроил плагин кэширования W3TC, а домен повесил на cloudflare, где тоже активировал CDN и кэширование на их стороне и минификацию JS, HTML, CSS. Посмотрим как будет дальше, но результат очевиден, сайт стал работать значительно быстрее. Это еще не предел.

Также я добавил информеры для счётчиков внизу страницы. Метрика работала почти всегда, а вот liveinternet в какой-то момент я тупо забыл включить. Как когда-то я забыл включить google analytics на полгода, в связи с чем возникала вот такая картина:

Статистика

Вообще по этой картинке можно оценить мою способность класть железебетонный на сайт 🙂 

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

Новые материалы

В принципе, по графику выше можно понять, что у сайта достаточно хорошая статистика посещений. Это обусловлено теми немногими материалами (~35 страниц), которые я выкладывал на первом и втором курсе. В общем за пару дней (вечеров) я добавил около 230 новых страниц. Посмотрим что из этого выйдет. Они доступны по адресам, расположенным после /exam в иерархии страниц сайта. Надеюсь, кому-то пригодится.



Leave a Comment

Your email address will not be published. Required fields are marked with *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Pin It on Pinterest

More in damirock.com, wordpress, вебсайт
Mystique 3.0: adding more icons drama :D

Hey guys! So, that's your solution for now. First of…

Adding more social icons to Mistique Extra Nav Icons

As default, Mystique theme supports only 2 icons: Twitter and…

Итоги на пути к ничему

[audioplayer file="http://dl.dropbox.com/u/31859971/Chris%20Rea%20-%20The%20Road%20To%20Hell.mp3"|titles=Road To Hell|artists=Chris Rea] Прошло чуть больше года с…

Close
Яндекс.Метрика