Никогда не помещайте внешний Javascript в

Этому сообщению в блоге 6 лет! Скорее всего, его содержание устарело. Особенно если это технический.

Прежде всего, название, возможно, вводит в заблуждение. По сути, не помещайте простые теги сценариев, которые не являются асинхронными, в тег head.

Если вы поместите фрагмент javascript в заголовок HTML-страницы, браузер начнет загружать его, переходить по строкам HTML и загружать другие ресурсы, когда они встречаются с ними, такие как файлы CSS.

Затем, когда все javascript и CSS будут загружены, он начнет рендеринг страницы, а когда он это сделает, он загрузит любые изображения, на которые есть ссылки в HTML. Примерно в то же время он начнет отображать вещи на экране. Но этого не произойдет, пока не будут загружены CSS и Javascript.

Для повторения: экран браузера будет пустым. Загрузка изображений не начнется, если загрузка URL-адреса javascript, указанного в заголовке, застрянет.

Вот два совершенно хороших примера из обычной утренней охоты на новости:

Wired
Wired.com виновен

виноват getharvest
виноват getharvest.com

Вот что делает getharvest.com в своем HTML:

<! DOCTYPE html> <html lang = "en"> <head> <script type = "text / javascript"> var NREUMQ = NREUMQ || []; NREUMQ. push (["mark", "firstbyte", new Date (). getTime ()]); </ script> <script type = "text / javascript" src = "http: //c761485.r85.cf2.rackcdn. com / gascript.js "> </ script> ...

Почему он застревает при подключении к c761485.r85.cf2.rackcdn.com Я просто не знаю. Но это так. Интернет часто бывает таким. Вы просто не можете подключиться к отлично настроенным веб-серверам.

Update-то время-писчей этого текстом! Когда я писал этот текст, я дал getharvest.com второй шанс, полагая, что скорее всего белки в моих интернет-трубочках вернутся и будут работать на rackcdn.com, но затем [это произошло! / Static / cache / bd / 02 / bd02367be6bbe6d16444051619d88bee .jpg)

Итак, что нужно сделать ? Просто: не полагайтесь на внешние ресурсы. Например, можете ли вы переместить тег сценария Javascript в самое нижнее место HTML-страницы. Таким образом, он будет рендерить столько, сколько возможно, ожидая, пока ресурс Javascript отклеится. Или, почти в равной степени, вы можете оставить тег script в <head>, но затем в атрибуте async:

<script async type = "text / javascript" src = "http://c761485.r85.cf2.rackcdn.com/gascript.js"> </ script>

Еще одна вещь, которую вы можете сделать, это не использовать URL внешнего ресурса (он же является сторонним доменом). Вместо использования cdn.superfast.com/file.js вы используете /file.js. Конечно, этот модный CDN может быстрее обслуживать вещи, чем ваш сервер, но поиск домена CDN стоит еще одного поиска DNS, который мы знать может быть очень дорогим для этого первого впечатления.

Я знаю, что я, вероятно, виновен в этом новом в некоторых из моих (теперь) старых проектов. Например, если вы откроете aroundtheworldgame.com он не будет ничего отображать, пока ему не удастся подключиться к maps.googleapis.com и dn4avfivo8r6q.cloudfront.net, но это скорее приложение, а не веб-сайт.

Кстати ... я написал некоторый основной код, чтобы поиграть с тем, как это на самом деле работает. Я решил поднять это, если вы тоже хотите поэкспериментировать с этим: https://github.com/peterbe/slowpage

Предыдущая: Premailer теперь чтит специфику 21 марта 2013 г. Далее: "Вы имели в виду этот домен?" Автокоррекция для адресной строки браузера 05 апреля 2013 г. По ключевому слову: Отложить или асинхронизировать теги JavaScript. Это вопрос. 29 июня 2018 года Как я перестал беспокоиться о блокировке ввода-вывода торнадо 18 сентября 2012 г. Постоянное кэширование с обновлениями «забей и забудь» 14 декабря 2011 Слишком круто для меня? 25 сентября 2011 QUnit тестирует мой сайт jQuery Mobile в самом разгаре 17 марта 2011

