ermouth: (Default)
[personal profile] ermouth

Сайтег вот уже почти сделали красивенький. http://hauspizza.ru/

Снимок-экрана-2013-01-30-в-2.01

Прайс обновляется копипэйстом из экселя, сразу превью можно посмотреть.

Фоткал мистер Ларин, макетег рисовал великий @demi4ev, а имплементил @carpogoryanin. А я так, руками водил и немного блин ещё недоводил – есть мелкие косячки.

Ну и этот сайт как раз эксплуатирует подход, о котором я писал. Предельно простая CMS, которая только данные хранит. Рендер внешнего вида страниц происходит в момент заливки данных и уже этот рендер (плюс сами данные) сохраняется в БД.

Это значит, что:

  • сайт индексируется нормально, поисковая система видит правильный html
  • пользователь видит всё меню сразу
  • сервер отдаёт по факту всю страницу в один запрос к БД
  • “оживляется” страница уже на клиенте – тем же самым скриптом, который генерил превью, генерится “живая” версия страницы (визуально идентичная, но с интерактивом)

Ну и залайканные пиццы помнятся в куки без всякой авторизации.

Под такой схемой CMS может быть вообще какой угодно, это не имеет ровным счётом никакого значения. Даже Битрикс сойдёт, без его модуля импорта естессно. Я как вспоминаю, как это сделано всё в Битриксе, липким холодным потом покрываюсь.

Помимо очевидного ограничения на длину меню – (сто-двести позиций ок, пятьсот – много, 1000 – тормоза) я не вижу у такой схемы других язъянов при исключительной простоте реализации.

М?

Date: 2013-01-29 10:59 pm (UTC)
From: [identity profile] morfizm.livejournal.com
Изьян понятно, какой - немного притормаживает первая загрузка. Но потом всё вообще отлично. Думаю, что лучше но проще нельзя вообще, а лучше, но сложнее можно как-то так: подгружай только первые 10 пунктов меню, чтобы отобразить 1 страницу + на 1 нажатие page down, а потом скрипт пусть подгрузит остальное, когда страница уже интерактивна (минусы: придётся в базе хранить отрендеренное кусками, а не всё целиком; возможно, придётся как-то дополнительно оптимизировать, чтобы make sure что всё правильно проиндексируется).

Date: 2013-01-29 11:05 pm (UTC)
From: [identity profile] morfizm.livejournal.com
Кстати... я не дебаггал, так что не знаю наверняка, но подозреваю, что тормоза не из-за того, что много скачивается, а из-за того, что браузер пытается в памяти отрендерить все картинки прежде, чем сделать страницу интерактивной. Может быть будет лучше какая-то комбинация из "2 экрана уже HTML, а остальное в массиве" + скрипт будет медленно генерировать DHTML с небольшими задержками по таймеру.

Цель тут, понятно: как можно быстрее показать первую страницу (желательно меньше секунды-двух), и пока пользователь тянет мышей, чтобы куда-то кликнуть или проскроллить (есть ещё секунда-две) подгрузить или просто отрендерить параллельно всё остальное, но не вызывая подтормаживаний.

Date: 2013-01-29 11:15 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Есть побыстрее способы.
1) скрипты не слиты, надо объединить, а кое какие и сжать
2) не все скрипты надо грузить в head-е
3) все картинки для баннера кроме первой должны грузится после окончания загрузки страницы и только по их загрузке запускаться листалка

Это уменьшит трафик до первого показа страницы втрое.

Date: 2013-01-29 11:15 pm (UTC)
From: [identity profile] gintaras.livejournal.com
Некоторые фото пицц не мешало бы посветлее сделать. Зелень тёмновата (как подувядшая), а хочется нежнее.

Date: 2013-01-29 11:21 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Я понимаю, о чём ты – но тут компромисс. На маках, айпадах, да и на других многих планшетах последних гамма 1.8-2, а не 2.2, как мы привыкли на PC. Мы это учитываем – и ты это видишь )
Edited Date: 2013-01-29 11:21 pm (UTC)

Date: 2013-01-29 11:26 pm (UTC)
From: [identity profile] gintaras.livejournal.com
Как интересно :) Ясно.

Date: 2013-01-29 11:40 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Вообще кста я надеялся, что с приходом матриц и цифровых контроллеров мы получим массово калиброванный цвет – а стало ещё хуже, чем было с CRT.

Я приличный цвет вообще видел из планшетов только на айпаде, а из тф – на айфоне 4+ и каком-то из топовых самсунгов.

