Заплатки Ридеро
раздел «Програмер хочет кушать»
Что меня восхищает на сайте Ридеро - так это их редактор. То самое место, которое рабочий инструмент автора. Где автор создаёт свои произведения. Вот это - в самом деле высоко-профессиональный продукт. Суметь сделать в браузере такой классный редактор - где есть всё что надо и это всё исправно работает даже на старых компьютерах.
Да вот он на скриншоте.
А скриншот сделан с того самого ноутбука,
который по объяснению техподдержки Ридеро слишком старый...
...ага, слишком старый ваш компьютер чтоб показать картинку... А что такое изображение на экране как не картинка? Чому ж он мне всё что угодно на экране показывает, хоть потоковое видео с 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 - и он там исправно работает!
Пользуясь случаем - немного саморекламы:
| ||||
а целая толпа высоко-оплачиваемых програмил Ридеро - не может?
писано суббота 17 сентября 2022г
незначительно отредактировано
в начале 2024г
Алексей «Рекс»