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

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

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

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

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

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

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

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

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

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

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

Следующая заметка →
Про "тормозной" MODX Revolution
Комментарии (52)
Иван Волков
06.10.2012 23:31

Легкий, лаконичный и в то же время удобный, для пользователя, дизайн.

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">
Иван Волков
06.10.2012 23:41

UPD. На странице atletik-city.ru/shop.html

«Интернет-магазин в разработке

Открытие: ноябрь 2012г.»

добавьте что-то вроде «Заказать абонемент Вы можете по тел. 322-223-322. Спасибо за понимание!»

На странице atletik-city.ru/schedule/

«Значение цветов» перенесите вверх, имо так легче понять «радугу».

bezumkinВасилий Наумкин
07.10.2012 00:36

Добавил телефон, спасибо за идею.

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

Иван Волков
07.10.2012 02:06

Про цвета — сугубо мое субъективное видение.

офтоп. Пытался отправить вопрос в соотв. раздел — не опубликовался. Это связано с предмодерацией? Или я чего то накосячил? :)

argnistВиталий Киреев
06.10.2012 23:41

Неплохо. Мне нравятся сайты с таким легким дизайном.

inetloverАлександр Наумов
06.10.2012 23:42

Хороший сайт.

ArtdevueValentin Rasulov
07.10.2012 00:44

Сайт конечно как всегда на УДИВЛЕНИЕ «тормознутый», Василий, расскажи свои заклинания нам? :)

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

Можно хвалить и дальше, но не буду, чтобы не раслаблялся! :)

Одним словом — супер!

bezumkinВасилий Наумкин
07.10.2012 00:45

Колдунство тут только одно — MODX Revolution!

Иван Волков
07.10.2012 02:17

у меня такое ощущение, что Revo «тормозит» у людей размещающих его либо на шаровом хостинге, либо на --«минус 5 звезд» за 0,01 $/месяц, либо соединение с сервером у них идет через Арктику.

Делаю сам себе сайт, абсолютно базовые настройки, сервер nginx, хост — 5$/месяц, сервер в Германии, админю из Киева. Табличная верста (ужос, на костер меня!), куча доп полей для товаров, и что? Летает. Вот должОн тормозить жутко, а он — летает) Админка работает гораздо быстрей, чем на локалке, т.е. тоже — летает. Под сайт выдано оперативки «всего» 196 метров (правда при базов запросе Рэво — 24).

Антон Слободчук
07.10.2012 02:29

Тормозить будет, когда появится phpthumbof и getpage до кэширования :)

Иван Волков
07.10.2012 02:36

phpthumbof — в наличии, пока сайт в тестово-наполнительном режиме подключал getpage — загрузка выборки в каталог лимит 4-5 превьюшек на страницу… особых тормозов не заметил :)

В дальнейшем getpage — не будет. Либо свое решение (топорное, но мне удобное) либо PageNav Valentina Rasulova.

Антон Слободчук
07.10.2012 02:41

У меня когда появляется phpthumbof в связке с getPage, страница с 12-ю картинками первый раз грузится 6.5 секунд, далее из кэша — 0.21 c. Когда убираю phpthumbof, страница загружается за 2.58 c, далее из кэша — 0.18 c.

ArtdevueValentin Rasulov
07.10.2012 04:27

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 превью.

Антон Слободчук
07.10.2012 04:41

Отключил phpThumbOfCacheManager — все те же 7 секунд, когда не из кэша.

На странице danceplusi.artdevue.com/gallery/album-11/ у вас грузятся превьюшки, ресайз которых был сделан при загрузке фотографии, правильно?

ArtdevueValentin Rasulov
07.10.2012 04:48

правильно, использую Gallery для поселения на сайт самих фоток, вывод конечно свой идёт. При загрузки фотографии, сразу делаеться ресайз (вернее 2 ресайза, одна на большое фото, другая на превью), ну и использую RezImgCrop (правда я его давно не обновлял, есть новые плюшки modx.artdevue.com/test/test2.html, modx.artdevue.com/core/components/rezimgcrop/model/rezimgcrop/index.php)

Антон Слободчук
07.10.2012 07:17

А есть ли где-то описание вашей реализации ресайза при загрузке фотографии? Пути к ресайзам сохраняются в tv и при изменении основной фотки, удаляются старые картинки с измененным размером, создаются новые, обновляются tv?

За RezImgCrop спасибо, посмотрю в ближайшее время.

ArtdevueValentin Rasulov
07.10.2012 07:30

описания нету, так как ресайз происходит в классе Gallery.

Про TV, Василий описывал здесь вроде bezumkin.ru/blog/2012/08/04/resizeonupload/