Плюс надо ещё учитывать, что юзеры склонны яркость задирать, вендоры этому потворствуют – а с задиранием яркости у всего, что работает не на отражение падает гамма. Компенсировать это контроллером -- тьфу, но сделано только у эппла кажется.

Date: 2013-01-29 11:46 pm (UTC)
From: [identity profile] mihalp.livejournal.com
Привет! С одной стороны все чисто и просто и грузится легко, а с другой стороны, как активный заказчик пиццы онлайн по фотографиям не понятно особо что за начинка. Конечно, фотографии выглядят вкусно и сочно, но все пиццы "на одно лицо".

В качестве примера привожу немецкий сайт для заказа пиццы. Он ужасно сложный, но по одной лишь картинке я понимаю, что из себя представляет пицца ;) http://www.call-a-pizza.de/call-a-pizza/dd02

Еще наверное не хватает онлайн формы для заказа? Или они там не нужна?

Потом вместо знака "равенства" я бы лучше использовал знак рубля, пора бы его уже вводить в массы! :)

Date: 2013-01-29 11:46 pm (UTC)
From: [identity profile] gintaras.livejournal.com
Хе, задирать :) Мне тут пришёл новый монитор, так у него сертификат о заводской калибровке и выставлено яркость 100%, контрастность 80%. После калибровки стало 57% и 51% соответственно.

Альф часто цитирует кого-то: музыкантом становятся тогда, когда понимают, что ручка громкости и в обратную сторону крутится

Date: 2013-01-29 11:48 pm (UTC)
From: [identity profile] mihalp.livejournal.com
А еще я не понял как поставить звездочку на понравившемся товаре :(

Date: 2013-01-29 11:50 pm (UTC)
From: [identity profile] ermouth.livejournal.com
ок, спс )
Я резко против знака рубля кста. Он некрасивый, геморройно реализуем и в буфер обмена не копируется – и потому не прижился. Сокращения руб. если место есть, р. если нет и = если совсем коротко нормально считываются всеми абсолютно )

Поэтому знак рубля – это такой дизайн ради дизайна, фикция, как Международный финансовый центр в Москве )

Date: 2013-01-29 11:52 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Да, это жестокий косяк, надо на угол карточки нажать на правый верхний. Она очень светло сделана и плохо считывается. И золотая звездочка не может отбрасывать чёрную тень же.

Date: 2013-01-29 11:56 pm (UTC)
From: [identity profile] mihalp.livejournal.com
О, теперь нашел! :)

Date: 2013-01-30 12:03 am (UTC)
From: [identity profile] mihalp.livejournal.com
Просто у меня происходит путаница. Напротив одной и той же иконки пиццы стоят разные числа, например, 31 см, 350=, 500 гр, 8 кусочков. Может быть в этом случае не хватает какой-то более очевидной инфографики. Но это мои личные ощущения )

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

Date: 2013-01-30 12:08 am (UTC)
From: [identity profile] mihalp.livejournal.com
Еще можно изобразить иконками, острая пицца или нет, вегетарианская или мясная. Чтобы людям вообще по минимуму читать текст, а получать информацию по картинке и иконкам, буз лишних телодвижений.

Все, теперь умолкаю )))

Date: 2013-01-30 12:09 am (UTC)
From: [identity profile] ermouth.livejournal.com
Про знак рубля самое лучшее, что я слышал, не дословно – что он да, крутой, полностью отражает суть рубля. Этот знак хочет или кувырнуться на жердочке, или хуем в землю упереться.

И есть ещё одно, что он дескать как рубль, потому что есть хуй и есть пузо – но нет ни рук, ни головы )

Такие дела.

Date: 2013-01-30 12:11 am (UTC)
From: [identity profile] mihalp.livejournal.com
Ой, ну ты как всегда! ;)

Date: 2013-01-30 12:20 am (UTC)
From: [identity profile] ermouth.livejournal.com
Ну Миш, ну слабенький знак, реально. Оно ведь так всегда – если оно пустое, само отмирает.

Вот жили же себе немцы с DM – и ничо. Ну если только у пфеннига была там закорюка в конце, но и то никто не парился писать Pf )

Я думаю как знак рубля приживётся в какой-то момент или какой-то уникодовый символ из нацалфавитов, или просто будет узаконен р.

Date: 2013-01-30 12:35 am (UTC)
From: [identity profile] morfizm.livejournal.com
"если оно пустое, само отмирает."

Или де-факто вообще не существует. Я первый раз в жизни услышал о знаке рубля сегодня, в этом посте :)