Похожие

При изучении программирования не пишите «в ящик»!
... JavaScript, CSS и HTML, то изучение нового фреймворка, например React или Vue, дает возможность создать простое работающее приложение. Конечно, это требует от нас больше работы, потому что чаще всего в процессе обучения мы оставляем все в очень грубом состоянии. Благодаря подходу «nieboffadowemu», у нас также есть своего рода мотивация, чтобы немного улучшить все, потому что потенциально другие люди увидят результат нашей работы. Это также заставляет нас задуматься о функциональности,
Мой поддельный профиль в Facebook, или Как Facebook не проходит проверку профилей
... не понадобился поддельный профиль на Facebook. Фактически запрещены и официально проверены подозрительные профили Facebook. Но к своему удивлению я понял: видимо с завязанными глазами Я должен загрузить свою идентификационную карточку, это внезапно после входа в Facebook. Они хотели проверить подлинность моего профиля. «Теперь они наконец поймали меня», - думаю я. Несмотря на некоторые препятствия, с моим фальшивым профилем в Фейсбуке до сих пор было неплохо. Но давайте
JD.com запускает платформу Blockchain - но это не для биткойнов - Motley Fool
JD.com ( NASDAQ: JD ), второй по величине игрок в электронной коммерции в Китае, недавно запустил JD Blockchain Open Platform, платформу блокчейн как услуга, которая помогает компаниям разрабатывать свои собственные приложения на основе блокчейна. Блокчейн - это децентрализованный регистр данных, который распределен по разным местам. Эти данные защищены в зашифрованных блоках, доступ к которым осуществляется через
Загрузите компьютер с USB, даже если BIOS его не поддерживает • Raymond.CC
Хотя это не такая серьезная проблема с компьютерами, выпущенными в последние годы, если у вас немного более старый компьютер, он может не загружаться напрямую с USB-устройства. Возможность загрузки компьютера с флэш-накопителя USB является преимуществом, поскольку существует множество инструментов, которые можно использовать для установки или восстановления Windows, таких как
Неверное позиционирование страницы - как не нарушать руководящие принципы Google - SEMTEC
... виды санкций были наложены на веб-сайты Google в течение многих лет. Это касается как небольших, так и крупнейших сайтов в сети. В прошлом наказания были нацелены даже на таких гигантов, как Forbes, Ebay и BMW. На польском рынке наказываются три сайта сравнения цен: Skąpiec, Ceneo и Nokaut. Штрафы для веб-сайтов налагаются Google из-за использования различных методов манипулирования результатами поиска. Положение страниц в результатах Google определяется на основе сотен факторов, анализируемых
Сравнение инфраструктуры тестирования JavaScript: Жасмин против Мокко
... JavaScript становится все более и более ожидаемым разработчиками. Но с чего начать? Существует так много вариантов рамок. Это может быть довольно подавляющим. Этот пост представляет собой краткий обзор различий между двумя популярными средами тестирования JavaScript: Жасмин 2 а также кофе мокко , Мы также обсудим часто используемые библиотеки, Chai а также
HTC Desire 10 Lifestyle - Тест и обзоры
... не всегда одинаковы. Более того, если именно поиск благоразумия, мощности и долговечности подтолкнул вас к тому, чтобы начать читать эту статью, есть очень хороший шанс найти свою учетную запись с этим HTC Desire 10 Lifestyle . Все детали, которые вы должны знать об этом продукте, находятся в следующих строках. Рекомендуется ли смартфон HTC Desire 10 Lifestyle? Учитывая его очень хорошее общее качество, мы можем сказать, что этот смартфон HTC
Часто задаваемые вопросы об агенте чистого доступа
Вступление Этот документ отвечает на наиболее часто задаваемые вопросы (FAQ), связанные с Cisco Clean Access Agent (ранее Perfigo SmartEnforcer). Названия продуктов изменились. В этой таблице перечислены как старые, так и новые имена: Старое имя Новое имя SmartManager Менеджер чистого доступа Сервер SecureSmart Сервер чистого доступа SmartEnforcer Агент чистого доступа CleanMachinesAPI API-интерфейсы чистого доступа Обратитесь к
Как составить карту путешествия клиента в электронной коммерции (с помощью шаблонов)
Могу ли я привлечь ваше внимание, пожалуйста? Статистически говоря ... вероятно нет. Если бы мне пришлось угадывать, 20% людей, которые нажали на эту статью, уже решили, что они должны быть где-то еще. В электронной коммерции это еще хуже. Конечно, кто может обвинить их? Со всем сегодняшним шумом онлайн достаточно сложно привлечь чье-то внимание. Преобразование этого внимания в долгосрочные отношения с клиентами может показаться почти невозможным, особенно когда вы работаете
40+ лучших блогов по веб-разработке 2018 года
... влено 2 октября 2018 г. В мире веб-разработки те, кто становятся экспертами, обычно делают это, учась у своих предшественников. Чтение и ведение правильных блогов по веб-разработке значительно облегчает получение хорошего образования. Вот почему в этом посте мы собрали список лучших блогов по веб-разработке , которые помогут вам найти
Николай Максименко - Research Lead в R & D отделе компании SoftServe. Долгое время он занимался физи...
Николай Максименко - Research Lead в R & D отделе компании SoftServe. Долгое время он занимался физикой в ​​Институте комплексных систем Макса Планка в Германии и в Институте Вайцмана в Израиле, где работал рядом с лауреатами Нобелевских премий. А о работе одного из его коллег даже сняли серию в Теории большого взрыва. В интервью DOU Николай Максименко рассказал о работе в иностранных университетах и ​​правильное среду, ждать от

