Заплатки Ридеро

Что меня восхищает на сайте Ридеро - так это их редактор. То самое место, которое рабочий инструмент автора. Где автор создаёт свои произведения. Вот это - в самом деле высоко-профессиональный продукт. Суметь сделать в браузере такой классный редактор - где есть всё что надо и это всё исправно работает даже на старых компьютерах.

Да вот он на скриншоте.
А скриншот сделан с того самого ноутбука,
который по объяснению техподдержки Ридеро слишком старый...

...ага, слишком старый ваш компьютер чтоб показать картинку... А что такое изображение на экране как не картинка? Чому ж он мне всё что угодно на экране показывает, хоть потоковое видео с YouTube - а вот только простую картинку обложки именно в интернет-магазине Ридеро не хочет? Настоящую причину я как раз объяснил в прошлой статье "Изчезающие картинки" (прямая ссылка http://SteamAge.ru/pub/ridero/04.html).

Да-да, в редакторе Ридеро отлично работает всё то - что частенько сбоит в интернет-магазине Ридеро. Для работы в редакторе новый комп покупать не нужно. Без проблем подгружаются все картинки, работают все менюшки и формы во всплывающих окнах не подвисают. Да что картинки да формы - там взгляните только какие есть красивые шрифты! А ведь это технология подгружаемых шрифтов - действительно высокий стиль web-программирования.

Тем больше недоумения вызывает отказ всё новых и новых функций куда более простых web-страниц интернет-магазина Ридеро...

...ах да, это ведь всякий раз случается после очередного редизайна!

Что нужно от web-страницы

• Давайте подумаем:
  • web-страница интернет-магазина должна о книге показать цену, обложку, название, аннотацию, бесплатный фрагмент и отзывы коли таковые будут.
• Извините, но:
  • всё это отлично дизайнили ещё в прошлом веке!

Давайте посмотрим на страницы Ридеро за последние 4 года - что в их содержании принципиально изменилось?

НИЧЕГО !

Изменений нет!

Всё так же web-страница интернет-магазина Ридеро предоставляет ровно ту же самую информацию, что и 4 года назад - вот только 4 года назад всё работало на всех компьютерах, а нынче работает весьма выборочно.

Слоёный редизайн

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

• сперва появится несколько надписей - кое-что из верхнего меню и конечно же название книги... и больше пока ничего
• затем появляется картинка обложки... ну это если Вам повезло, немало посетителей эту самую картинку так и не увидят никогда
    — про то читай "Изчезающие картинки" (прямая ссылка http://SteamAge.ru/pub/ridero/04.html)
• в это же время появляются прочие надписи
• а ещё начертание прежних надписей меняется - будто шрифт другой подгрузился (на самом деле нет, изменился всего лишь стиль - на это нужно микросекунду, так что непонятно чего мы так долго ждём с этой загрузкой сайта Ридеро)
• но это не конец - загрузка идёт дальше, догружаются новые элементы...
• и в самом конце только полностью прогружается меню - в нём наконец-то в правом верхнем углу появится кнопка [ Войти ]
• а шрифты всех надписей изменятся снова
• ну и до кучи некоторые элементы внезапно переедут с тех мест, где на экране появились - на другие места
• и не спрашивайте зачем так сложно!
  (... хотя я всё сейчас объясню ...)

При этом видимого текста на странице - всего ничего, ну несколько фраз.
А грузится страница.... у-у-у... Короче заметно дольше чем у конкурентов.

Но почему?

Разве не для того столько раз подвергали эти несчастные страницы редизайну - чтоб работало быстрее, чем у конкурентов? Ведь покупатель нынче привередлив, ждать не желает - отчего же после каждого редизайна загрузка чуточку дольше и дольше?

И отчего эта загрузка теперь будто слоями?

А от того, что програмилы Ридеро - ничего не улучшали и не исправляли, да-с! Они всякий раз выпускали "заплатку поверх"!

Почему "заплатка"?

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

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

Просматриваем страницу, видим на ней понравившийся нам элемент - кликаем на него правой кнопкой мыши - и появляется контекстное меню. Но в этом меню теперь добавились интересные пункты - как например просмотреть исходный текст страницы. А ещё - просмотреть исходный текст конкретно выделенного сейчас элемента!

И выбрав просмотр исходного текста элемента, мы видим его имя! Конечно если таковое было элементу присвоено ранее - но коли да, то половина работы уже сделана. Теперь нам остаётся лишь написать файл-заплатку - а в нём прописываем к этому элементу новый стиль. Благо имя элемента мы уже знаем, прописать стиль даже для скверно обученного программиста никакого труда. Если хотим, то добавляем к этому скрипт, который элемент переместит или модифицирует - зная имя, получить полный доступ к элементу легко!

А можно менять стиль не для одного элемента - а для целой группы схожих элементов. Ещё лучше, не правда ли? Как говорится, "одним махом семерых".

А теперь подумаем, что же происходит при загрузке страницы, сотканной из вот таких заплаток:

• сперва клиенту загружается исходная страница старого-древнего много лет назад забытого дизайна
• затем поверх грузится первая "заплатка" - которая на ходу принимается менять дизайн, то есть подставлять новые стили, смещать элементы и так далее.
• поверх неё загружается третья...
• А НЕ ТЕРЯЕТСЯ ЛИ НА ЭТО ВРЕМЯ ЗАГРУЗКИ СТРАНИЦ САЙТА ?

Не важно, как именно оформить эти заплатки - раскидать по многим разным файлам или слить все в один большой. Факт в том, что через заплатки загрузка сильно дольше.

Как убедиться что "заплатки" Ридеро работают хуже цельных web-страниц

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

и взглянем как она представлена:

• в интернет-магазине Ридеро - https://ridero.ru/books/kochegary_kosmosa/
• на моём сайте - http://SteamAge.ru/go/kk

Содержание обеих страниц примерно одинаковое: название книги, обложка, цена, краткое описание, а так же бесплатный фрагмент и оглавление. Кстати на своих страницах я оглавление стал добавлять именно подсмотрев это у Ридеро - в самом деле, ведь покупатель может составить мнение о книге по оглавлению.

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

Короче страницы довольно-таки схожи - да и книга одна и та же.

Только страница интернет-магазина Ридеро грузится заметно дольше, а ещё на ряде компьютеров покупатель не увидит обложки книги и/или бесплатного фрагмента. А то даже - как я объяснял в предыдущих статьях - и заказать покупку не сможет!

Собрат-писатель, представь себе, как ты лично объясняешь будущему покупателю своей книги:
  — Чтоб заказать её в интернет-магазине Ридеро, Вам, уважаемый покупатель, придётся поставить операционку не ниже Windows 7, а ещё желательно чтоб браузер был Google Chrome - а всё потому что програмилы Ридеро тестируют своё творение только под этим браузером, а работает интернет-магазин под другими или нет их не -е...- не волнует, короче. Хотя не факт, что сработает и в этой конфигурации, поэтому лучше отключите свой антивирус. И вообще обновите компьютер, чёрт возьми! Так что хотите прочесть мою книжку - вперёд в магазин покупать новый комп!

Как думаешь, собрат-писатель, насколько далеко пошлёт тебя с твоей "долбанной книжонкой" обрадованный такой новостью покупатель?

А теперь смотрим на мой сайт:
На странице той же книги на моём сайте всё работает довольно быстро - и самое главное на любом компьютере, под любой операционной системой и в любом браузере! Уверяю, что даже если вы найдёте где-то Win95 - то и оттуда сможете просмотреть мой сайт. Даже через самый уродский в мире браузер MSIE 3.0

Да что там старые компьютеры! Я тестировал свой сайт даже под встроенным браузером старенькой карманной приставки PSP - и он там исправно работает!