Date: 2013-01-30 12:40 am (UTC)
From: [identity profile] ermouth.livejournal.com
Гораздо разумнее дизсообществу было б продвигать что-то типа Ҏҏ ᵽ ṗ – это показывается везде и не надо огород городить. Но я так понимаю на технологический аспект двигателям идеи было наплевать.

Date: 2013-01-30 02:10 am (UTC)
From: [identity profile] ikon (from livejournal.com)
вездесущий шрифт) но он мне нравится
добавил в закладки. хочу попробовать «Зимний Берег», как аналог «Лассарио»...

Date: 2013-01-30 02:38 am (UTC)
From: [identity profile] ermouth.livejournal.com
Мне не очень, но покупать что-то менее вездесущее бюджета не было )

Date: 2013-01-30 06:07 am (UTC)
From: [identity profile] http://users.livejournal.com/renny_/
А что с аналитикой, диджитал маркетингом и прочим?

Date: 2013-01-30 06:10 am (UTC)
From: [identity profile] http://users.livejournal.com/renny_/
И да, кэш в бд -- не круто.

Date: 2013-01-30 06:49 am (UTC)
From: [identity profile] ilyadenissov.livejournal.com
Я, например, при ширине экрана 1024 уже не распахиваю браузер на весь экран (да и вообще считаю это противным ДОС'овским пережитком :). Не говоря уже про 1280 и выше. А так, всё вкусно, в твоём стиле, внешне очень нравится.

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

Date: 2013-01-30 07:22 am (UTC)
From: [identity profile] gintaras.livejournal.com
Проблема разных пицц - это известная проблема :) Не знаю, выглядят ли в реальности те немецкие пиццы как на фото, а в Архангельске начинка пицц заливается сыром и потому они выглядят "на одно лицо". И иначе (начинкой наружу) никак - клиент должен получить пиццу как на фото, как её будут готовить каждый день.

Date: 2013-01-30 07:38 am (UTC)
From: [identity profile] jasly.livejournal.com
У меня один вопрос: вкусная ли пицца? :)

Date: 2013-01-30 08:50 am (UTC)
From: [identity profile] andrey-larin.livejournal.com
Отличная.

Date: 2013-01-30 09:25 am (UTC)
From: [identity profile] mihalp.livejournal.com
Ну, вы же когда покупаете бомжпакет или заварное пюре не ожидаете увидеть кусочек курочки с разваристой картошечкой ;) Насколько мне известно, фудстилисты прибегают к самым разным методам по приготовлению блюд для фотосессий, вплоть до добавления краски в борщ. Я не предлагаю прибегать к подобным методам, но то что картинка должна говорить сама за себя - уверен на сто процентов. Когда оказываешься за границей в продуктовом магазине, начинаешь реально осознавать всю важность правилного изображения ингредиентов на упаковке. Тут тоже самое. В конечном счете, красиво накидать пару ломтиков ветчины или салями в фотошопе не большой грех, зато покупатель сразу поймет с чем пицца ;)

Date: 2013-01-30 09:26 am (UTC)
From: [identity profile] gintaras.livejournal.com
Я, в общем-то, тоже так считаю, но убедить управляющих пока не удалось, хотя не теряю надежды :)

Date: 2013-01-30 09:29 am (UTC)
From: [identity profile] mihalp.livejournal.com
Вот здесь много на эту тему, почитайте ;)

http://yurigordon.livejournal.com/tag/знак%20рубля

Date: 2013-01-30 09:49 am (UTC)
From: [identity profile] morfizm.livejournal.com
Почитал :)

Я могу предложить свой вариант (прошу прощения за непатриотичность):
symbol

Date: 2013-01-30 10:17 am (UTC)
From: [identity profile] jasly.livejournal.com
А тесто тонкое или толстое?

Date: 2013-01-30 11:38 am (UTC)
From: [identity profile] ermouth.livejournal.com
Мне надо чтобы надёжно работало, было недорого и быстро. Надёжнее, быстрее и дешевле это не сделать.

А мантры про круто и не круто – это ерунда, тем более это просто неверно. Если ты считаешь что любой кэш – это не бд, ты ошибаешься. Хранение отрендерённых страниц в виде файлов на файловой системе -- это тоже хранение кэша в БД, которая называется файловая система )

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

С аналитикой всё штатно. Диджтал маркетинг я не знаю чё такое )

Date: 2013-01-30 11:44 am (UTC)
From: [identity profile] ermouth.livejournal.com
Ну, мы решили в этот раз что единицам с узкими окнами проще будет нажать Ктрл-минус, чем вгонять или делать резину. Думаю, мы и дальше так будем делать – хотя аргумент разумный, поэтому найдётся и какое-то решение со временем.