Комментарии

Что это обновление не может быть выполнено для сообщения об ошибке учетной записи не администратора на Cisco Clean Access Agent во время обновления Windows означает?
Что это обновление не может быть выполнено для сообщения об ошибке учетной записи не администратора на Cisco Clean Access Agent во время обновления Windows означает? О. Проблема заключается в том, что Чистый агент доступа не может выполнить обновление Windows для не администраторов. Заглушка агента необходима для того, чтобы не администратор мог запустить службы обновления Windows Server (WSUS). Служба заглушки требуется для поддержки этих функций для пользователей без прав администратора:
LG он не видел слишком мини?
LG он не видел слишком мини? Ответь в этом тесте. Дизайн и эргономика Как мы уже говорили во введении, G2 mini принимает эстетические коды своего старшего брата. Никаких фундаментальных изменений не предвидеть. Единственная реальная разница во внешнем виде - это изменение покрытия сзади: от очень слегка блестящего черного пластика с резным вырезом до темно-серого матового пластика с более выраженными ребрами. Это показывает немного менее высококачественный внешний вид, но
Разве это просто случайный подсчет, что мы никоим образом не будем подвергать себя поисковой системе Калифорнии?
Разве это просто случайный подсчет, что мы никоим образом не будем подвергать себя поисковой системе Калифорнии? Не обязательно. Однако нам нужно знать, чего следует избегать. За что Google налагает штрафы Самая важная комбинация запрещенного позиционирования была представлена ​​Google в руководство по качеству для веб-мастеров ». Они описывают различные типы наиболее часто
Интересно, стоит ли мне работать с VPN, чтобы Facebook не замечал, что у меня и моего нового альтер эго всегда один и тот же IP-адрес?
Интересно, стоит ли мне работать с VPN, чтобы Facebook не замечал, что у меня и моего нового альтер эго всегда один и тот же IP-адрес? Но тогда я слишком ленив и немного параноидален. Если подумать, он мой сосед по квартире, с которым я делюсь доступом к сети. Придумать профиль Мне нужна фотография профиля, дата рождения и имя. Поскольку лучше лгать, когда вы наполовину лжете, мой профиль получает мое второе имя, фамилию друга и дату рождения как номер один из моих.
Ты до сих пор не знаешь Kiss my Ki?
Ты до сих пор не знаешь Kiss my Ki? Наши новые группы проектов в одном поиске Результаты более 100 интернет-магазинов. Посетите Kiss My Ki Защити свой телефон Там не было никаких сборов Наслаждайся музыкой Информация на этом сайте не гарантируется. Kimovil не несет ответственности за любые недостатки, упущения или
Проблема в том, что это не очень полезно для большинства людей - каковы шансы его найти?
Проблема в том, что это не очень полезно для большинства людей - каковы шансы его найти? Подумайте, сколько раз вы на самом деле используете кнопку «Мне повезет» от Google. Конкурирующие поисковые системы, как правило, отправляют запросы или опечатки в адресной строке непосредственно в поисковую систему по умолчанию. Это кажется более интуитивным подходом, чем случайное предположение на веб-сайте. Чтобы изменить стандартное поведение адресной строки Firefox, чтобы она использовала поисковую
Разве это узкое название магазина не будет вас ограничивать в одно мгновение?
Разве это узкое название магазина не будет вас ограничивать в одно мгновение? Как вы планируете развивать продажи для заказных клиентов? Joanna Krajewska-Godziek : Выбор имени iketka.com имел большое значение в начале нашей деятельности. Во-первых, это имя поставило нас на первое место в Google, во-вторых, оно подчеркивает электронную коммерцию, и в-третьих, оно короткое и легко запоминающееся (каждый день мы отмечаем около 300 уникальных пользователей, которые заходят на
Однако что делать, если вы столкнулись со старым компьютером, который не поддерживает загрузку с USB?
Однако что делать, если вы столкнулись со старым компьютером, который не поддерживает загрузку с USB? К счастью, еще не все потеряно, потому что есть отличный небольшой инструмент под названием Plop Boot Manager, который может сделать невозможное и позволить вам загрузить компьютер с USB, даже если BIOS его не поддерживает. Plop может загружать различные операционные системы, такие как Windows или Linux, с жесткого диска, дискеты, CD / DVD или с USB. Вероятно,
Зачем давать так много вариантов, если половина из них не работает в каждом режиме?
Однако что делать, если вы столкнулись со старым компьютером, который не поддерживает загрузку с USB? К счастью, еще не все потеряно, потому что есть отличный небольшой инструмент под названием Plop Boot Manager, который может сделать невозможное и позволить вам загрузить компьютер с USB, даже если BIOS его не поддерживает. Plop может загружать различные операционные системы, такие как Windows или Linux, с жесткого диска, дискеты, CD / DVD или с USB. Вероятно,
Вы хотите проверить внешний вид вашего будущего приложения, прежде чем писать одну строчку кода?
Вы хотите проверить внешний вид вашего будущего приложения, прежде чем писать одну строчку кода? Наша команда может помочь вам создать отличный прототип приложения, который поможет вам лучше оценить осуществимость идеи вашего проекта и ваш бюджет на разработку программного обеспечения. Узнайте больше о наших Ускоритель Bootcamps здесь! Свяжитесь с нами сегодня, чтобы узнать больше о различных
Почему бы не рассказать историю своей карьеры с помощью инфографики?
Почему бы не рассказать историю своей карьеры с помощью инфографики? Хотите донести всю необходимую информацию в удобной для глаз графической форме? Почему вы будете хотеть какой-то инфографики , затем! И этот стильный шаблон от Federica Procaccino обеспечивает именно это, позволяя вам донести свое сообщение на одной странице, не перегружая всех текстом.

Далее: "Вы имели в виду этот домен?
Постоянное кэширование с обновлениями «забей и забудь» 14 декабря 2011 Слишком круто для меня?
Но с чего начать?
Рекомендуется ли смартфон HTC Desire 10 Lifestyle?
Конечно, кто может обвинить их?
Что это обновление не может быть выполнено для сообщения об ошибке учетной записи не администратора на Cisco Clean Access Agent во время обновления Windows означает?
LG он не видел слишком мини?
Разве это просто случайный подсчет, что мы никоим образом не будем подвергать себя поисковой системе Калифорнии?
Интересно, стоит ли мне работать с VPN, чтобы Facebook не замечал, что у меня и моего нового альтер эго всегда один и тот же IP-адрес?
Ты до сих пор не знаешь Kiss my Ki?