У каждого свои заморочки, если пару словами, в Gallery (как и у многих расширений), есть свои процессоры, вот там и делаем ресайз или удаление фотографий.

Антон Слободчук
07.10.2012 08:21

Странно, что до сих пор никто не реализовал форк phpthumbof, когда новые ресайзы делаются не после очистки кеша, а по новой дате исходного изображения.

ArtdevueValentin Rasulov
07.10.2012 08:34

а зачем всё форкать, нужно или дописывать и предлогать внедрить или делать отдельное расширение, если первое не прокатило.

ArtdevueValentin Rasulov
07.10.2012 04:52

К стате, Василий вам более подробно может описать работу с phpThumbOf, он ей и использует в своих проектах.

k07nAndrei Kilin
09.10.2012 16:25

Есть ли у RezImgCrop параметр, чтобы не увеличивать картинку, если она меньше чем заданное превью?

ArtdevueValentin Rasulov
09.10.2012 17:40

в существующей версии нету, постараюсь обновть в ближайщее время

Максим Франц
07.10.2012 00:47

Особенно понравился раздел поле-денс :) сами фотографировали?

1) Хостинг как я понимаю, Ваш, фирменный?

2) Эффект проявления фото — фишка файл дир? Или тут что-то еще?

3) Почему решили переделать онклик от бутстрапа в меню?

bezumkinВасилий Наумкин
07.10.2012 00:50

Нет, фотки выдали готовые — мне тоже очень понравились =)

1) А то!

2) Неа, это мега-плагин jQuery lazyload — ленивая загрузка

3) Так гораздо удобнее: и клик на категорию работает, и выпадающее меню. В стандартном виде на категорию из меню перейти нельзя.

Максим Франц
07.10.2012 01:30

3) Говорят, что с планшета удобней «стандартный вариант». Но так функциональней, да.

Посмотрел js, не нашел где меню переделано… не будет наглостью попросить показать?

и так задумано? :)

bezumkinВасилий Наумкин
07.10.2012 02:06

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

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

На что влияет html lang? Яндекс его вовсе не указывает.

Максим Франц
07.10.2012 02:08

и правда интересней :) js тут и не при делах вообще.

Антон Слободчук
07.10.2012 02:22

У вас на страницах больше одного h1.

В подвале справа — ссылка в ссылке.

На главной в услугах лишний закрывающий параграф для каждой услуги.

Тут же подробности с кавычкой » и с >> — наверно надо что-то одно?

Галерею для фэнсибокса надо разделить на 2 части: общая и pole dance (data-fancybox-group или как он там).

Еще неплохо добавить robots.txt, в него прописать адрес хоста и сайтмапа.

А еще можно поставить Гугл Аналитикс и выводить в админке на панель статистику через Bigbrother.

Ну и тайтл главной страницы поменять на 'Фитнес-клуб «Атлетик Сити»'.

Иван Волков
07.10.2012 02:39

«У вас на страницах больше одного h1» — скажите, пожалуйта, т.е. наличие более одного h1, для СЕО, вызывает так называемый эффект «тошнотворности» или переоптимизаци?

Антон Слободчук
07.10.2012 02:51

Да, на страницу накладывается фильтр. Может быть только один h1.

h1, как и title — о чем конкретная страница. А когда робот видит, к примеру, что в разделе с тренерами h1 — это и «Атлетик Сити», и «Тренеры», он не понимает о чем эта страница, падает релевантность страницы, она попадает под фильтр.

Еще неплохо разделять — в title выводить pagetitle, в h1 — longtitle. На примере этой же страницы:

pagetitle, = Тренеры

longtitle, = Тренеры фитнес-клуба «Атлетик Сити»

в хлебные крошки тогда можно выводить menutitile или pagetitile, если menutitile пуст.

Иван Волков
07.10.2012 02:58

Спасибо за развернутый отве!

Взял на заметку.

ilyautkinИлья Уткин
07.10.2012 05:18

Ох-ты, господи… Робот яндекса уже давно умеет понимать о чем страница, даже если на ней вообще нет H1. Все, что вы описали — это, конечно, правильно, но это далеко не первостепенные вещи, на которые надо обращать внимание

Антон Слободчук
07.10.2012 06:19

Да ради бога — делайте хоть все заголовки на странице h1, попадайте под фильтр — дело ваше.

bezumkinВасилий Наумкин
07.10.2012 10:13

Мы для людей делаем сайты, или для Яндекса?

Как показывает мой опыт — поисковики давно стали умнее поисковых оптимизаторов.

Антон Слободчук
07.10.2012 02:42

И еще, сейчас в meta прописано, что нельзя масштабировать, зачем? Поворачиваем планшет вертикально, сайт не влезает. По мне так это очень неудобно.

