Сделал сайт atletik-city.ru

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

В общем, я туда полгода ходил и был очень рад. А потом переехал в частный дом, начал кидать уголь, колоть дрова и фитнес как-то отошел на второй план =(

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

Всем желающим предлагаю оценить скорость работы «тормозного MODX Revolution». Счетчик внизу слева, у любой страницы — больше 0.5 секунды не бывает. Как обычно, дело в руках и голове, а не движке.

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

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

Выводом фотогалереи заведует отличный FileDir, от Artdevue. Спасибо, Валентин, я пришлю тебе свои модификации в репозиторий, обещаю!

Сайт в процессе наполнения и обкатки: тексты пишутся, картинки добавляются. Но в целом — работает.

Предлагаю заценить.

Если что — вот ссылка на все остальные клубы города. Обратите внимание на Губернский Лазурный — в код страницы лучше не заглядывать, я вас предупредил!

Следующая заметка
Про "тормозной" MODX Revolution
Предыдущая заметка
Подумал мысль


Комментарии ()

  1. Иван Волков 06 октября 2012, 19:31 # 0
    Легкий, лаконичный и в то же время удобный, для пользователя, дизайн.
    Page Speed Score: 97/100 (ух!)
    Одно замечание -1024х768 — небольшая нижняя полоса прокрутки.
    вот эти элементы:
    <a class="carousel-control left" data-slide="prev" href="#masthead-carousel">‹</a>
    <a class="carousel-control right" data-slide="next" href="#masthead-carousel">›</a>

    «вылазят» за
    <div id="wrapper" class="clearfix">
    1. Иван Волков 06 октября 2012, 19:41 # 0
      UPD. На странице atletik-city.ru/shop.html
      «Интернет-магазин в разработке
      Открытие: ноябрь 2012г.»
      добавьте что-то вроде «Заказать абонемент Вы можете по тел. 322-223-322. Спасибо за понимание!»
      На странице atletik-city.ru/schedule/
      «Значение цветов» перенесите вверх, имо так легче понять «радугу».
      1. Василий Наумкин 06 октября 2012, 20:36 # 0
        Добавил телефон, спасибо за идею.

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

        1. Иван Волков 06 октября 2012, 22:06 # 0
          Про цвета — сугубо мое субъективное видение.

          офтоп. Пытался отправить вопрос в соотв. раздел — не опубликовался. Это связано с предмодерацией? Или я чего то накосячил? :)
    2. Виталий Киреев 06 октября 2012, 19:41 # 0
      Неплохо. Мне нравятся сайты с таким легким дизайном.
      1. Александр Наумов 06 октября 2012, 19:42 # 0
        Хороший сайт.
        1. Valentin Rasulov 06 октября 2012, 20:44 # 0
          Сайт конечно как всегда на УДИВЛЕНИЕ «тормознутый», Василий, расскажи свои заклинания нам? :)

          Сайт легко воспринимается. не перегружен, понравился, как по функционалу, так и по скорости. Сразу видно. что продумывались все детали и связи на сайте.
          Можно хвалить и дальше, но не буду, чтобы не раслаблялся! :)
          Одним словом — супер!
          1. Василий Наумкин 06 октября 2012, 20:45 # 0
            Колдунство тут только одно — MODX Revolution!
            1. Иван Волков 06 октября 2012, 22:17 # 0
              у меня такое ощущение, что Revo «тормозит» у людей размещающих его либо на шаровом хостинге, либо на --«минус 5 звезд» за 0,01 $/месяц, либо соединение с сервером у них идет через Арктику.
              Делаю сам себе сайт, абсолютно базовые настройки, сервер nginx, хост — 5$/месяц, сервер в Германии, админю из Киева. Табличная верста (ужос, на костер меня!), куча доп полей для товаров, и что? Летает. Вот должОн тормозить жутко, а он — летает) Админка работает гораздо быстрей, чем на локалке, т.е. тоже — летает. Под сайт выдано оперативки «всего» 196 метров (правда при базов запросе Рэво — 24).
              1. Антон Слободчук 06 октября 2012, 22:29 # 0
                Тормозить будет, когда появится phpthumbof и getpage до кэширования :)
                1. Иван Волков 06 октября 2012, 22:36 # 0
                  phpthumbof — в наличии, пока сайт в тестово-наполнительном режиме подключал getpage — загрузка выборки в каталог лимит 4-5 превьюшек на страницу… особых тормозов не заметил :)
                  В дальнейшем getpage — не будет. Либо свое решение (топорное, но мне удобное) либо PageNav Valentina Rasulova.
                  1. Антон Слободчук 06 октября 2012, 22:41 # 0
                    У меня когда появляется phpthumbof в связке с getPage, страница с 12-ю картинками первый раз грузится 6.5 секунд, далее из кэша — 0.21 c. Когда убираю phpthumbof, страница загружается за 2.58 c, далее из кэша — 0.18 c.
                    1. Valentin Rasulov 07 октября 2012, 00:27 # 0
                      phpthumbof:
                      для этого нужно ресайзить картинки во время загрузки, затем, можно отключить плагин phpthumbofcachemanager и тогда при обновлении сайта у вас не будут по новому ресайзить картинки.
                      Ещё, можете задать свою директорию для хранения кэша и сам играть с ним. как вам нужно.
                      Ну и на последок, использовать RezImgCrop modx.com/extras/package/rezimgcrop2

                      getPage — я описывал принцип работы здесь community.modx-cms.ru/blog/research/7370.html, правда похожее расширение, т.е. качаеться пагинации, которую тоже нужно кэшить, правда нужно и правильно удалять кэш

                      Работу с 96 превью, что первый раз, что последующии (всё сразу при загрузки попадает в кэш), можете посмотреть здесь danceplusi.artdevue.com/gallery/album-11/
                      тест — www.webpagetest.org/result/121006_FZ_APR/
                      Как видите — первый проход, старт (т.е. посетитель уже видит) с 1,33s, при повторном — 0.619s. — при 96 превью.
                      1. Антон Слободчук 07 октября 2012, 00:41 # 0
                        Отключил phpThumbOfCacheManager — все те же 7 секунд, когда не из кэша.
                        На странице danceplusi.artdevue.com/gallery/album-11/ у вас грузятся превьюшки, ресайз которых был сделан при загрузке фотографии, правильно?
                        1. Valentin Rasulov 07 октября 2012, 00:48 # 0
                          правильно, использую Gallery для поселения на сайт самих фоток, вывод конечно свой идёт. При загрузки фотографии, сразу делаеться ресайз (вернее 2 ресайза, одна на большое фото, другая на превью), ну и использую RezImgCrop (правда я его давно не обновлял, есть новые плюшки modx.artdevue.com/test/test2.html, modx.artdevue.com/core/components/rezimgcrop/model/rezimgcrop/index.php)
                          1. Антон Слободчук 07 октября 2012, 03:17 # 0
                            А есть ли где-то описание вашей реализации ресайза при загрузке фотографии? Пути к ресайзам сохраняются в tv и при изменении основной фотки, удаляются старые картинки с измененным размером, создаются новые, обновляются tv?
                            За RezImgCrop спасибо, посмотрю в ближайшее время.
                            1. Valentin Rasulov 07 октября 2012, 03:30 # 0
                              описания нету, так как ресайз происходит в классе Gallery.
                              Про TV, Василий описывал здесь вроде bezumkin.ru/blog/2012/08/04/resizeonupload/

                              У каждого свои заморочки, если пару словами, в Gallery (как и у многих расширений), есть свои процессоры, вот там и делаем ресайз или удаление фотографий.
                              1. Антон Слободчук 07 октября 2012, 04:21 # 0
                                Странно, что до сих пор никто не реализовал форк phpthumbof, когда новые ресайзы делаются не после очистки кеша, а по новой дате исходного изображения.
                                1. Valentin Rasulov 07 октября 2012, 04:34 # 0
                                  а зачем всё форкать, нужно или дописывать и предлогать внедрить или делать отдельное расширение, если первое не прокатило.
                          2. Valentin Rasulov 07 октября 2012, 00:52 # 0
                            К стате, Василий вам более подробно может описать работу с phpThumbOf, он ей и использует в своих проектах.
                          3. Andrei Kilin 09 октября 2012, 12:25 # 0
                            Есть ли у RezImgCrop параметр, чтобы не увеличивать картинку, если она меньше чем заданное превью?
                            1. Valentin Rasulov 09 октября 2012, 13:40 # 0
                              в существующей версии нету, постараюсь обновть в ближайщее время
                  2. Максим Франц 06 октября 2012, 20:47 # 0
                    Особенно понравился раздел поле-денс :) сами фотографировали?
                    1) Хостинг как я понимаю, Ваш, фирменный?
                    2) Эффект проявления фото — фишка файл дир? Или тут что-то еще?
                    3) Почему решили переделать онклик от бутстрапа в меню?
                    1. Василий Наумкин 06 октября 2012, 20:50 # 0
                      Нет, фотки выдали готовые — мне тоже очень понравились =)

                      1) А то!
                      2) Неа, это мега-плагин jQuery lazyload — ленивая загрузка
                      3) Так гораздо удобнее: и клик на категорию работает, и выпадающее меню. В стандартном виде на категорию из меню перейти нельзя.
                      1. Максим Франц 06 октября 2012, 21:30 # 0
                        3) Говорят, что с планшета удобней «стандартный вариант». Но так функциональней, да.
                        Посмотрел js, не нашел где меню переделано… не будет наглостью попросить показать?

                        и так задумано? :)
                        1. Василий Наумкин 06 октября 2012, 22:06 # 0
                          3) Говорят, что компьютеров пока еще больше, чем планшетов. Для них, к тому же, дизайн адаптивно показывает другое меню.

                          Ищите самостоятельно — так интереснее =)

                          На что влияет html lang? Яндекс его вовсе не указывает.
                          1. Максим Франц 06 октября 2012, 22:08 # 0
                            и правда интересней :) js тут и не при делах вообще.
                    2. Антон Слободчук 06 октября 2012, 22:22 # 0
                      У вас на страницах больше одного h1.
                      В подвале справа — ссылка в ссылке.
                      На главной в услугах лишний закрывающий параграф для каждой услуги.
                      Тут же подробности с кавычкой » и с >> — наверно надо что-то одно?
                      Галерею для фэнсибокса надо разделить на 2 части: общая и pole dance (data-fancybox-group или как он там).
                      Еще неплохо добавить robots.txt, в него прописать адрес хоста и сайтмапа.
                      А еще можно поставить Гугл Аналитикс и выводить в админке на панель статистику через Bigbrother.
                      Ну и тайтл главной страницы поменять на 'Фитнес-клуб «Атлетик Сити»'.
                      1. Иван Волков 06 октября 2012, 22:39 # 0
                        «У вас на страницах больше одного h1» — скажите, пожалуйта, т.е. наличие более одного h1, для СЕО, вызывает так называемый эффект «тошнотворности» или переоптимизаци?
                        1. Антон Слободчук 06 октября 2012, 22:51 # 0
                          Да, на страницу накладывается фильтр. Может быть только один h1.
                          h1, как и title — о чем конкретная страница. А когда робот видит, к примеру, что в разделе с тренерами h1 — это и «Атлетик Сити», и «Тренеры», он не понимает о чем эта страница, падает релевантность страницы, она попадает под фильтр.
                          Еще неплохо разделять — в title выводить pagetitle, в h1 — longtitle. На примере этой же страницы:
                          pagetitle, = Тренеры
                          longtitle, = Тренеры фитнес-клуба «Атлетик Сити»
                          в хлебные крошки тогда можно выводить menutitile или pagetitile, если menutitile пуст.
                          1. Иван Волков 06 октября 2012, 22:58 # 0
                            Спасибо за развернутый отве!
                            Взял на заметку.
                            1. Илья Уткин 07 октября 2012, 01:18 # 0
                              Ох-ты, господи… Робот яндекса уже давно умеет понимать о чем страница, даже если на ней вообще нет H1. Все, что вы описали — это, конечно, правильно, но это далеко не первостепенные вещи, на которые надо обращать внимание
                              1. Антон Слободчук 07 октября 2012, 02:19 # 0
                                Да ради бога — делайте хоть все заголовки на странице h1, попадайте под фильтр — дело ваше.
                              2. Василий Наумкин 07 октября 2012, 06:13 # 0
                                Мы для людей делаем сайты, или для Яндекса?

                                Как показывает мой опыт — поисковики давно стали умнее поисковых оптимизаторов.
                            2. Антон Слободчук 06 октября 2012, 22:42 # 0
                              И еще, сейчас в meta прописано, что нельзя масштабировать, зачем? Поворачиваем планшет вертикально, сайт не влезает. По мне так это очень неудобно.
                              1. Василий Наумкин 07 октября 2012, 07:08 # 0
                                Поправил.

                                Спасибо за свежий взгляд — у меня уже замылился.
                              2. Василий Наумкин 07 октября 2012, 06:46 # 0
                                Ненужный h1 в заголовке убрал.
                                В подвале все окей, просто 2 ссылки рядом.
                                Лишний параграф — это к TinyMCE.
                                Кавычки поправил.
                                Галереи разделил.
                                robots.txt добавил, хотя у меня принудительный редирект на нужный домен и sitemap в стандартном месте. Но добавил.
                                Нам больше нравится Яндекс.Метрика.
                                Тайтл переделал.
                                1. Andrei Kilin 07 октября 2012, 20:09 # 0
                                  а как сейчас дела с хтмл5 в сео? там вообще в каждом семантическом блоке должен быть h1
                                2. Алексей Савченко 08 октября 2012, 22:22 # 0
                                  Даже не заглядывая внутрь можно узнать REVO. По тем же ссылкам: atletik-city.ru/photo-gallery/ и на этом же сайте с окончанием: atletik-city.ru/services/fitness-hall.html

                                  Кстати, раз уж сайт легкий весь такой, может и изображения стоит сжать? Рекомендую обсуждавшийся относительно недавно на Хабре великолепный сервис tinypng.org/ я ваш логотип 21 кб сжал в 7 без потери качества.
                                  1. Василий Наумкин 08 октября 2012, 22:24 # 0
                                    Вау.
                                    1. Алексей Савченко 08 октября 2012, 22:28 # 0
                                      Приятно хоть немного удивить человека у которого многому научился)
                                    2. Denys Butenko 09 октября 2012, 00:57 # 0
                                      Есть еще kraken.io/ тоже хорошо сжимает. Не сравнивал, но советую как альтернативу)
                                      1. Максим Франц 10 октября 2012, 13:00 # 0
                                        smushit.com/ysmush.it
                                        punypng.com
                                      2. Иван Брежнев 09 октября 2012, 21:24 # 0
                                        tinypng.org/ — хороший сервис, много файлов посжимал. Спасибо за ссылку
                                      3. Pavel Lautsevich 08 октября 2012, 23:23 # 0
                                        Василий, а планируется ли выход в опенсорс плагина Schedule? Если да, то когда?
                                        1. Василий Наумкин 09 октября 2012, 05:49 # 0
                                          Планируется, в таком же виде, как и miniPayment — исходный код на Github для самостоятельной сборки.
                                          1. Pavel Lautsevich 09 октября 2012, 09:22 # 0
                                            И на том спасибо.

                                            Кстати, зря Вы так переживаете, по поводу глупых вопросов от сообщества. Они были есть и будут, игнорируйте то, что раздражает и делов-то.
                                            1. Василий Наумкин 09 октября 2012, 13:12 # 0
                                              Я не переживаю.

                                              Чтобы опубликовать готовый пакет нужно:
                                              1. Написать и собрать — это понятно
                                              2. Потом загрузить в репозиторий, оформить там все на английском
                                              3. Написать документацию на rtfm — опять же на английском (не обязательно, но желательно)
                                              4. Оформить документацию у себя на сайте — обязательно.
                                              5. Затем принимать отзывы и багфиксы, обычно тупо текстом.
                                              6. Исправлять, опубликовывать новые версии и обновлять документацию на 2х сайтах.

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

                                              Если я придумаю, как и мне зарабатывать, и людям помогать — сделаю. А пока проще отдать исходный код кто хочет — использует. Тем более, это гарантирует отсутствие особо тупых вопросов — а на умные и отвечать приятно.
                                              1. Pavel Lautsevich 09 октября 2012, 13:34 # 0
                                                В принципе согласен. Успехов!
                                            2. Максим Франц 28 октября 2012, 19:05 # 0
                                              Можно узнать когда планируете опубликовать?
                                              1. Василий Наумкин 28 октября 2012, 19:07 # 0
                                                https://github.com/bezumkin/Schedule

                                                Только документации нет — некогда написать.
                                          2. Михаил 29 октября 2013, 23:27 # 0
                                            Установил компонент с Github'а, но при запуске компонента Schedule в админке открывается страница с табличным выводом всех ресурсов, и нет возможности создавать залы и расписания.
                                            Если не затруднит, Василий, в какую сторону копать?
                                            Добавление новых комментариев отключено.