Каков наилучший способ заставить внешние изображения и файлы JS не влиять на время загрузки страницы?

Question

На многих страницах, с которыми я работаю, есть много внешних (некритических) внешних изображений и js-файлов, которые вызываются, которые влияют на время загрузки. Один из них - пиксель отслеживания для рекламной компании, который иногда может занять несколько секунд, и вы можете видеть, что это висит в браузере, поэтому он дает плохой опыт работы с пользователями. Есть ли способ, которым я могу загрузить их и не считать их начальной загрузкой страницы? Я видел похожие вещи, которые запускают таймер, и как только таймер запускает их, но я беспокоюсь, что если пользователь слишком быстро покинет страницу, пиксель отслеживания не успеет загрузить.

Answer 1

Не совсем - точка отслеживания с помощью gif предназначена для отслеживания пользователей независимо от того, есть ли у них javascript или нет. Задержка загрузки gif потребует javascript, так что победит точку и потенциально испортит вашу статистику.

Лучшим методом является установка этих «ненужных для загрузки страницы» вещей в конце кода внутри тега закрывающего тела.

Answer 2

Если вы можете загрузить пиксель отслеживания дальше на веб-странице, желательно как можно ближе к концу тега BODY, он, скорее всего, обработает все другое содержимое до этого изображения, делая загрузку страницы быстрее, событие, когда изображение не загружается очень быстро.

Это может быть объяснено (если принято немного вне контекста) на Yahoo YSlow в разделе «Best Practices for Speeding up your Website» на положить скрипты внизу.