Как отложить загрузку изображений?

Question

[Денис Букреев]

Добрый день.
Задался вопросом поисковой оптимизации, стараюсь делать верстку на 100/100 по PageSpeed Insights от Google.
Вот столкнулся с проблемой:

Эту ошибку выдает из-за того, что вверху страницы есть картинка, которая и не нравится гуглу (она максимальна сжата).
Гугол хочет, чтобы я ее подгружал как скрипты - с помощью атрибута async или defer, но для img не существует таких атрибутов.

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

И какие еще есть сервисы для проверки сайта на скорость загрузки, и вообще качество верстки, помимо гугловского?

Comments

[Денис Букреев]

Сергей Сергеев: себя хочу потешить) мне интересно, можно ли добиться 100 из 100, чтобы архитектура сайта не пострадала и чтобы еще и другие разработчики могли разобраться, что за бред происходит.
Гугл свою главную не показывает на этом ресурсе (то ли специально ошибку устроили, то ли на самом деле специально)

Answer 1

[Tlito]

нет смысла добиваться 100, но если вам интересны мои реомендации то на тлито ру поищите статью ааптивный дизайн в разделе Разработка - CSS

Comments

[Денис Букреев]

Зачем рекламировать сайт о разработке сайтов, если он хреновый?
Если сам себе не смог сделать нормально, то чему других учить собрался? Копипастом из других статей?

[Андрей Бережной]

На вашем сайте даже 90 по скорости нет :(

Answer 2

[Николай]

Ох советчики.
Можно грузить через ajax и вставлять.

Answer 3

[Gleb Gryadk.in]

Я, почему-то, совсем не уверен, что дело в одной картинке. Полагаю, фраза "необходимы дополнительные сетевые запросы" как-бы намекает ,что в хидере грузится всего дохрена.
т.е. надо бы:
- собрать стили и скрипты в один файл и/или грузить их где-то в футере.
- для мелких картинок использовать спрайты или cdn или data:image/png;base64

посмотри в gtmetrix - он подробнее пишет.