Устранение блокировки рендеринга javascript

Я хочу улучшить производительность веб-страницы на мобильных устройствах, исключив рендеринг блокирующего javascript сверху содержимого сгиба, как советует информация о скорости страницы Google. Все файлов JavaScript на использовании страниц предназначены для текстового поля в верхней части страницы, где пользователи выбирают ингредиенты:Устранение блокировки рендеринга javascript

Jquery-1.8.2.js, textext.js, home.js

Я пытался двигаться все эти файлы в конец html, но это вызвало разрыв текстового поля. Я также попытался использовать атрибут async для скриптов, но это имело тот же эффект. Есть ли способ решить эту проблему? Страница here.

источник

2016-02-17 Dave7542524

Как это сломалось? У вас есть ссылка на версию со сценариями внизу? – epascarello

Извините, я не могу предоставить ссылку на это, но в основном это остановило текстовое поле от работы и даже разбило страницу в моем браузере. – Dave7542524

А, я поменял местами файлы home.js и textext.js в конце html и, похоже, решил проблему с разбиением на текстовые поля/сбой страницы. Но правильно ли я удалил javascript с надписью над содержимым складки, или есть лучший способ, которым я должен был это сделать? – Dave7542524

Возможным направлением может быть поиск конкретных функций блокировки (например, alert). Затем переопределяя их с неблокирующими, реализуя их до выполнения текущего кода.

Например, вы можете реализовать alert в качестве модального, позволяя рендерингу продолжать плавно.

источник

2016-02-17 22:04:04 imriqwe

Сколько блокирующих вызовов есть? оповещения и подсказки? Блокировка Render означает что-то еще, это означает, что анализ любого кода JavaScript предотвращает визуализацию HTML-кода, и вы должны загружать JavaScript после загрузки HTML, чтобы он мог визуализировать HTML-запрос перед запросом файлов JavaScript. –

Устранение блокировки рендеринга javascript

ответ

Смежные вопросы