Аудит сайта Первого канала

Аудит сайта первого канала beta версия 2016Аудит сайта первого канала beta версия 2016



Новый сайт первого канала. Хочется закричать - Ну как же так? dizzy_face

https://beta.1tv.ru/shows/vecherniy-urgant

    1. Фотография в кружочке и подпись Иван Ургант заметно сползли влево. На мобильном отображается ровно, но из всего функционала полной версии для мобильных упростили только верхнюю менюшку, хотя всё еще рекомендуется не подключать тяжелые в плане производительности скрипты типа слайдеров/каруселей, которыми сайт первого канала просто "кишит".
    2. Обратите внимание на участок кода который представлен ниже, и виден на стриншоте. Весь этот громадный кусок несуразного кода, отвечает только лишь за положение одной фразы: ВЕДУЩИЙ той что над фотографией Ивана Урганта.
      <div class="w_row" data-block="w_row" data-columns="12">
      <div data-text_align="center" data-use_full_width="true" class="w_block ui-customdraggable force-text-align-center o-0 c-12" 
      data-block="w_block" data-columns="12" data-offset="0" data-gutter="22" data-column="60" data-type="">
        <div data-placeholder="Введите ваш текст" data-medium-element="true" 
      class="editor text-block" data-role="editor text_block" data-block="w_text_block">
      <h2>ВЕДУЩИЙ</h2>
      </div>
      </div>
      </div>
    3. А теперь повнимательней вглядитесь в этот кусок кода. Видите там фразу "Введите ваш текст" Что это? Как это? Зачем? Кто это сотворил такое? Нет слов, одни эмоции... Эта фраза нигде не участвует, и можно только догадываться как она туда попала. В общем и целом подобным, загроможденным* кодом окутан каждый элемент на этом сайте.
    4. На скриншоте в самом низу (желтоватого оттенка текст на английском) видна, одна проблема совместимости, Яндекс переводчик вполне доступно перевел: Смешанное содержимое: страницы, на 'https://beta.1tv.ru/shows/vecherniy-urgant' был загружен по протоколу https, но просила незащищенное изображение 'http://static.1tv.ru/uploads/promo_position/image/7/_original/117_07d3b8a0e1.jpg'. Этот контент должен быть подан по протоколу https. Это означает что фотография Ивана подгружена не по общему, защищенному протоколу.
    5. Даже на примере всё того-же кода, местами видны целые* числа которые обычно определяют размер всевозможных элементов, отступов, размеров шрифта и прочее. В определенных случаях используются значения с одним, реже с двумя знаками после точки. На скриншоте справа: line-height: 1.42857143; подобные расчеты выполняет бесплатный и общедоступный алгоритм Bootstrap, который придумал один Американец еще в 2013 году, с целью упростить процесс создания шаблона сайта, за счет набора готовых стандартных решений.

Большим синим баннером они просят написать им о новой версии

Я отправил весь этот текст, однако для этого пришлось хитрить, так как длинна максимального сообщения 1000 символов.

А после отправки сайт еще интереснее перекосило! 

 

перекосило сайт первого канала, после отправки отзыва о новой версииперекосило сайт первого канала, после отправки отзыва о новой версии

 

Конец первой серии

Продолжение следует

« вернуться назад на главную страницу