zag2art 16 сен 2013 в 14:33

Mobify.js — изменение DOM до начала загрузки ресурсов

2 мин

15K

Веб-разработка * JavaScript *

+42

Комментарии 32

vancho73 16 сен 2013 в 14:52

реССССССССурсов…

zag2art 16 сен 2013 в 14:54

Спасибо, постоянно ошибаюсь :(

PopeyetheSailor 16 сен 2013 в 16:40

А немного оффтоповый вопрос — есть ли смысл в

var main = function () {
//...
}; main();

а не

(function () {
//...
})();

Как минимум не засирается глобальная область видимости.

И еще — зачем тегу script id и class?

А по сабжу — довольно интересно, на первый взгляд, надо ковырнуть

MTonly 16 сен 2013 в 18:47

зачем тегу script id и class?

Например, чтобы что-нибудь вставить перед ним в DOM-дерево без необходимости наличия статически присутствующего пустого контейнера (тоже с идентификатором) перед элементом SCRIPT. Способ достичь результата, аналогичного document.write() (динамическая генерация и вставка чего-либо непосредственно в место, где находится элемент SCRIPT), без использования собственно document.write().

webportal 16 сен 2013 в 16:44

А как к этому отнесутся поисковики?)

Goobs 16 сен 2013 в 17:37

Нормально отнесутся, они же не будут выполнять скрипт, превращающий body в плейнтекст. След-но, страница для поисковиков останется нетронутой.

timursun 16 сен 2013 в 21:11

Таким обазом, поисковик получит не тот же контент, что получит пользователь. А поисковики этого не любят.

Goobs 17 сен 2013 в 05:49

Тот-тот. Вообще зависит от проектирования интерфейса. Изменится незначительно разметка, но контент останется прежним.
Совсем другая история получается с шаблонизацией на клиенте — там результаты действительно отличаются разительно.

marazm 18 сен 2013 в 07:39

Нынче поисковики и js выполняют

zag2art 18 сен 2013 в 09:17

Серьезно? А можно поподробней?

marazm 18 сен 2013 в 09:29

Matt Cutts:

«For a while, we were scanning within JavaScript, and we were looking for links. Google has gotten smarter about JavaScript and can execute some JavaScript. I wouldn't say that we execute all JavaScript, so there are some conditions in which we don't execute JavaScript. Certainly there are some common, well-known JavaScript things like Google Analytics, which you wouldn't even want to execute because you wouldn't want to try to generate phantom visits from Googlebot into your Google Analytics».

mikeAbasov 17 сен 2013 в 17:23

Mobify.js никак не влияет на SEO.

— Майк из Mobify

pepelsbey 16 сен 2013 в 18:38

Это вы медиавыражение (media query) назвали «медиа-критерием»?

zag2art 17 сен 2013 в 04:15

Ага. Немного непривычно? Обычно media query в статьях почему-то на русский не переводят, если переводят — то чаще всего используется калька — медиа-запрос, ну а я немножко отклонился от стандарта, как и вы, по моему :)

MTonly 16 сен 2013 в 18:39

<plaintext>
Этот элемент является нерекомендуемым (deprecated) начиная с HTML 2 и не был реализован ни во всех браузерах, ни взаимно совместимым образом. Более того, в HTML 5 он является устаревшим (obsolete), и соответствующие стандарту браузеры могут вывести его как элемент <pre>, что приведёт к интерпретации содержащегося в нём HTML-кода.
MDN

zag2art 17 сен 2013 в 04:20

Да, все это обсуждается на мозиловском сайте, и, как это не странно, plaintext реализован во всех браузерах, причем сходным образом.

Glebcha 17 сен 2013 в 05:07

С одной стороны это круто — умный HTML парсер на JavaScript с поддержкой media queries. Но с другой стороны был дублирован тот функционал, что уже есть у бразуера …и к тому же повторили его на JavaScript.

Выдержка из заметки Bryan McQuade в вольном переводе.

ivnC 17 сен 2013 в 09:23

Вот уж воистину сатанизм! Все мы хотим, чтобы сайты начали как можно раньше загружаться, особенно на слабых каналах, пишем всякие аналоги flush(), и вот все коту из-за каких-то костылей под responsive images.

НЛО прилетело и опубликовало эту надпись здесь

Holden 17 сен 2013 в 13:59

чтобы контролы работали максимально быстро нужно в тегах прописывать onclick, а не биндить события скриптом. Хотя сейчас это считается плохой практикой, а жаль.