bezumkinВасилий Наумкин
07.10.2012 11:08

Поправил.

Спасибо за свежий взгляд — у меня уже замылился.

bezumkinВасилий Наумкин
07.10.2012 10:46

Ненужный h1 в заголовке убрал.

В подвале все окей, просто 2 ссылки рядом.

Лишний параграф — это к TinyMCE.

Кавычки поправил.

Галереи разделил.

robots.txt добавил, хотя у меня принудительный редирект на нужный домен и sitemap в стандартном месте. Но добавил.

Нам больше нравится Яндекс.Метрика.

Тайтл переделал.

k07nAndrei Kilin
08.10.2012 00:09

а как сейчас дела с хтмл5 в сео? там вообще в каждом семантическом блоке должен быть h1

ExtremumАлексей Савченко
09.10.2012 02:22

Даже не заглядывая внутрь можно узнать REVO. По тем же ссылкам: atletik-city.ru/photo-gallery/ и на этом же сайте с окончанием: atletik-city.ru/services/fitness-hall.html

Кстати, раз уж сайт легкий весь такой, может и изображения стоит сжать? Рекомендую обсуждавшийся относительно недавно на Хабре великолепный сервис tinypng.org/ я ваш логотип 21 кб сжал в 7 без потери качества.

bezumkinВасилий Наумкин
09.10.2012 02:24

Вау.

ExtremumАлексей Савченко
09.10.2012 02:28

Приятно хоть немного удивить человека у которого многому научился)

Denys Butenko
09.10.2012 04:57

Есть еще kraken.io/ тоже хорошо сжимает. Не сравнивал, но советую как альтернативу)

Максим Франц
10.10.2012 17:00

smushit.com/ysmush.it

punypng.com

vancheloИван Брежнев
10.10.2012 01:24

tinypng.org/ — хороший сервис, много файлов посжимал. Спасибо за ссылку

Zigzag McQuackPavel Lautsevich
09.10.2012 03:23

Василий, а планируется ли выход в опенсорс плагина Schedule? Если да, то когда?

bezumkinВасилий Наумкин
09.10.2012 09:49

Планируется, в таком же виде, как и miniPayment — исходный код на Github для самостоятельной сборки.

Zigzag McQuackPavel Lautsevich
09.10.2012 13:22

И на том спасибо.

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

bezumkinВасилий Наумкин
09.10.2012 17:12

Я не переживаю.

Чтобы опубликовать готовый пакет нужно:

1. Написать и собрать — это понятно

2. Потом загрузить в репозиторий, оформить там все на английском

3. Написать документацию на rtfm — опять же на английском (не обязательно, но желательно)

4. Оформить документацию у себя на сайте — обязательно.

5. Затем принимать отзывы и багфиксы, обычно тупо текстом.

6. Исправлять, опубликовывать новые версии и обновлять документацию на 2х сайтах.

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

Если я придумаю, как и мне зарабатывать, и людям помогать — сделаю. А пока проще отдать исходный код кто хочет — использует. Тем более, это гарантирует отсутствие особо тупых вопросов — а на умные и отвечать приятно.

Zigzag McQuackPavel Lautsevich
09.10.2012 17:34

В принципе согласен. Успехов!

Максим Франц
28.10.2012 23:05

Можно узнать когда планируете опубликовать?

bezumkinВасилий Наумкин
28.10.2012 23:07

https://github.com/bezumkin/Schedule

Только документации нет — некогда написать.

Михаил
30.10.2013 03:27

Установил компонент с Github'а, но при запуске компонента Schedule в админке открывается страница с табличным выводом всех ресурсов, и нет возможности создавать залы и расписания. Если не затруднит, Василий, в какую сторону копать?

inetlover
Александр Наумов
06.02.2023 00:48
Ок, спасибо!
inetlover
Александр Наумов
28.01.2023 18:27
Классно, все работает!
inetlover
Александр Наумов
24.01.2023 18:31
Понял, спасибо!
inetlover
Александр Наумов
16.01.2023 16:41
Понял, спасибо!
gvozdb
Павел Гвоздь
15.01.2023 13:47
Теперь понял. Благодарю!
bezumkin
Василий Наумкин
14.01.2023 05:16
Да, мне тоже нравится Vite и он по умолчанию используется в Vue 3 и Nuxt 3. Более того, он вроде как...
inetlover
Александр Наумов
09.01.2023 14:35
Ясно, спасибо!
bezumkin
Василий Наумкин
29.12.2022 04:19
На здоровье!
inetlover
Александр Наумов
04.12.2022 15:12
Понятно, спасибо! А то в интернете пишут о минусах разных я и сомневаться стал.
born2slip
pishnaa istntome
22.11.2022 14:06
огромное спасибо! )