Что speed page вообще надо?

123 4
i.lisovenko
На сайте с 14.01.2022
Online
52
964

Как всегда, делаю новый сайтик, хочу speed page  довести до идеала 😀 да понимаю, что многие говорят ни на что не влияет и все такое, ну просто хочется добить его, просто для галочки в голове. Так вот не понимаю, что ему надо.. Вот одни из некоторых типа ошибок

Для изображений не заданы явным образом атрибуты width и height .

Ну понятно, что в коде странички есть <img src="..."> и указаны без  width и height потому что в стилях указывается например .class img {width: 100%;} и вот не пойму такой вещи, например мой код

<div class="1"><div class="2"><div class="3"><img></div></div></div>

Ему принципиальна вообще вложеность элемента? По факту ведь если я в стилях укажу .1 img {width: 100%;} или же .3 img {width: 100%;} ну стиль же применяется все равно к одному этому элементу, если помимо этого нет <img> и вложеность же без разницы или же оно хочет от меня чтоб по любому было указано так .1 .2 .3 img {width: 100%;}? Я вроде уже итак и этак пробовал пути прописывать, все равно пишет про эту ошибку.

Куда копать в данном случае? Ну и как по вашему все таки для speed page все таки писать пути?

Халява - и точка https://halyavaitochka.ru
Dambo
На сайте с 19.07.2018
Offline
371
#1
Блочте доступ из США на уровне сайта (кроме поисковиков гугла) и Пейдж спид будет показывать 100% ибо будет видеть лишь строку "доступ вашей стране закрыт". Реальный баг. 
i.lisovenko
На сайте с 14.01.2022
Online
52
#2
Dambo #:
Блочте доступ из США на уровне сайта (кроме поисковиков гугла) и Пейдж спид будет показывать 100% ибо будет видеть лишь строку "доступ вашей стране закрыт". Реальный баг. 

Ну хочется то не просто цифру 100 из-за блокировки 🤣 ну а все таки сделать)

D
На сайте с 23.11.2018
Offline
51
#3
i.lisovenko :

Как всегда, делаю новый сайтик, хочу speed page  довести до идеала 😀 да понимаю, что многие говорят ни на что не влияет и все такое, ну просто хочется добить его, просто для галочки в голове. Так вот не понимаю, что ему надо.. Вот одни из некоторых типа ошибок

Для изображений не заданы явным образом атрибуты width и height .

Ну понятно, что в коде странички есть <img src="..."> и указаны без  width и height потому что в стилях указывается например .class img {width: 100%;} и вот не пойму такой вещи, например мой код

<div class="1"><div class="2"><div class="3"><img></div></div></div>

Ему принципиальна вообще вложеность элемента? По факту ведь если я в стилях укажу .1 img {width: 100%;} или же .3 img {width: 100%;} ну стиль же применяется все равно к одному этому элементу, если помимо этого нет <img> и вложеность же без разницы или же оно хочет от меня чтоб по любому было указано так .1 .2 .3 img {width: 100%;}? Я вроде уже итак и этак пробовал пути прописывать, все равно пишет про эту ошибку.

Куда копать в данном случае? Ну и как по вашему все таки для speed page все таки писать пути?

Ему принципиально видеть ширину и высоту именно в теге изображения. Делается для того, чтобы место под картинку было зарезервировано браузером даже без загрузки css. Ошибку никак не пофиксить без явного указания width и height в атрибутах тега img

L
На сайте с 10.02.2015
Offline
248
#4
Забить по возможности
i.lisovenko
На сайте с 14.01.2022
Online
52
#5
livetv #:
Забить по возможности

Судя по всему как раз и придется это сделать по итогу. Дебилизм на дебилизме а speed page 😡

MP
На сайте с 05.05.2025
Offline
5
#6
i.lisovenko #:
Судя по всему как раз и придется это сделать по итогу. Дебилизм на дебилизме а speed page

так задайте ширину и высоту. Он правильно ругается. при загрузке dom деерва, пока стили не подгружены у изображений должны быть параметры размера и alt теги

melkozaur
На сайте с 06.04.2010
Offline
532
#7
Ширину и высоту ставьте как у реальной картинки, у нее же есть эти параметры?
В стилях max-width 100%.
Должно помочь.
melkozaur
На сайте с 06.04.2010
Offline
532
#8
i.lisovenko #:
Дебилизм на дебилизме

Я согласен в целом, но не в этом конкретно случае.

i.lisovenko
На сайте с 14.01.2022
Online
52
#9
melkozaur #:
Ширину и высоту ставьте как у реальной картинки, у нее же есть эти параметры?
В стилях max-width 100%.
Должно помочь.

Сейчас вот попробую таким способом

G
На сайте с 18.08.2024
Offline
7
#10
i.lisovenko #:

Ну хочется то не просто цифру 100 из-за блокировки 🤣 ну а все таки сделать)

В данном случае проблема решается очень легко и почему бы это не сделать? Просто добавить атрибуты  width и height в тег img. CSS в данном случае имеет второстепенное значение, он применяется уже после начала рендеринга. Задав размеры картинки вы подскажете браузеру сколько места резервировать для нее, чтобы  не было скачков контента (CLS).

123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий