techstop-ekb-ru, Екатеринбург, Россия

AMP vs Turbo - технология ускорения загрузки страниц сайта

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

Изменения и нововведения для тегов AMP страниц :
- html amp = модифицированный
- link rel="amphtml" href= требуется указание ссылки с обычной страницы на AMP страницу ...
- link rel="canonical" href= требуется указание ссылки с AMP на обычную страницу
- meta name="viewport" = модифицированный
- Теги meta name="description" / "keywords" проходят валидацию, но в спецификации явно не указаны и, наверное, избыточны для кода AMP страницы ... Хотя, во многих случаях применяются ... И - эти, и многие другие ... AMP - это не отдельная платформа, это просто очистка страниц от мусора ... Зачем нужно включать в код ненужные теги, если AMP - это только ускоренная копия основной страницы, с полным содержанием необходимых элементов ? ... Нужны они будут исключительно для тех сайтов, которые не имеют canonical / основных версий страниц ...
- amp-img src= /amp-img новый код для статических картинок, ограничение на размер не указывается, но в теге нужно указать оба размера изображения ... требуется указание закрывающего тега ...
- для динамических картинок, аудио, видео требуется подгружать соответствующие дополнительные скрипты / расширения ...
- /head , закрывающий тег в AMP технологии признается устаревшим и рекомендуется его экранирование специальным скриптовым кодом стиля / style универсальной совместимости ... Хотя, формально, для поддержки совместимости - /head все равно присутствует ...
- новый стиль универсальной совместимости - не будет отступов на странице, но валидация пройдет на ура ... для исправления ситуации перед универсальным стилем следует добавить / только в тексте страницы / свой собственный стиль style amp-custom ... /style ...
- начинать эксперименты с собственным стилем можно с конструкции style amp-custom @media only all { ... { ... } }, которая впоследствии может быть модифицирована и расширена ...
- Пример валидного кода можно посмотреть в коде страницы сайта разработчика ampproject.org ... Как это не удивительно, но при всей избыточности кода сайт разработчика проходит собственную проверку ...

Валидаторы AMP кода ускоренных мобильных страниц :
AMPProject валидатор validator.ampproject.org/#url=http:// -= адрес сайта =-
Google валидатор search.google.com/test/amp
При помощи якоря в конце адреса страницы #development=1 . Якорь работает только онлайн или с локального веб-сервера - не работает с локальной страницы в браузере ... Честно, говоря - я не разобрался, как он работает ...

Ограничения AMP страниц :
- Не пройдут валидацию никакие скрипты, кроме внутренних скриптов AMP и скриптов расширений ...
- С некоторым ограничением применяются теги : script только для application/ld+json, noscript, amp-img, amp-video, amp-audio, amp-iframe, form, input, button, style, link, meta http-equiv, a только _blank и без javascript, svg ... Для тегов введены AMP ограничения на использование ...
- Счетчики отслеживаются при помощи элемента amp-analytics ...
- Счетчики Yandex Метрика, Mail и Rambler заявили о сокращенной поддержке технологии AMP ...
- Для счетчика Google Analytics рекомендуется использовать отдельный ресурс статистики ...
- Счетчик LiveInternet - есть возможность получения отдельного счетчика для AMP страниц ...

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

Современное развитие сайтов ограничивается не только AMP ускорением загрузки страниц ... Повышение уровня защиты пользователей от интернет-атак селектируется через глобальные поисковые системы, путем приоритетного использования HTTPS расширенной поддержки шифрования данных при передаче информации по протоколом HTTP, с использованием криптографических протоколов SSL / TLS ... И - это тоже следует учитывать при разработке валидных сайтов с уклоном в сторону мобильности ...

Осваиваем технологию Турбо страниц Yandex RSS

Технология AMP ускоренных мобильных страниц поддерживаемая Google показалась более простой в освоении, настройке и использовании, чем технология турбо RSS страниц поддерживаемая Yandex ... RSS, Rich Site Summary - сжатый / насыщенный / комплексный обзор ссылок сайта ... Почти тоже самое, что и карта сайта ...

При изучении будем придерживаться следующих руководств :
yandex.ru/support/webmaster/turbo/feed.html - руководство для вебмастеров ...
chrome.google.com/webstore/detail/rss-subscription-extensio/nlbjncdgjeocebhnmkbbbdekmmmcbfjd - расширение для браузера Chrome для просмотра RSS каналов ...
silisoftware.com/tools/date.php - онлайн конвертер даты ...
w3.org/Protocols/rfc822/#z28 - формат даты в стандарте RFC822 ...
validator.w3.org/feed/docs/rss2.html - RSS v2.0 Specification
rssboard.org/rss-specification - RSS v2.0.1 / Board / Official Specification ...
rssboard.org/rss-profile - Профиль RSS, наилучшая практика применения кода ...
validator.w3.org/feed/ - валидатор W3C RSS XML ...

Дата и время для RSS

Указание времени RSS документа является обязательным требованием ... Однако, сама дата указывается в ненормальном для человека формате, и сами / различные форматы даты - используются разными тегами / описателями даты ... Элемент pubDate требует указание даты в формате RFC822 ... При указании даты вручную легко допустить ошибку и, на первый взгляд, валидная дата - не пройдет проверку валидатором ...

Можно воспользоваться онлайн конвертером даты ... Есть и более простой путь ... Если у вас есть / установлена UNIX подобная среда CigWin для Windows - просто запустите оболочку и выполните команду :
Date -R , и в ответ получите то, что надо : Sat, 09 Dec 2017 10:58:03 +0000

Проблемы валидации Yandex Turbo RSS :

Проверка RSS файла стандартным валидатором [ validator.w3.org/feed/ ] на предмет общей исправности и ошибок в файле ... Разбор полетов ... Этот разбор относиться только к стандартной проверке стандартного RSS файла и не учитывает особенности схем файла, придуманные Yandex ...

item turbo="true" - невалидный элемент ... Обязательный элемент ... Любые самостоятельно добавленные / в стандартную схему / элементы - будут считаться невалидными, и при этом будут работать для измененной XML схемы с расширенными возможностями работоспособности, определенными указанной XML схемой обработки документа ...

item должен содержать название или описание ...
Решение : точно также, как элемент CHANNEL имеет title и description - элемент item также должен включать их в свою схему описания документа ...

author ... /author - невалидное значение элемента ... имя - вместо требуемого адреса электронной почты ... последствия изменения XML схемы документа ...

link ... /link - отсутствует пространство имен для ссылки ... Обязательный элемент ... Спецификация заявляет, что RSS-канал может содержать элементы, не описанные специально на странице, только если эти элементы определены в пространстве имен ...
Решение : так, как элемент yandex:related - необязательный элемент, внутри которого стоит ошибочный link - для валидации его можно просто опустить ... либо - доработать ...

/item - элемент должен содержать guid element
Решение : элемент guid isPermaLink= имеет состояние при значении :
false - это просто описательная ссылка любого содержания
true - значение должно содержать полный URL адрес, исполняемый в браузере ...

до тега /channel - отсутствует atom:link rel="self"
Примечание : отсутствие atom делает замечание, но позволяет пройти валидацию ...
Решение : объявить атом rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"
Затем, до тега /channel вставить ссылку atom: link href="http://site.name/rss.xml" rel="self" type="application/rss+xml"
Примечание : Не применять! Правильное решение указано ниже ...
Изменение адреса расположения файла rss.xml - также укажет на ошибку валидации ...

Пространство имен - namespace

Примечание : Пространство имен / Namespaces - некоторая модель окружения, в котором работают предварительно определенные идентификаторы и обрабатываются по заранее оговоренным правилам ... В интернете - это ATOM, SWAG ... Языки программирования имеют собственные пространства имен ...

Что касается пространства имен, используемого в RSS : если вы не знаете, что такое пространство имен, здесь [ disobey.com/detergent/2002/extendingrss2/ ] отличное введение в расширение RSS с помощью пространств имен, в котором представлены основные понятия.

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

Валидатор [ validator.w3.org/feed/ ] распознает более 60 основных пространств имен [ validator.w3.org/feed/docs/howto/declare_namespaces.html ]. Вы можете определить собственное пространство имен, если знаете, что делаете, но базовый валидатор не сможет его проверить. Реально, у вас никогда не будет фида, который объявит все это. Возможно, вам не нужно объявлять ни одно из них. Просто объявите те, которые вы на самом деле используете. Иначе, вам придется написать свой собственный валидатор ...

Наиболее распространенные пространства имен, для RSS version="2.0" :
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:admin="http://webns.net/mvcb/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

Если, на начальном этапе веб-программирования RSS вы не хотите морочить себе голову - просто используйте / без объявления / стандартную RSS version 2.0 спецификацию [ validator.w3.org/feed/docs/rss2.html ] ... Эта спецификация содержит около 30 наиболее востребованных элементов, которых вам должно хватить для создания простого файла / описателя RSS канала ...

Символы и кодировки RSS

Файл канала RSS начинается с объявления ?xml версия= кодировка=, где следует указать соответствующую кодировку передаваемого файла канала ... Но и на этом проблемы RSS не заканчиваются ... Для вложенных элементов channel и item в случае, если их значения принимают запрещенные / служебные символы : &, <, >, ", ' - эти значения / символы необходимо кодировать :
Символ - Название - Код замены
& - Амперсанд - &amp;
< - Левая угловая скобка - &lt;
> - Правая угловая скобка - &gt;
" - Кавычки - &quot;
' - Апостроф - &apos;

Основные команды RSS файла используют стандартные символы написании ... И, по моему, есть одна хорошая новость ... Для UTF-8 нет никакой разницы с BOM / EFBBBF или без BOM - файлы RSS одинакого проходят валидацию ... Это есть гуд ...

Особенности Yandex относительно RSS

Для работы турбо страниц Yandex применяет собственные схемы пространства имен ... Непонятно, почему не нашлось совместимых элементов из уже существующих 66 поддерживаемых XML схем ... Понятно, что копаться в своем приятнее, чем в чужом ... Несомненно, что неправильное решение одной проблемы автоматом волокет за собой создание новых / других ... И, чуть ниже, станет понятно почему чужое больше воняет ...
Основному индексирующему роботу Яндекса может потребоваться особое разрешение на скачивание файла RSS в файле robots.txt ... последняя строка robots.txt должна быть пустой
Индексирующему роботу можно указать задержку между загрузками страниц / Crawl-delay / для уменьшения нагрузки на веб-сервер ...
Включение / отключение проверки обновления RSS-канала в разделе Турбо-страницы Яндекс.Вебмастера
Установка кодов счетчиков и рекламы может быть выполнена из панели Яндекс.Вебмастер или непосредственно внесена в файл RSS канала при его создании ...

Особенности валидатора RSS относительно кода RSS

Ну это уже совсем нонсенс, хотя и ожидаемый ... Собственно, сам валидатор RSS не может проверить валидный RSS код ... Почему? Потому, что надо знать в какой последовательности валидатор и в соответствии ли со спецификацией проверяет этот RSS код ...

Спецификация заявляет порядок : title -> link -> description ...
Валидатор проверяет : atom:link -> guid -> description -> link -> title ... Еще и указывает, что надо соблюдать порядок вложения ...
Зачем нужен xmlns:atom и ссылка atom:link href - если они не входят в спецификацию RSS v2.0.1 ?
В справке сказано - укажите ссылку atom:link href до элемента /channel - а люди добрые говорят, что надо сразу после элемента channel до элементов item - и код сразу становится валидный ...
Зачем моросить про guid - если это не обязательный элемент ? ...

Стандарт мобильного интернета.

Стандарт не может иметь разночтения, на то он и стандарт ... А, вот *** стандарт - может ... Вообще, откуда взялся этот RSS ? Во времена низкой скорости интернета - этот способ ознакомления с материалами сайта еще мог быть оправдан ... Затем скорость выросла - и необходимость отпала сама собой ... Сейчас RSS пытаются натянуть на мобильный интернет под видом ускорения загрузки страниц ... Лет через 5 и в мобильном интернете скорость вырастет настолько, что это снова станет никому не нужно ... Да и сами страницы ... лепят по 8 фоток / по 500 кб - 4 мб только на медиа материалах - значит со скоростью все в поряде ... Нет ... Тут, другие интересы ...

Единственный, из известных мне, рабочих протоколов ускоренного мобильного интернета - это WAP, Wireless Application Protocol, протокол беспроводного доступа ... WAP интернет работает на основе только мобильного телефона, без компьютера, модема или GPRS / EDGE средне / скоростного соединения ... Для примерных размеров : экран 120x160, память 1 / 2 кб, что соответствует примерно 100 слов + служебные символы ... Умер при родах, потому-что потреблял бабла больше, чем давал полезной информации ... Какой из современных сайтов соответствует этому стандарту? Правильный ответ - никакой ... Однако, разработка сайтов с учетом рекомендаций WAP позволяет создавать реальные ускоренные страницы ... Как, говорится : больше дела - меньше слов ... 2G, 3G, 4G, 5G - это уже шняга ... Позволяющая прокачивать через мобильные девайсы любые объемы информации и рекламы ...

Все-таки некоторые плюсы из RSS технологии можно извлечь ... Internet Explorer v11 достаточно корректно работает с RSS каналом и позволяет некоторые манипуляции с содержимым файла : поиск по слову, сортировка списка по дате, сортировка списка по названию - а это уже немалая польза, если в файле есть что искать ...

Работа с RSS фидом в Internet Explorer v11

17:05 04.09.2018

Поделиться ссылкой :

Интересы :

Метео / прогноз : Погода В Екб и области Калькулятор погоды по маршруту
Транспорт : Автомобили Программы Диагностика Тюнинг Статьи
Отдых : Досуг Компьютер Радио Фильмы Музыка Игры
Загрузки : торрент трекер лист русские и мировые announce стабильные / рабочие

Работа :

Aвто / перевозки : контейнерные грузоперевозки калькулятор стоимости грузоперевозок
Диагностика : автомобилей и грузовиков для друзей / питик (500) / Екатеринбург, Космонавтов / Артинская .

Быстрый поиск по сайту :


Главная / разделы сайта

= = = Меню раздела = = =


© techstop-ekb.ru / Екатеринбург / 2018