Я просто к файловой системе отношусь как БД – она и есть БД, только медленная и с жидкой безопасностью. Поэтому строковые данные я кэширую не на файловую систему.
Edited Date: 2013-01-30 11:46 am (UTC)

Date: 2013-01-30 11:47 am (UTC)
From: [identity profile] andrey-larin.livejournal.com
Я видал тоньше, но в целом по больнице делают толще.

Date: 2013-01-30 11:52 am (UTC)
From: [identity profile] ermouth.livejournal.com
Иначе вполне себе как – можно вырезать из пиццы кусок и его приподнимать, тогда виден срез и начинка. Бойцы даже сделали такие снимки по моим ЦУ – но я их все забраковал по рядку причин, главная из которых – меня на съёмках не было и я не доглядел )

Date: 2013-01-30 12:06 pm (UTC)
From: [identity profile] jasly.livejournal.com
Спасибо, закажу попробовать.

Date: 2013-01-30 12:22 pm (UTC)
From: [identity profile] http://users.livejournal.com/renny_/
Кэш в бд не круто, потому что размывает архитектуру системы и усложняет масштабирование (думаю самоочевидно, могу раскрыть). Для сайтов на 30 визитов в сутки не важно, конечно, но но практика зело порочная.

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

Про дм -- почитай на досуге если интересно, чисто для общего развития. Вот эту систему покупают наши клиенты за кучу (>> 100к) евро. http://sdn.sitecore.net/upload/sitecore6/66/marketing_operations_cookbook_sc66-a4.pdf

Пицца

Date: 2013-01-30 12:23 pm (UTC)
From: [identity profile] livejournal.livejournal.com
Пользователь [livejournal.com profile] mihalp сослался на вашу запись в записи «Пицца (http://mihalp.livejournal.com/75002.html)» в контексте: [...] В журнале у развернулась интересная беседа [...]

Date: 2013-01-30 02:40 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Насчёт размытия архитектуры -- аргументируй плз. Имхо это не размытие, а просто не совсем то, к чему ты привык.

Насчёт масштабирования -- спорно, но понятно, что ты имел в виду. В этом случае не в кассу.

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

Про дм -- я имел в виду, что это в данном конкретном проекте не к месту )

Date: 2013-01-30 04:33 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Несколько ускорили, как тебе?

Date: 2013-01-30 06:24 pm (UTC)
From: [identity profile] morfizm.livejournal.com
Ощущаемое ускорение - раза в 4.
Ты сделал п.3. - грузишь внутренние картинки, когда скелет с HTML уже отрендерился (и при этом скелет не съезжает). Это очень хорошо!

Date: 2013-01-30 06:32 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Это не я, это бойцы комменты прочитали ) сделаны все три пункта.

Date: 2013-01-30 06:43 pm (UTC)
From: [identity profile] morfizm.livejournal.com
Молодцы!

Date: 2013-01-31 06:58 am (UTC)
From: [identity profile] http://users.livejournal.com/renny_/
В сурьёзной системе есть минимум 3 типа серверов:
1. Балансировщик нагрузки (может быть железкой)
2. Фронтенд
3. БД

Бывают еще Бэкэнд-роли (например для конвертации видео), но далеко не всегда.

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

Если кеш на фронте:
10 пиковая загрузка фронтов больше 70%?
15 подсовываем новый фронт
20 goto 10
Базу нужно масштабировать только если кеш на фронтах не успевает разогреваться.


Если кеш в бд: больше запросов на фронт -> больше запросов в бд -> падает бд -> падают все фронты, которые смотрят в эту бд. Короче ад и израиль.

Date: 2013-01-31 01:04 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Задача архитектора не пороть чушь для начала и здраво понимать задачу. А потом не строить укреплённый бастион там, где нужен дачный домик.

Какое отношение то, что ты написал, имеет к этой задаче?

Date: 2013-01-31 01:36 pm (UTC)
From: [identity profile] http://users.livejournal.com/renny_/
Я же уточнил, что всё сказанное про архитектуру нахер не нужно для сайта на 30 посещений :)

Date: 2013-01-31 01:52 pm (UTC)
From: [identity profile] ermouth.livejournal.com
Да оно при том, как это сейчас сделано, и на 10000 не нужно ) поэтому это всё же не порочная практика, просто она дааалеко не везде годится.

Profile

ermouth: (Default)
ermouth

November 2021

S M T W T F S
 123456
78910111213
14151617181920
21 222324252627
282930    

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Feb. 2nd, 2026 06:45 am
Powered by Dreamwidth Studios