Combine external JavaScript - Объединение внешних скриптов в как можно меньшее количество файлов сокращает время в RTT и задерживает загрузку других ресурсов.
Подробности из Google
Хорошие front-end разработчики строят web-приложения в модульных, многоразовых компонентах. В то время как разбиение кода на модульные компоненты программного обеспечения является хорошей инженерной практикой, импорт модулей в HTML-страницу по одному за раз может значительно увеличить время загрузки страницы.
Во-первых, для клиентов с пустым кэшем, браузер должен выдать HTTP-запрос для каждого ресурса и выполнить связанное время туда и обратно.
Во-вторых, большинство браузеров не допускают загрузки остальной части страницы во время загрузки и анализа файла JavaScript. (Список браузеров, которые поддерживают и не поддерживают параллельные загрузки JS, см. Browserscope.)
Pagespeed рекомендует:
Вот некоторые правила объединения файлов JavaScript в рабочей среде:
Разделите JavaScript на 2 файла: один JS, содержащий минимальный код, необходимый для отображения страницы при запуске; и один JS-файл, содержащий код, который не требуется до завершения загрузки страницы.
Используйте несколько JavaScript-файлов из документа <head>, как это возможно, и сведите размер этих файлов к минимуму.
Используйте JavaScript редко посещаемого компонента в собственном файле. Используйте файл только тогда, когда этот компонент запрашивается пользователем.
Для небольших битов кода JavaScript, которые не должны кэшироваться, следует рассмотреть возможность подстановки, что JavaScript в самой HTML-странице.
Правильно расположите скрипты в разделе head документа.
Является ли скрипт внешней или встроенной, это выгодно, чтобы разместить в правильном порядке по отношению к другим элементам, чтобы увеличить параллельных загрузок.
Инструмент: GTmetrix.
Продолжаем серию уроков по оптимизации загрузки...
Следующие страницы вас также могут заинтересовать:
- Артём Высоков Vysokoff
- Букмарклет для аналитики просмотров видео на YouTube канале
- Как работает поиск на Авито, его алгоритмы и ранжирование объявлений?
- Александр Ожгибесов
- SEO Аналитика: профессиональный инструмент для анализа поисковой видимости
Обновлено: 23.12.2020